※現在募集中の、新企画はこちら

ーサイドバーに画像ってどうやって・・・?

そんな質問をよく受けるので、
今回はサイドバー&メニューの追加と編集方法についてだ。


詳しくは後述するが、
サイドバーはHTMLで編集する必要があるので、
そこは注意すべきポイント。


では、さっそくいこう。

1.サイドバー追加&編集




(※まずは動画をご覧ください。)


はじめにサイドバーを追加していこう。


まずは、
ダッシュボードのサイドバーから
「外観」⇒「ウィジェット」
サイドバーの編集画面にいける。
サイドバー
そうするとこのような画面になる。
ウィジェットエリア
(※テーマやプラグインによって多少異なる)

「ウィジェットエリア」の部分が
サイドバーに表示されているものなので、
ここを編集すれば好きにサイドバーを変えることができる。

その方法は、
ドラッグ&ドロップでやると簡単だ。
ドラッグ&ドロップ
あまりに項目が多いと見栄えが悪いので、
基本的には必要最低限なものだけにしよう。
テキスト
(※あくまで一例)

また、たとえば画像リンクなど
自由な項目を設定したい時は、
「テキスト」をHTML編集すればできる。

ここでは、
「画像リンクを貼る」という例でやってみよう。


まずは、記事投稿画面で、
「テキスト」に切り替えて
「メディアを追加」から画像を挿入。

その際に、
「リンク先」"カスタムURL"にし、
飛ばしたい先のURLを入力しよう。
カスタムURL
そうすると、
コードが表示されるのでをコピー。
コピー
それを、先ほどのウィジェットの
「テキスト」にペーストし「保存」しよう。
保存
そうすると・・・
完了
このように表示完了。

ちなみにテキストに文字を入力する時には、
brをで囲うと"改行"という意味なので覚えておこう。
あいうえお
(↑こんな感じになる)

2.メニュー追加&編集

次はメニューの追加と編集だ。


ちなみにメニューはこのような部分ことである。
メニュー (※テーマによって多少異なる)


まずは、
「外観」⇒「メニュー」をクリック。
メニュー
そうしたら任意の名前を入力し、
「メニューを作成」でメニューができる。
メニュー作成
そうしたらここに、
メニュー作成を追加していく。

固定ページの場合は以下のように、
追加したいページにチェックを入れて、
「メニューに追加」をクリック。
メニューを追加
任意の場所にとばしたい場合は、
”リンク”からリンク先URLと
リンクテキスト(表示名)を入力し、
「メニューに追加」をクリック。
テスト2
カテゴリーを表示させたい場合は、
そのカテゴリーにチェックを入れて、
「メニューに追加」をクリック。
カテゴリー
そうしたら
「メニューの位置」を選択し、
「メニューを保存」で反映される。
メニューの保存
これでOKだ。
メニュー (↑ちなみに表示はこんな感じ)

最後に

いかがだっただろうか?


これであなたのブログも、
オリジナリティが少し出たんじゃないかと思う。

サイドバーは特に見た目にも関わる部分なので、
自由自在に編集できるように慣れておこう。


続いてこちらも必見!
>>SEOを意識したワードプレスプラグインを導入しよう!

資産ブログを開設して稼ぐまでの全手順を簡単かつ丁寧に

※現在募集中の、新企画はこちら
WordPress】の最新記事
  • 2017年最強のWordPress有料テーマ、Diverが凄すぎる。特典で新企画にご招待!
  • AdRotateの使い方 | WordPressで広告やCTAのA/Bテスト!
  • バス停で一人待つ男
    たった1分で!WP External Linksの最適な設定方法
  • 子豚さん
    nofollowの書き方と半自動化させるWordPreesプラグイン
  • 虎
    PostSnippetsで記事中にadsense広告を半自動表示させる方法
  • ContactForm7のreCAPTCHA設定方法を丁寧かつ簡単に
この記事を読んだ人はこちらの記事も読んでいます。