WordPress記事を書く前にやっておくべき設定③ブログ収益化への道その10

スポンサーリンク

サイドバーの設定をしよう!

サイドバーとはこのブログでいうと、
右端の以下の部分にあたりやす( ̄▽ ̄)ノ

サイドバーは、
左メニューの外観→「ウィジェット」から
設定していきます。
ウィジェットとは様々な機能を持ったパーツで、
下の画像左側がウィジェットにあたり、

右側の「メインサイドバー」は真っ白な画用紙
みたいなもので、
ここにウィジェットで盛り付けをし、
サイドバーに表示させるみたいな
イメージとなります。

操作としては使いたい機能のウィジェットを
下図のようにサイドバーのドラッグするか、
クリックをします。

カスタマイズしてオリジナルの項目を創りたい時は、
「テキスト」を使用します。
例えば、このブログでいうと
サイドバーの「プロフィール」は
「テキスト」をドラッグし、
ウィジェット名である「テキスト」の横にある▼を
クリックすると、
「タイトル」と「内容」の入力欄が現れるので
「タイトル」に設けたい項目名を入れ、
「内容」に文や画像を貼ったりします。

外観の設定各種

ブログがサイト上に表れた場合の
表示方法については【外観】で設定していきます。
なお、こちらのブログでは
テーマに「ハミングバード」
使用しておりやすので、
「カスタマイズ」は違うテーマですと、
設定できる項目が異なる場合が
ございますことをご了承ください。

サイトカラーの設定

サイトのカラー設定は
左メニューの外観→「カスタマイズ」から
サイトカラー設定をクリック

各部位の色を何にするのか
「色の選択」をクリックして
好みの色を決めていきます。
特に大事なのは
ヘッダー背景(メインカラー)で、
そのサイトのテーマカラーにあたるところに
なりやす。
会社で言うコーポレートカラーに
匹敵する部分です。
オイラは
オレンジ色をテーマカラーにしたかったので、
ヘッダー背景(メインカラー)に
一番イメージに近いオレンジを
カラーコード表を見たり、
明暗を調節して選びました。
( ̄▽ ̄)ノ

記事のレイアウト

投稿した記事のレイアウトを
どうするのかはここで設定しやす。
左メニューの外観→「カスタマイズ」から
その他オプションをクリック

[PC]トップページ記事レイアウト
から以下の3つのどれかを選ぶ
【シンプル】
アイキャッチ画像とタイトルが横並びで
投稿の新しい順から上から下へ
一覧になったレイアウト。
【カード】
オイラのブログはこのカード型のレイアウトです。
アイキャッチ画像が上、タイトルが下の並びで
投稿の新しい順から左→右→
下段の左→右と一覧になったレイアウト。
【ビッグ】
1記事をずつ大きく表示でき、
アイキャッチ画像も大きく表示することができる。
なお、
レイアウトの設定は、
「トップページ記事レイアウト」と
「それ以外の一覧ページ」に分けてあるので、
トップページとそれ以外のページで
レイアウトを変えることも可能。
お好みで♪

Faviconの設定

Favicon(ファビコン)とは、
ブラウザのタブにサイトのロゴが
表示されることがありやすが、
その機能のことをいいます。
自分のブラウザのタブに
誰かのサイトのファビコンが表示されるように、
他人のブラウザのタブにも自分のファビコンを
表示させることで自分のサイトを
目立たせる効果がある。
設定方法は、
プラグインから
「Favicon Rotator」
インストールし、
左メニューの外観→「Favicon」から
Browsers Iconの「Add Icon」をクリック

使用したい画像を選択

Add Browsers Iconをクリック
すると、ブラウザのタブに
ファビコンが表示されるようになる。
また、
ハミングバードをテーマにしている場合は、
下記の方法でもファビコンの設定ができます。
外観→「カスタマイズ」から

サイトロゴ・アイコンをクリックし

ファビコン(.png)をアップロード
の画像を選択をクリックし、

使用したい画像を選択

保存

Facebook
いいねボタンを設置

Facebookのアカウントがある人は
左メニューの外観→「カスタマイズ」から

「投稿・固定ページ設」をクリック
記事下にfacebookいいねボックスを表示
内にFacebookのURLを入力する。
ハミングバードをテーマにしている場合は、

今回はここまで!
あともう少しで設定完了です!

スポンサーリンク