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を貼り付けます。

 

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

 

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

 

 

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

 

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

 

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

 

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

 

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

 

著者プロフィール

mommy

一生稼げる本物のスキル:ネットビジネス、パソコン(Word、PowerPoint、Excel)、英語、リーガル翻訳、不動産投資

好き:おうちでまったり、VAIO、コーヒー、海外ドラマ、青い空

嫌い:虫、雨、寒い所、人ゴミ、面倒臭いコト

最近ハマっている海外ドラマ:Bull、NCIS、SUITS

 

以前は外資系法律事務所で多忙な日々を送っていましたが、子供が生まれたのをきっかけに「子供のそばで成長を見守りたい!」と思うようになり、ネットビジネスを開始。

 

必要なスキルを一通り身につけた今では会社員を卒業し、アフィリエイトやネットビジネス等からの安定収入で、一日中おうちでゆったり子供の成長を見守りつつ大好きな海外ドラマを観て過ごして、時々ハワイでまったりするスローライフを送っています。

 

現在は、きちんとスキルを身につけて、毎月30万~50万円の安定収入を得ながら、毎日好きなコトをして楽しく暮らしたい人を応援するための情報発信や、ブログ初心者だったmommyが資産ブログを完成させるまでに実践したノウハウやスキルを教えています。

メール講座登録で
もれなくブログ攻略
オンラインテキスト
プレゼント!!

今すぐ無料登録して受け取る!


※メールアドレスに関するご注意※ 現在、icloud、hotmail、outlook、各種スマホキャリア等のアドレスには届きません確実に無料体験レッスン講座とオンラインテキストがお手元に届くように、gmailかyahooメールでのご登録をおすすめいたします

※メールアドレスとお名前を入力後「今すぐ無料登録する」をクリックいただくと、数秒で登録いただいたメールアドレスにオンラインテキストのダウンロードURLが記載されたメールが届きます。