ページが見つかりませんでした | 失敗から学ブログ https://benri-no1.com ブログ運営での様々な失敗とそこから学んだことを紹介。ブログ運営にちょっと役立つ豆知識ブログを目指し奮闘中 Tue, 03 Jan 2023 14:06:19 +0000 ja hourly 1 https://benri-no1.com/wp-content/uploads/2019/04/cropped-mippifa-32x32.png ページが見つかりませんでした | 失敗から学ブログ https://benri-no1.com 32 32 SANGOのカスタマイズ一覧 https://benri-no1.com/sango/ https://benri-no1.com/sango/#respond Tue, 18 Dec 2018 10:51:11 +0000 http://benri-no1.com/?p=4635

私のブログで紹介している「SANGOのカスタマイズ」を見やすい一覧表にしました! 関連記事(横長)をカスタマイズ 新しいショートコードを追加しています。 吹き出しのカスタマイズ カスタマイザーで画像登録と名前登録が出来る ... ]]>

私のブログで紹介している「SANGOのカスタマイズ」を見やすい一覧表にしました!

みっぴー

気になるカスタマイズがあれば、詳細を見てみてくださいね!

関連記事(横長)をカスタマイズ

カスタマイズ後のイメージ
Before

After

みっぴー

関連記事(横長)のデザインに「関連」と「続きを読む」を追加

新しいショートコードを追加しています。

このカスタマイズを詳しく見る
関連記事(横長)のデザインを変更

吹き出しのカスタマイズ

カスタマイズ後のイメージ
Before

After

カスタマイズ後のイメージ
Before
イメージなし
After

みっぴー

吹き出しの色変更と新しいキャラを呼び出すためのショートコード作成

カスタマイザーで画像登録と名前登録が出来るように新しい項目を増やすので何キャラもショートコードで呼び出せます!


アコーディオンのカスタマイズ

カスタマイズ後のイメージ
Before

After

みっぴー

アコーディオンのボタンをカスタマイズ

様々なデザインのCSSも合わせてご紹介しています!

このカスタマイズを詳しく見る
アコーディオンのデザインを変更

メモボックスのカスタマイズ

カスタマイズ後のイメージ
Before
イメージなし
After

カスタマイズ後のイメージ
Before

After

みっぴー

メモボックスなどもカスタマイズしました!

SANGOのデフォルトには、メモと注意がありますが、ポイントを新しく追加しました。

デザインも少し変更!

このカスタマイズを詳しく見る
補足説明のメモボックスのデザイン変更

トップページの記事一覧カードのカスタマイズ

みっぴー

トップページの記事一覧のデザインとNEWマークのデザインを変更!
このカスタマイズを詳しく見る
トップページの記事一覧カードをカスタマイズ

ウジェットのタイトルカスタマイズ

みっぴー

ウジェットの目次タイトルに画像を挿入するカスタマイズです。

ウジェット前のアイコンを特定のタイトル前だけ消す方法なども載せています。


タイムラインのカスタマイズ

カスタマイズ後のイメージ
Before

After

みっぴー

タイムライン機能のデザインを変更とタイトル追加!

デフォルトのデザインでは、タイトルはなしですが何についてのタイムラインなのか分かりやすくするためにタイトルをつけられるようにカスタマイズしました。


ビフォーアフターボックス

みっぴー

上記のようなビフォーアフターボックスを呼び出すためのショートコード作成のカスタマイズです。
]]>
https://benri-no1.com/sango/feed/ 0
ランディングページはテンプレートを使えばデザイン性の高いページが簡単に作れる! https://benri-no1.com/landing-page-template/ Wed, 03 Aug 2016 02:41:55 +0000 http://benri-no1.com/?p=1086

ランディングページの作成が上手くできない!と悩んでいる方にオススメしたい方法は、ランディングページ専用のテンプレートを使うこと!デザイン性の高いテンプレートで、作成時間短縮して売り上げアップ!]]>

ランディングページの作成はみなさん、していますか?


今回は、ランディングページのテンプレートがすっごく便利で

デザイン性も高くオシャレなのでオススメしたいと思い書いています。


ランディングページとは、

何か商品などを紹介したりメルマガ登録をしてもらったりと、

何か目的のための一枚の長いWEBページのことです。



ランディングページの特徴としては、サイドバーがない1カラムのページで、

商品を紹介したり、メルマガなどのサービスを紹介したりと、その使い方は、様々です。



最近では、wordPressのテーマやテンプレートに

1カラムのページが作成できるものが多く販売されているので、

ランディングページが主流になってきた感じはしますね。



しかし、そのランディングページを作るのは、

なんだか敷居が高い感じがして、後回しにしてたり

デザインを考えたり、私には、無理!と

決めつけて手つかずの方もいるんじゃないでしょうか?

(はい、少し前の私です(´・ω・`))

アフィリエイトなどネットビジネスでは、ランディングページは必須

ランディングページを作るのは、なんだか難しそうだから

私には無理と決めつけて手つかずのまま・・・という方も多いと思います。


しかし、アフィリエイトなどネットビジネスをする上で、

ランディングページは必ず必要になってきます。


しかし、やっぱりいちからランディングページを作るのって結構大変!



1カラムのページが作れるテンプレートも最近では、

結構出てますがそれでも、画像とか様々なものを自分で用意するのは大変!



ヘッダー画像、見出しの画像などなど

ランディングページを作るにはデザインも考えないといけないし


読みやすく、相手の購買意欲を高めるような内容でないと

なかなか結果は出ないもの



そんな悩みを解決してくれる方法が・・・

ランディングページ専用のテンプレートを使うことです!

ランディングページ専用のテンプレートとは?

wordPressのテーマ・テンプレートを使っている方は結構多いと思いますが、

それと同様に、ランディングページのテンプレートも存在します。



ランディングページのテンプレートを使う事で、

ヘッダー画像や見出しの画像、矢印素材、などなど

ランディングページを作る上で必ず必要になってくるものが

最初から揃っているから、ランディングページがとても作りやすいです!



テンプレートを使えば、デザイン性の高いものが作れるのでオススメです。



私がランディングページを作る上で使っているのは、

有名なSIRIUS


あと、もう一つ

Colorful(カラフル)です。



SIRIUSは、有名なので知ってる方も結構いると思います。


SIRIUSは、ペラサイトなどを作るには、

もってこいで超オススメのツールで私も愛用していますが


デザイン性の高いランディングページのテンプレートというところを見ると


Colorful(カラフル)が断トツで1番です。



colorful

Colorful(カラフル)で作ったランディングページ

実際に見てもらえばわかると思います。



こういったテンプレートを使う事は、

時間短縮と見る人の購買意欲を高めるだけでなく、


自分自身がランディングページ作成への意欲が高まるので

短時間で驚くほどのページ数が仕上がります!

(これは、実際に自分の体験談!笑)

Colorful(カラフル)を使い始めからの私の変化

ランディングページ専用のテンプレ:Colorful(カラフル)を使い始めてからは

今まで自分には、無理だ!と諦めていたランディングページの作成が簡単に出来るようになって

更に、作るのまで楽しくなってきています!笑




そのページの第一印象を決めるヘッダー画像や見出しのデザインなども

豊富で、最初から用意されているものを使うだけでも、

十分なランディングページの作成が出来ます!




また、ランディングページの背景なども設定可能なので、パターン画像などを設定すれば、

ちょっと変わったページの作成も簡単!



これで、オリジナリティ溢れるページも簡単に作成できますし、

締め切り時間などの設定もしておけば、様々な使い道もあります。

締め切り時間の設定で、さらに効果アップ!

ランディングページ専用のテンプレ:Colorful(カラフル)は、締め切り時間の設定なども出来ます。



例えば、3日後に違うページに飛ばす事も出来るので

○月○日には、1000円値上がります!とページに書いておいて

実際にその日が来たら、1000円値上げされたページに

自動的に飛ばす事も出来るのでとっても便利!




使い道は、アイディア次第で、何通りにもなるので無限大ですね!




こういった設定って、テンプレートがないと、

なかなか難しいですが、ランディングページ専用のテンプレートがあると

クリックするだけで設定出来たりと、めっちゃ簡単なので

とってもオススメです。




ランディングページ作成が、なかなかうまくいかない・・・と

悩んでいる方は是非使ってみてください!

]]>
保護中: 【第三弾】アイキャッチテンプレ250の「お礼セット」受取りはこちら!詳細は購入したページを見てね https://benri-no1.com/eyepresent3/ https://benri-no1.com/eyepresent3/#respond Tue, 03 Jan 2023 14:06:19 +0000 https://benri-no1.com/?p=6857

この投稿はパスワードで保護されているため抜粋文はありません。]]>

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

]]>
https://benri-no1.com/eyepresent3/feed/ 0
保護中: 【当選者専用】Twitter無料プレゼント企画:アイキャッチテンプレ250の受取り案内 https://benri-no1.com/atari3/ https://benri-no1.com/atari3/#respond Tue, 27 Dec 2022 06:23:01 +0000 https://benri-no1.com/?p=6846

この投稿はパスワードで保護されているため抜粋文はありません。]]>

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

]]>
https://benri-no1.com/atari3/feed/ 0
保護中: アイキャッチテンプレートセット165種リンク https://benri-no1.com/165erver/ https://benri-no1.com/165erver/#respond Wed, 23 Sep 2020 16:14:47 +0000 https://benri-no1.com/?p=6771

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

]]>
https://benri-no1.com/165erver/feed/ 0
保護中: アイキャッチテンプレートセット150種リンク https://benri-no1.com/150erver/ https://benri-no1.com/150erver/#respond Wed, 23 Sep 2020 16:05:31 +0000 https://benri-no1.com/?p=6766

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

]]>
https://benri-no1.com/150erver/feed/ 0
【保存版】Canva写真を検索する時のおすすめジャンル別キーワード一覧! https://benri-no1.com/canva-keyword/ https://benri-no1.com/canva-keyword/#respond Sun, 08 Mar 2020 06:34:01 +0000 https://benri-no1.com/?p=6512

そんな時に便利な『Canva写真のジャンル別おすすめ検索キーワード一覧』を作りました! Canvaは、アイキャッチやヘッダー作成などとても便利な無料で使えるツールです。 しかし、写真を探す時に検索ワードによっては、微妙な ... ]]>

ぱん猫

Canvaって便利だけどいい感じの写真を見つけるのに時間が掛かる
Canvaの写真をジャンル別で素早く見つけたい

そんな時に便利な『Canva写真のジャンル別おすすめ検索キーワード一覧』を作りました!

Canvaは、アイキャッチやヘッダー作成などとても便利な無料で使えるツールです。
しかし、写真を探す時に検索ワードによっては、微妙な写真しか出てこなくて、探すのに時間が掛かる…という場合もあると思います。

せっかく時短のアイキャッチテンプレ150・165種類を使ってくれてるのに、背景写真がなかなか見つからない…
そんな悩みを持つ人のために今回、『ジャンル別のオススメ検索キーワード集』を作りました!

ちなみに、私が作ったアイキャッチテンプレ150種類と165種類をまだ使ってない方は、ぜひサンプルデザインもチェックしてみてくださいね~!♪

今回は、Canvaの写真を探す時に便利!ジャンル別のおすすめキーワード集です!
一応、無料写真だけで検索してますが、pro版の方はさらにいい感じの写真が出てくると思います!


私が、1回1回検索して頑張って集めたキーワード集なので、誰かに教える時はこのページをシェアしてくれたら大変うれしいです(^^)/

記事の内容
  1. canva写真のジャンル別おすすめ検索キーワード
この記事を書いた人

みっぴー

みっぴー(@bennriya_mi)です。私は、2016年にブログ運営を開始。そこから4年間、失敗を繰り返しやっと自分に合う方法を見つけ、50万PV・収益50万円を達成。
これまでの経験を元に情報を発信していきます。

Canva写真のジャンル別おすすめ検索キーワード一覧

様々なジャンルやイメージ別にオススメの検索ワードを集めました!
Canvaの画面⇒左メニューの写真⇒検索窓に入力で使ってくださいね!

いい感じの写真を見つけたら、背景をチェンジしてください。その方法は2パターンあるので詳しくは下記を読んでください。

Canvaの背景(背面)画像を超簡単に変更する方法!


・文字に縁取り風を追加して目立たせたい場合はこちら↓

Canvaで文字に縁取り風・影を入れる方法!目立たせるには?


・Canvaの使い方・アイキャッチテンプレ150・165の使い方については、別記事でまとめてますので下記を参考にしてください。

【Canva】アイキャッチの作り方|テンプレ150・165の活用方法まとめ

育児系


第二弾:アイキャッチテンプレ165種類より

↑アイキャッチテンプレを使った作成例だよ。これは、「赤ちゃんの靴」で検索して出てきた写真を使ったよ。

育児系・知育系・家族系に合う写真一覧です。

  • 赤ちゃん
  • つま先
  • 子供
  • 家族
  • 子育て
  • 親子
  • 母性
  • 母親
  • 父親
  • 父権
  • 妊娠
  • 祖父母
  • おもちゃ
  • かわいいおもちゃ
  • テディベア
  • 動物のぬいぐるみ
  • ミトン
  • 勉強
  • 赤ちゃんの靴
  • 子供の靴

旅行系

第二弾:アイキャッチテンプレ165種類より

↑アイキャッチテンプレを使った作成例だよ。「vacation」で検索して出てきた写真を使ったよ。

旅行系・休日系・楽しい未来を想像させるなどに合う写真です。

  • 旅行
  • 旅する
  • トリップ
  • relax
  • vacation
  • バリ島
  • 長椅子
  • クライミング

スパ・マッサージ系

こちらも休日系・楽しい、ゆったりとした日々を想像させる写真です。

  • バリ島
  • ハワイ
  • relax
  • スパ
  • 甘やかす
  • 長椅子

リラックス系

寝ている姿や家でまったりしてるイメージの写真です。

  • relax
  • 昼寝
  • 寝てる
  • カフェ
  • しずく
  • 靴下

ネイル・メイク

第一弾:アイキャッチテンプレ150種類より

↑アイキャッチテンプレを使った作成例だよ。「ペディキュア」で検索して出てきた写真を使ったよ。

美容系・特にネイル系に特化したジャンルです。

  • ネイル
  • マニキュア
  • ペディキュア
  • nail polish

美容系全般

コスメ・スキンケアなど美容全般に使える写真を集めました。

  • 香水
  • ローション
  • コスメ
  • アイシャドウ
  • リップ
  • beauty
  • ビューティフル
  • woman
  • face
  • ヒール
  • スティレット
  • 花束とヒール
  • つま先
  • スカート

ファッション系

オシャレな雰囲気やファッション系に使える写真です。

  • スカート
  • ミニスカート
  • ドレス
  • ストラップレス
  • カクテルドレス
  • ガウン
  • ブラウス
  • ジーンズ
  • レギンス
  • デニムジーンズ
  • チュール
  • サテン
  • ブーツ

ダイエット系

ダイエット系の記事に使える写真集です。

  • ダイエット
  • 重量
  • 太り過ぎ

可愛い・ポップ

第二弾:アイキャッチテンプレ165種類より

↑アイキャッチテンプレを使った作成例だよ。「sweets」で検索して出てきた写真を使ったよ。

スイーツなど可愛い・ポップなイメージを集めた写真です。ポップなブログに合いますね。

  • デザート
  • sweets
  • お菓子
  • ケーキ
  • 生クリーム
  • カラフル
  • キャンディー
  • love
  • チョコ
  • 可愛い

恋愛系

恋愛系の記事に合う写真を集めました。

  • カップル
  • 恋人
  • 彼氏
  • 彼女
  • セーター
  • ウエディング
  • ウエディングドレス
  • love
  • ミトン
  • ハート

食べ物

食べ物系の写真を集めました。

  • 食べ物
  • 健康な
  • 栄養価の高い
  • おいしい
  • デザート
  • カロリー
  • チョコ

家具・部屋、シックなイメージ

第一弾:アイキャッチテンプレ150種類より

↑アイキャッチテンプレを使った作成例だよ。「ソファ」で検索して出てきた写真を使ったよ。

シックなイメージ、高級感のあるイメージにしたい時に便利な写真です。

  • 部屋
  • ベッド
  • ソファ
  • ヘッドボード
  • ドレッサー

電話してる人

電話中の人・スマホを操作してる人の写真です。

  • 叫ぶ
  • 電話中

情報商材系やブログでの稼ぎ方などを教える系

第一弾:アイキャッチテンプレ150種類より

↑アイキャッチテンプレを使った作成例だよ。「スマホ」で検索して出てきた写真を使ったよ。

ブログの作り方など、ブログ解説系に使える写真を集めました。

  • クエスチョン
  • 発表
  • 決定
  • 選択肢
  • グラフ
  • 鉛筆
  • パソコン
  • ブログ
  • ブロガー
  • スマホ
  • 無線
  • リスト
  • インターネット
  • オンライン
  • ウェブ
  • ウェブページ
  • お金

機械系

こちらも、ブログ解説系に合う写真。特に機械系だけを集めました。

  • パソコン
  • スマホ
  • 無線
  • サーバー
  • ルーター
  • イーサネット

春・桜など

春をイメージさせる暖かい写真です。

  • 咲く

夏・海など

夏をイメージさせる元気な写真です。

  • vacation
  • 長椅子
  • ひまわり

秋・ハロウィンなど

第二弾:アイキャッチテンプレ165種類より

↑アイキャッチテンプレを使った作成例だよ。「秋」で検索して出てきた写真を使ったよ。

秋をイメージさせる優しい色使いの写真です。

  • 落下
  • ハロウィン

冬・クリスマスなど

冬やクリスマスをイメージさせる写真です。

  • クリスマス
  • holiday
  • サンタ
  • 雪だるま
  • セーター
  • ミトン
  • 置物

色鮮やかな元気なイメージ

色鮮やかなイメージ、カラフルなイメージを集めたジャンルです。

  • カラフル
  • レインボー
  • ドリンク
  • アルコール飲料
  • ラスベガス

前進・前向きで元気なイメージ

第一弾:アイキャッチテンプレ150種類より

↑アイキャッチテンプレを使った作成例だよ。「ジャンプ」で検索して出てきた写真を使ったよ。

前向きな気持ちになるような写真を集めたジャンルです。

  • 笑い
  • 空き
  • ジャンプ
  • 飛躍
  • クライミング
  • 道路
  • 選択肢
  • グッド
  • 乾杯
  • 天窓

悲しい・ショックなイメージ

悲しい気持ちを感じさせる写真を集めました。

  • 泣く
  • バッド
  • 悲鳴
  • ショック
  • びっくり
  • しずく

恐怖・力強いイメージ

↑の悲しい感じと少し似てますが、恐怖や力強い雰囲気のある写真です。

  • 恐怖
  • 強い
  • 危険
  • 脅かす

暖かいイメージ

暖かさを感じる写真を集めました。

  • セーター
  • love
  • ミトン
  • 暖かい
  • 暖炉

シンプル背景写真

第一弾:アイキャッチテンプレ150種類より

↑アイキャッチテンプレを使った作成例だよ。「木製」で検索して出てきた写真を使ったよ。

文字を目立たせたい時は、背景をシンプルに!シンプルな背景写真を集めました。希望する色名を入れると出てきます。

  • ピンクや白など各色の名前を入れる
  • 木の板
  • れんが壁
  • 木製
  • 段ボール
  • メモ

Canva写真を検索する時のおすすめジャンル別キーワード集まとめ

今回は、Canvaの写真検索の時に便利なジャンル別キーワード集を紹介しました!

ぜひ、アイキャッチを作る時など参考にしてください!
今後もいいキーワードを見つけたら、随時追記していきますのでぜひブックマークしてね!(*´ω`*)


これで、背景写真を探す手間も少しは短縮されるかな?♪

それでも、やっぱりアイキャッチを一から作るのは大変ですよね。アイキャッチはとっても大事ですが、ある程度テンプレ化して時短するのは、必須です!

アイキャッチ作成が時間が掛かる…どう作ればいいか分からない…という方は、私が作ったテンプレをぜひ活用してみてください♪

150種類+特典12種類のアイキャッチテンプレを配布中です♪

アイキャッチテンプレート150種の詳細を見る


可愛い系メインなら第二弾がオススメ!

アイキャッチテンプレ150・165種類の全デザイン例を見てみる

]]>
https://benri-no1.com/canva-keyword/feed/ 0
保護中: 【当選者専用】Twitter無料プレゼント企画:アイキャッチテンプレ165の受取り案内 https://benri-no1.com/atari2/ https://benri-no1.com/atari2/#respond Mon, 02 Mar 2020 06:26:21 +0000 https://benri-no1.com/?p=6402

この投稿はパスワードで保護されているため抜粋文はありません。]]>

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

]]>
https://benri-no1.com/atari2/feed/ 0
【Canva】アイキャッチの作り方|テンプレ150・165の活用方法まとめ https://benri-no1.com/eye-catching-template/ https://benri-no1.com/eye-catching-template/#respond Sun, 01 Mar 2020 16:15:34 +0000 https://benri-no1.com/?p=6308

Canvaでアイキャッチを作るには?今回はテンプレを使ったアイキャッチの作り方を説明します。いつも時間が掛かる、使い方が不明という方は参考にしてください。]]>

ねこ

Canvaの使い方が分からない
Canvaでアイキャッチを作りたいけどうまくいかない
みっぴーのアイキャッチテンプレをうまく活用したい

今回は、そんな時に役立つ「アイキャッチ作成の仕方・Canvaの使い方」についてです。

さらに、「アイキャッチテンプレ150種」と「アイキャッチテンプレ165種」をうまく活用する方法や使い方についても説明しています。

みっぴー

Canvaの基本的な使い方についても解説してるので、「Canvaは、使い慣れてない…」という方もぜひ参考にしてください!
記事の内容
  1. アイキャッチテンプレを活用する方法
  2. Canvaの基本的な使い方
  3. Canvaの時短ワザ
この記事を書いた人

みっぴー

みっぴー(@bennriya_mi)です。私は、2016年にブログ運営を開始。そこから4年間、失敗を繰り返しやっと自分に合う方法を見つけ、50万PV・収益50万円を達成。
これまでの経験を元に情報を発信していきます。

【必須】アイキャッチテンプレを使う前の事前準備

何度も説明していますが、アイキャッチテンプレを購入後、まずは「コピー」をしてくださいね。

もう全部、ちゃんとコピーしたよ!って方は、飛ばしちゃってオッケーです。

コピー方法

①noteのリンクから共有データを開く
②画面左上のファイル⇒コピーを作成をクリック

※私はcanvaのpro版を使ってるので、メニューの位置は少し違うかもしれません。

③ホームボタンをクリック(必ずホームを押す)

④すべてのデザイン内を確認

⑤○○のコピーの記載をチェック


「すべてのデザイン」の中にある「○○のコピー」の記載があるファイルのみ編集してください。


注意
※共有された元のデータは、「共有されたデザイン」の中にありますが、こちらは編集しないでください。

みっぴー

コピーが完了したら、アイキャッチを作っていきましょう!

アイキャッチの作り方:テンプレ150・165をうまく活用するには

では、次にアイキャッチテンプレの使い方を説明していきます。

ここからの説明は、私が作ったアイキャッチテンプレ150・165を使っての説明になりますので、まだ買ってないよ~という方は、ぜひテンプレ詳細をチェックしてみてね!(*´ω`*)

アイキャッチテンプレ150・165の詳細を見る

STEP1.ベースとなるデザインを選ぼう

みっぴー

まずは、ベースとなるデザイン選びから
①テンプレ一覧から使うデザインを探す

あなたのブログイメージや記事に合う、ベースとなるデザインをテンプレ内から探しましょう。

※種類が多いので、どこに何があるか分からないと思います。そんな時は、noteのサンプル一覧を見て探すといいですよ。

順番は少し違いますが、①かわいいセットや②シンプルセットなど、そのセットの中に入ってるテンプレは一覧で見ることが出来ます。

noteのリンク貼っておくので、サンプル画像一覧から探してみてください。

アイキャッチテンプレ150種の詳細へ

アイキャッチテンプレ165種の詳細へ

②テンプレセットを開く

noteの一覧で、ベースデザインを決定したら、そのテンプレセットを開きましょう。



みっぴー

ここで時間短縮のちょっとした小ワザ

テンプレセットの中にも多くのファイルが入ってるので、それを一覧で見てデザインを決定するのも早いです。
セット内のデータを一覧表示する方法は、簡単です。

①右下の四角のアイコンを押す

②一覧で表示されるのでデザインを決定する

第二弾:アイキャッチテンプレ165種類より

すると、上記のように一覧で表示されます。その中から編集するデザインを決定しましょう。

③使うデザインにマウスを持っていく

ベースデザインをコピーします。
元となるデータは、そのまま取っておいたほうがいいので、使うデザインをコピーしましょう。

使うデザインにマウスを持っていくと下にコピーボタン(ページをコピー)が表示されます。

④「ページをコピー」をクリック

MEMO
もし、間違えて削除してしまった場合は、キーボードで「Ctrl+Z」を押してください。戻ります。
Macは、command + Zです。
⑤コピーしたデザインをクリック

無事、コピーしたらそのコピーしたデザインをクリックしてください。

↓の画像のように、緑に選択されていればオッケー。

⑦右下にある×ボタンをクリック

⑧選択したデザインの編集画面になる

「×ボタン」を押すと、さっき選択したデザインの編集画面になると思います!

みっぴー

さぁ!ここからデザイン編集開始です!

STEP2.デザイン編集:背景写真を変更しよう

①ベースデザインに合う写真を探す

まずは、ベースデザインに合う写真を探しましょう。

POINT
おかげさまで、アイキャッチテンプレは多くの方に購入して頂きました!なので、テンプレのまま使うと他ブログと被ってしまいます。
なので背景画像は、変えてお使いください。とっても簡単に変えられるので安心してください。
②左のメニュー内の「写真」をクリック
③検索窓にイメージに合うキーワードを入力

キーワードによっては、結構いい感じの画像が出てきます!
今、ジャンル別のオススメ検索ワードを集めています。集まったら整理して公開したいと思います。

今のところいい感じなのは、下記です。ジャンルばらばらですみません。今後整理するので今のところはこれでm(__)m


3月8日追記
ジャンル別おすすめ検索キーワード集を作ったよ!

【保存版】Canva写真を検索する時のおすすめジャンル別キーワード一覧!

Canvaでいい感じの写真を見つけるキーワード一覧
  • relax
  • holiday
  • vacation
  • sweets
  • ケーキ
  • 生クリーム
  • ウエディング
  • ウエディングドレス
  • セーター
  • カフェ
  • バリ島
  • 旅行
  • カラフル
  • フード
  • キャンディー
  • 雪だるま
④ベースデザインに写真を追加

ベースデザインや記事内容に合う写真を見つけたらベースデザインに追加しましょう。

みっぴー

可愛い写真がいっぱい!

今回は、このベースデザインを使って説明していきますね。

第二弾:アイキャッチテンプレ165種類より

POINT
このベースデザインは、左側に写真が表示されるタイプです。
なので、左右どちらかにメインとなる対象物がある写真がオススメです!

あとで写真を反転するので、左右どっちでもオッケーです!

写真を決めたら、ベースデザインの背景に写真を追加しましょう。
写真を背景に設定する方法は、2つあります。長くなるので、詳しくは下記にまとめました。

こちらを見ながら設定してください。終わったら、また戻ってきてくださいね。続きがいっぱいあります!

Canvaの背景(背面)画像を超簡単に変更する方法!

みっぴー

背景の画像を変更したら次は文字を変更しましょう!

STEP3.デザイン編集:文字を変更しよう

写真を変えたら、次は「文字」です。

基本的には、記事のタイトルを入れるのがオススメです。
あまり長いと文字が小さくなりすぎて目立たないので、タイトルは単語ごとに区切るのがオススメです。

アイキャッチに入れるキーワードの決め方

まず、メモか何かに記事のタイトルをコピペしてください。

私のブログの記事を例に説明していきますね。

「CSSのみで罫線(点線と実線)を引いたノートのようなデザインを作る」

タイトルの接続語とか余計なものを省いて、下記のように単語だけにしましょう。

CSSのみ
罫線
点線
実線
ノートのようなデザイン
作る

こんな感じで分解します。



まず、1番大事なメインとなる言葉を一番目立つところに入れましょう。

この例の場合は、『ノートのようなデザインを作るためのCSS』について解説してる記事なので、「ノートのようなデザイン」がメインワードですね。



次に強調したいことは、「CSSだけで罫線が実現できる」ということ。なので、「CSSのみで罫線」をサブワードに決定。

あとは、補足で追加したいワードをちりばめるだけです。今回は、「点線」「実線」にしましょう。

みっぴー

これらをさっきのベーステンプレに入れていくよ!
①キーワードをCtrl+Cでコピー

Ctrl+Cでキーワードをコピーしてください。(Macは、command + C)

②入力したい文字の先頭をダブルクリック

↓下記の画像のように、「タイトルは2行が」に新しい文字を追加したい場合は、「タ」の前辺りをダブルクリックしてください。

③既存の文字を全選択

すると文字入力が出来る状態になるので、既存の文字を全部選択します。
左クリックを押しながら、マウスを右に移動して文字を全部選択してください。

↓こんな感じになります。

④その状態のまま、Ctrl+Vで貼り付け

Ctrl+V(Macは、command + V)で貼り付け。

すると、既存の文字が消えてさっきコピーした文章が貼りつきます。

これを繰り返して、文章を各パーツに入れていきましょう。

ぱん猫

超カンタンだね!

さっき決めたワードを全部入れました。でも、まだ文字を入力するパーツが残ってますね。

残りは、入れても消してもあなたのお好みで!

もし、入力する場合は、下記を入れるのがオススメ。余ったパーツに入れてみましょう。

アイキャッチに記入するオススメワード
  1. その記事を見るとどんな結果になるか?
  2. その記事を書く上で、あなたが感じた気持ち
  3. 記事の内容を一言で表現

その結果、私は下記のようなアイキャッチになりました。

第二弾:アイキャッチテンプレ165種類より

ぱん猫

やったー!完成!

これで、基本的なテンプレ150・165の使い方は終わりです。最後にダウンロードしましょう。

STEP4.完成:画像をダウンロードしよう

①「↓」のダウンロードボタンを押す

画面右上あたりに、下記のような「↓」というダウンロードボタンがあるのでクリック

②ダウンロードする画像を選択

下記画像の順番通りに、「ページを選択」⇒「ダウンロードしたい画像を選択」⇒「完了」を押す

③ダウンロードボタンを押す

ダウンロードしたい画像を選択できたら、その下にある「ダウンロード」ボタンをクリック

みっぴー

これで、ダウンロード完了!

みっぴー

次に、さらにアイキャッチ作成を時短にしてくれる小ワザを色々と紹介します。

Canvaで使える時短ワザ

時短ワザその1:色を一括で変更する

例えば、このデザイン

第一弾:アイキャッチテンプレ150種類より

色変更は自由に出来ますが、1個ずつ変更するのは大変です。

みっぴー

1個ずつ変更してると途中でどこまで変更したか、分からなくなります笑

そんな時は、色の一括変更をしましょう!

①色変更用に新しいファイルを作成

まず、色変更用の新しいファイルを作成します。

注意
テンプレ内で、一括変更すると文字通り全ての色が変更してしまいます!
なので、この手順を必ずしてくださいね。
②ホームボタンをクリック
③左上にあるデザインを作成
④+カスタムサイズをクリック

横「800」と高さ「450」を入力。単位はpxのままデザインを作成をクリックします。

何もない新しいファイルが出来ました。
ここに色変更をしたいベースデザインを持ってきます。

POINT
アイキャッチテンプレ150・165は横「800」高さ「450」で作られています。
同じサイズにコピーする場合は、配置など変わらずキレイにコピーが可能です。
⑤ベースデザインのパーツを全選択

ベースデザインの左上あたりをクリックしたまま、マウスを右下に移動してください。

そうするとパーツが全選択されます。

⑥Ctrl+Xでパーツを切り取る

その状態で、Ctrl+X(Macは、command + X)を押してパーツを切り取ってください。

⑦さっきの新ファイルにCtrl+Vで貼り付け

さっき作成した新しいファイルに、Ctrl+V(Macは、command + V)で貼り付け。これで、新ファイルにパーツが移動されましたね。

※背景は一度ではコピーされないので、無視でオッケー!

⑧色変更したいパーツをクリックして選択
⑨上の色変更のボタンをクリック

⑩左側に色変更のパレットが出現するので色を指定

左側に色変更のパレットが出てくるので、変えたい色をクリックしてください。すると、下のほうを見てください!

「すべて変更」というボタンが出現!

みっぴー

最初、私これ全く気付いてなかった笑
きっと気付いてない人も多いはず?
⑪すべて変更ボタンをクリック

これで、最初に選択したパーツと同じ色が全部、新しい色へ変更されました!
この手順を繰り返せば、色を好きに変更できます!

POINT
さっきの作った新ファイルに適当に何か入れて、保存しておくと次の色変更の時に楽ですよ!
MEMO
この説明を作ってる時に気づいたんですが、このべースデザインの背景画像、Pro版のでしたね。すみません。
基本的にアイキャッチテンプレの商品内には、無料で使える画像のみを使ってますが、たまに気付かず入ってる場合が…
Canvaの無料版の方は、そのままではダウンロードできないので、背景を変えてください。

白っぽい画像が良ければ、「白」で検索するといっぱい出てきます!
木の板が良ければ、「木の板」で検索で出てきます!

時短ワザその2:スタイルをコピーする

文字の大きさやフォント、色など様々なスタイルを1発でコピーする方法があります。

たとえば、このデザイン

第二弾:アイキャッチテンプレ165種類より

左上のピンク文字とフォントを右の文字にも適用させたい時は…

①コピーしたいパーツをクリック選択

ピンクの文字をコピーするので、ピンク文字をクリックして選択してください。

②右上のメニューの中から下記の「スタイルをコピー」ボタンをクリック

③マウスが、ペンキ塗りみたいなのに変わる
④変えたいパーツをクリック

みっぴー

これで、スタイルがコピーされましたね!

時短ワザその3:セット内のデータ一覧を見る

さっきも説明しましたが、1つのセットファイル内のデザインを一覧にして見る方法があります。

ベースデザインを決定する時などに便利です。

詳しくは、上記で説明したので戻って確認してね。

セット内のデータ一覧を見るの説明に戻る↑

アイキャッチ作成時のワンポイントアドバイス

作った画像の文字が、ぼやけて見える…そんな時は!

みっぴー

文字がぼやけて見える時は、その文字の後ろにあるパーツを少し透過させると、キレイになります。
①透過させたいパーツをクリックで選択
②右上にある透過(透明度)ボタンをクリック

③バーを動かして透明度を決定

文字のぼやけが気になる時に透過するのなら、94%~96%くらいでいいと思います。

POINT
アイキャッチテンプレ165で、ふき出し追加をした時も、この方法でふき出しのパーツを透明化94%~96%にしてください。
そうすると、文字のぼやけが少し消えると思います。

※これでも、ダメな場合は画質の問題などもありますので、これ以上は私にはどうすることも出来ません!

間違えて、パーツを消してしまった……そんな時は!

みっぴー

Ctrl+Zで、1つ前の作業に戻れるよ!
(Macは、command + Z)

みっぴー

1つ前に戻るのを取り消したい時は、Ctrl+Y(Macは、command + Y)で可能!

見本サンプルの文字フォントと表示が異なる方へ

基本的にアイキャッチテンプレの商品内に、文字フォントは含まれておりませんが、同じように表示したい方は下記をお読みください。

アイキャッチテンプレ150・165では、基本的に下記の3つのフォントを使って作成しています。

・M Plus Rounded Black
・Noto Sans Black
・源柔ゴシック Heavy

(BlackやHeavyは、文字の太さです。細い種類を使ってる場合もあります)

※テンプレの見本で使われてる文字フォントと表示が異なる場合は、下記フリーサイトよりインストールをすると同じように表示されると思います。

⇒M Plus Rounded(これは、最初から入ってると思います)

Noto Sans

源柔ゴシック

※こちらは、テンプレ商品内には含まれませんので詳しい説明は省略させて頂きます。

テーマ:diverをお使いの方へ

MEMO
3月5日追記

WordPressテーマ・diverをお使いの方へ

管理画面⇒カスタマイズ⇒サイズ設定まで進み


記事一覧画像の高さ(リスト)

大 100%
中 100%
小 100%

記事一覧画像の高さ(グリッド)

大 60%
中 150px
小 90px

をそれぞれ上記数値に設定すると、トップページの記事一覧のアイキャッチがキレイに表示されると思います!


グリッドの最大カラム数は、「3」
グリッドの最小カラム数は、「2」


その他、サイドバーで人気記事等のプラグインを使用してる場合は、そのプラグインのサムネイルサイズ設定等で変更可能です。

「横160px」「縦90px」

など、16:9比率になるようにサイズを調整して頂くとキレイに表示されます。

MEMO
3月6日追記

diverの記事下のオススメ記事・関連記事をキレイに表示するCSS


設定→メディア設定→サムネイルのサイズ

幅 320  高さ 180

※サムネイルを実寸法にトリミングする (通常は相対的な縮小によりサムネイルを作ります)のチェックを入れない

に設定してから、アイキャッチテンプレで作った800×450サイズのアイキャッチをアップロードしてください。


そのあと、下記を子テーマのCSSに追記するか、カスタマイズ⇒追加CSSに追記してください。



/*人気記事アイキャッチ調整*/
img.wpp-thumbnail {
    width: 80px;
    height: 45px;
}

#main-wrap #pickup_posts_container li {
    width: 200px !important;
	height: 114px !important;
}

.post_list_wrap figure,.recommend-thumb {
    width: 160px;
    height: 90px;
}
@media screen and (max-width: 768px){
.recommend-thumb img,.post_list_wrap figure, .post_list_wrap img{
    width: 160px;
    height: 90px;

}}

.grid_post_thumbnail img {
object-fit:fill !important;
}

終わりに

みっぴー

お疲れ様でした!

アイキャッチテンプレ150・165の使い方、そしてCanvaの使い方の説明は終わりです!

Canvaに慣れるまで、ぜひこのページをブックマークに登録して、何度も見て練習してみてください!

みっぴー

今後、また良い時短ワザを見つけたら更新していきますね!
]]>
https://benri-no1.com/eye-catching-template/feed/ 0
Canvaの背景(背面)画像を超簡単に変更する方法! https://benri-no1.com/canva3/ https://benri-no1.com/canva3/#respond Sun, 01 Mar 2020 06:29:31 +0000 https://benri-no1.com/?p=6268

そんな時に役立つ「超カンタンに背面の画像を変更する方法」をご紹介します! Canva(キャンバ)で、アイキャッチなどの画像を作る時は、画像の表示順の機能を把握しておかないと、余計な時間が掛かってしまいます。 でも、反対に ... ]]>

ぱん猫

Canvaの最背面にある背景画像が、うまく変更できなくて困る…
前面のパーツが邪魔で、背景画像の変更に時間が掛かる…

そんな時に役立つ「超カンタンに背面の画像を変更する方法」をご紹介します!

Canva(キャンバ)で、アイキャッチなどの画像を作る時は、画像の表示順の機能を把握しておかないと、余計な時間が掛かってしまいます。
でも、反対に表示順、つまり画像を重ねる順番さえ理解しておけば、驚くほど操作がカンタンになります!

そして、最近新しく追加された新機能を使うことで、さらに操作が簡単になりました!
今回は、canvaの画像作成時間をグンと短縮するちょっとした方法をご紹介します。

※私の作ったアイキャッチテンプレ150と165では、デザインの構造上この方法では出来ない場合があります。
でも、安心してください!簡単に出来る方法があるので、その方法も合わせて説明していきますね。

記事の内容
  1. canvaで背面の画像を簡単に変更する方法
  2. アイキャッチテンプレ150・165で背面画像を簡単に変更する方法
この記事を書いた人

みっぴー

みっぴー(@bennriya_mi)です。私は、2016年にブログ運営を開始。そこから4年間、失敗を繰り返しやっと自分に合う方法を見つけ、50万PV・収益50万円を達成。
これまでの経験を元に情報を発信していきます。

Canvaの背面の背景画像をカンタンに変更する方法

たとえば、これ。私が作ったアイキャッチテンプレで説明していきます。

ちなみに、アイキャッチテンプレ150種類の詳細はこちら

このアイキャッチは、背景画像の前に全面で別の画像が載ってるので、通常の背景画像の変更方法(ドラッグ&ドロップ)では背景に設定できません。

そんな時は、この方法を試してみてください。

①画像を一度クリックして、キャンバスに移動させる

左のメニュー内にある「写真」の中から、追加したい画像をクリックして編集中のキャンバスに移動してください。

左クリックしながら移動ではなく、ただ1回画像をクリックするだけ。ポチっと

そうすると、キャンバスの真ん中らへんに画像が入ります。

②画像の上で、右クリックで「背景を差し替えます」をクリック

その画像の上で、右クリックを押して、メニューの中の1番下「背景を差し替えます」をクリック

そうすると、自動的に背景に設定してくれます。


ぱん猫

ものすごく簡単だったね!

みっぴー

ただね、ごめんね。この方法だと出来ない場合があるの…

みっぴー

でも、大丈夫!ちょっとした方法で簡単に背景を変更できるよ!

アイキャッチテンプレ150・165で設定する場合

私が作成したアイキャッチテンプレの中には、この機能を使っても、デザインの構造上、背景画像が変わらないものがあると思います。

その場合は、これから説明する方法で背景を変更することが可能です。

テンプレ165のデザインで説明していきます。

テンプレ165のデザイン一覧はこちら

①ボーダーの部分を左クリック

文字などが何もないところをクリックしてください。

②右クリック⇒最背面へ移動をクリック

そこで、右クリックを押して「最背面へ移動」をクリックする。

そうすると、黄色のボーダーが1番後ろに移動してくれました。

これで、画像の差し替えが出来るようになります。

③画像をドラッグ&ドロップで変更

気に入った画像や自分でアップロードした画像を左クリックしながら作成中のキャンバスに移動(ドラッグ&ドロップ)してください。

そうすると、画像が自動的に変わるはずです。

④画像の変更をしたら、画像を最背面に移動

画像が変わったら、今度は、その画像の上で右クリック⇒最背面へ移動をクリック

これで、元通りになると思います。

⑤完了!デザインをチェックしよう

ぱん猫

あれ?なんだか、微妙なところしか見えてないよ…

みっぴー

大丈夫!こんな時は反転するだけで解決できるんだよ!

背景画像を反転する方法

①ボーダーの部分で、右クリック⇒最背面へ移動

もう一度、黄色のボーダーを最背面に移動しましょう。

②反転させたい画像をクリック

反転させたい画像をクリックしてください。

③反転ボタン⇒水平に反転をクリック

上のメニューの中にある「反転」⇒「水平に反転」で、左右逆になります。

上下逆にしたい時は、「垂直に反転」を押してください。

反転すれば、左右に分かれてるアイキャッチで、表示させたい箇所をコントロール出来るので便利です。

背景画像を移動する方法

①画像の上でダブルクリック

画像の位置をずらしたい場合は、画像の上でダブルクリックしてください。

②その状態で画像を移動

ダブルクリックすると、画像の余白部分が薄く表示されます。この状態で画像を移動すれば、表示させる箇所を変えることが可能です。

③四隅の白い丸をクリックしながら移動で拡大

さらに、この状態で、四隅の白い丸をクリックしながら外側に動かすと画像を大きくすることが可能です。

④画像の移動・拡大が終わったら完了

移動や拡大が終わったら、左上にある完了を押してください。



左右反転させて、画像を左下に引っ張って大きくした結果こうなりました。

最後に、画像を最背面へ移動して、ボーダーを前にするのを忘れずに!

みっぴー

Canvaの背景画像を変えるのは、覚えてしまえば、とっても簡単でしたね!
これで、いっぱいオリジナル画像を作っちゃいましょう!
]]>
https://benri-no1.com/canva3/feed/ 0
保護中: 【2つまとめ買い】アイキャッチテンプレ150&165の「お礼セット」受取りはこちら!詳細は購入したページを見てね https://benri-no1.com/eyepresentpack1/ https://benri-no1.com/eyepresentpack1/#respond Sat, 29 Feb 2020 13:23:40 +0000 https://benri-no1.com/?p=6263

この投稿はパスワードで保護されているため抜粋文はありません。]]>

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

]]>
https://benri-no1.com/eyepresentpack1/feed/ 0
保護中: 【第二弾】アイキャッチテンプレ165の「お礼セット」受取りはこちら!詳細は購入したページを見てね https://benri-no1.com/eyepresent2/ https://benri-no1.com/eyepresent2/#respond Sat, 29 Feb 2020 12:56:08 +0000 https://benri-no1.com/?p=6254

この投稿はパスワードで保護されているため抜粋文はありません。]]>

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

]]>
https://benri-no1.com/eyepresent2/feed/ 0