今回は、WordPress(ワードプレス)のサイドバーの編集、追加方法と、サイドバーにリンクを貼ったり、画像を挿入したりする方法についての解説です。
WordPressのサイドバーの編集、追加方法と、サイドバーへのリンクの貼り方と画像の挿入の仕方についての解説動画
[arve url=”https://youtu.be/rMkfblZz9-k” /]
ブログのレイアウトの「カラム」とは
サイトのレイアウトには、1カラム、2カラム、3カラムがあります。
「カラム」というのは、英語の「Column(カラム)」で、「列」という意味です。
「1カラム」というのは、ブログの記事本文があって、その両側に何もサイドバーが設置されていないレイアウトのことです。
「2カラム」というのは、ブログの記事本文の右側か左側のどちらかにサイドバーが設置されているレイアウトです。
「3カラム」は、もうお分かりかと思いますが、ブログの記事本文の両側にサイドバーが設置されているレイアウトです。
WordPressのテーマSimplicityのレイアウトは、右側にサイドバーが設置されている2カラムになっています。
アフィリエイトをするなら何カラム?
基本的にアフィリエイトをするのであれば、2カラムか3カラムが適していると言われています。
理由は簡単で、サイドバーの見やすい位置にアフィリエイトの広告をのせるほうが、サイト訪問者の目に留まり、広告をクリックしてもらえる確率が高くなるからです。
サイドバーの編集方法
管理画面のダッシュボードの左サイドメニューから、
「外観」>「ウィジェット」
を選択します。
サイドバーにアイテム(ウィジェット)を追加する
WordPressのサイドバーの編集はとても簡単で、「利用できるウィジェット」の中から、サイドバーに表示させたいものをドラッグアンドドロップで「サイドバーウィジェット」に追加するだけです。
サイドバーからアイテム(ウィジェット)を削除する
逆に、サイドバーウィジェットの中でいらないものがあれば、サイドバーウィジェットのところからドラッグアンドドロップで「利用可能なウィジェット」のところに戻せば、そのアイテムを簡単にサイドバーから削除することができます。
サイドバーのアイテム(ウィジェット)の順番を入れ替える
サイドバーのウィジェットの順番は、ドラッグアンドドロップで自由に簡単に変えることができます。
また、ウィジェットは、「利用できるウィジェット」のほかに、
「プラグイン」>「新規追加」
で追加することもできます。
サイドバーに画像を挿入する
管理画面のダッシュボードの左サイドメニューから、
「外観」>「ウィジェット」
を選択します。
「利用できるウィジェット」から「テキスト」を「サイドバーウィジェット」にドラッグアンドドロップで追加します。
「テキスト」では、「タイトル」と「本文」を入力することができます。この「本文」の入力欄に、リンクを貼ったり、画像を挿入したりすることができます。
画像を挿入するには、「メディアを追加」をクリックします。
その後の手順は、ブログ記事や固定ページに画像を挿入する手順と同じです。
【ブログ記事や固定ページに画像を挿入する詳しい手順はこちら】
WordPressの使い方② |画像と動画をアップロードして埋め込む方法
「ファイルをアップロード」>「ファイルを選択」をクリックして、挿入したい画像を選択して、「開く」をクリックします。
画像のサイズは、サイドバーに表示させるので、「サムネイル」サイズにします。
メディアの追加画面で、右下の「添付ファイルの表示設定」の「サイズ」のプルダウンをクリックして、「サムネイル」を選択します。
サイズを選択したら、「投稿に挿入」をクリックすれば画像の挿入は完了です。
サイドバーの画像にリンクを貼る
サイドバーに挿入した画像にリンクを貼る方法は、次の手順で行います。
1.ページのURLをコピーする
画像をクリックしたときに、とんでいくページのURLをコピーします。
2.コピーしたURLを画像に貼る
サイドバーウィジェットの「テキスト」に挿入した画像の上でクリックして画像を選択して、本文入力欄の上にあるビジュアルエディタの「リンクを挿入」ボタンをクリックします。
URL入力欄が表示されたら、先ほどコピーしたページのURLを貼り付けます。
ページを別のタブで開くように設定する必要がなければ、「適用」をクリックします。
ページを別のタブで開くように設定したい場合には、「リンク設定」をクリックして、「リンクを新しいタブで開く」にチェックを入れて、「更新」をクリックします。
これで、画像にリンクを貼ることができました。
サイドバーの文字にリンクを貼る
サイドバーウィジェットの「テキスト」の本文入力欄に入力した文字にリンクを貼る方法は、リンクを貼りたい文字の範囲をドラッグで選択して、本文入力欄の上にあるビジュアルエディタの「リンクを挿入」ボタンをクリックします。
あとの手順は、画像にリンクを貼る方法と同じです。
詳しい手順については、動画をご覧ください。