WordPress

WordPress | サイドバーの編集、追加方法【リンクの貼り方と画像の挿入の仕方】

 

 

 

今回は、WordPressのサイドバーの編集、追加方法と、サイドバーにリンクを貼ったり、画像を挿入したりする方法についての解説です。

 

 

 

 

WordPressのサイドバーの編集、追加方法と、サイドバーへのリンクの貼り方と画像の挿入の仕方についての解説動画

 

 

 

 

 

 

ブログのレイアウトの「カラム」とは

 

サイトのレイアウトには、1カラム2カラム3カラムがあります。

 

 

「カラム」というのは、英語の「Column(カラム)」で、「列」という意味です。

 

 

「1カラム」というのは、ブログの記事本文があって、その両側に何もサイドバーが設置されていないレイアウトのことです。

 

 

「2カラム」というのは、ブログの記事本文の右側か左側のどちらかにサイドバーが設置されているレイアウトです。

 

 

「3カラム」は、もうお分かりかと思いますが、ブログの記事本文の両側にサイドバーが設置されているレイアウトです。

 

 

WordPressのテーマSimplicityのレイアウトは、右側にサイドバーが設置されている2カラムになっています。

 

 

 

 

 

アフィリエイトをするなら何カラム?

 

基本的にアフィリエイトをするのであれば、2カラム3カラムが適していると言われています。

 

 

理由は簡単で、サイドバーの見やすい位置にアフィリエイトの広告をのせるほうが、サイト訪問者の目に留まり、広告をクリックしてもらえる確率が高くなるからです。

 

 

 

 

サイドバーの編集方法

 

管理画面のダッシュボードの左サイドメニューから、

 

「外観」>「ウィジェット」

 

を選択します。

 

 

 

サイドバーにアイテム(ウィジェット)を追加する

 

WordPressのサイドバーの編集はとても簡単で、「利用できるウィジェット」の中から、サイドバーに表示させたいものをドラッグアンドドロップ「サイドバーウィジェット」に追加するだけです。

 

 

 

 

サイドバーからアイテム(ウィジェット)を削除する

 

逆に、サイドバーウィジェットの中でいらないものがあれば、サイドバーウィジェットのところからドラッグアンドドロップ「利用可能なウィジェット」のところに戻せば、そのアイテムを簡単にサイドバーから削除することができます。

 

 

 

 

サイドバーのアイテム(ウィジェット)の順番を入れ替える

 

サイドバーのウィジェットの順番は、ドラッグアンドドロップで自由に簡単に変えることができます。

 

 

また、ウィジェットは、「利用できるウィジェット」のほかに、

 

「プラグイン」>「新規追加」

 

で追加することもできます。

 

 

 

 

サイドバーに画像を挿入する

 

管理画面のダッシュボードの左サイドメニューから、

 

「外観」>「ウィジェット」

 

を選択します。

 

 

「利用できるウィジェット」から「テキスト」を「サイドバーウィジェット」にドラッグアンドドロップで追加します。

 

 

 

「テキスト」では、「タイトル」と「本文」を入力することができます。この「本文」の入力欄に、リンクを貼ったり、画像を挿入したりすることができます。

 

 

画像を挿入するには、「メディアを追加」をクリックします。

 

 

 

その後の手順は、ブログ記事や固定ページに画像を挿入する手順と同じです。

 

【ブログ記事や固定ページに画像を挿入する詳しい手順はこちら】

WordPressの使い方② |画像と動画をアップロードして埋め込む方法

 

 

「ファイルをアップロード」>「ファイルを選択」をクリックして、挿入したい画像を選択して、「開く」をクリックします。

 

 

画像のサイズは、サイドバーに表示させるので、「サムネイル」サイズにします。

 

 

メディアの追加画面で、右下の「添付ファイルの表示設定」の「サイズ」のプルダウンをクリックして、「サムネイル」を選択します。

 

 

サイズを選択したら、「投稿に挿入」をクリックすれば画像の挿入は完了です。

 

 

 

 

サイドバーの画像にリンクを貼る

 

サイドバーに挿入した画像にリンクを貼る方法は、次の手順で行います。

 

 

 

1.ページのURLをコピーする

 

画像をクリックしたときに、とんでいくページのURLをコピーします。

 

 

 

2.コピーしたURLを画像に貼る

 

サイドバーウィジェットの「テキスト」に挿入した画像の上でクリックして画像を選択して、本文入力欄の上にあるビジュアルエディタの「リンクを挿入」ボタンをクリックします。

 

 

 

URL入力欄が表示されたら、先ほどコピーしたページのURLを貼り付けます。

 

 

ページを別のタブで開くように設定する必要がなければ、「適用」をクリックします。

 

 

ページを別のタブで開くように設定したい場合には、「リンク設定」をクリックして、「リンクを新しいタブで開く」にチェックを入れて、「更新」をクリックします。

 

 

 

これで、画像にリンクを貼ることができました。

 

 

 

 

サイドバーの文字にリンクを貼る

 

サイドバーウィジェットの「テキスト」の本文入力欄に入力した文字にリンクを貼る方法は、リンクを貼りたい文字の範囲をドラッグで選択して、本文入力欄の上にあるビジュアルエディタの「リンクを挿入」ボタンをクリックします。

 

 

あとの手順は、画像にリンクを貼る方法と同じです。

 

 

詳しい手順については、動画をご覧ください。

 

無料メール講座登録