【WPBlob「簡単な」使い方】Simplicityのカスタマイズのやり方
前回に引き続き、【WPBlob「簡単な」使い方】ということで、Simplicityのカスタマイズ方法をUPしたいと思います。
この記事を上から順にやっていけば、このページの土台ができるという部分まで書いていくつもりですので、SimplicityのDLの方法からいきます。
まずはテンプレートのダウンロード
WPBlogの管理画面に入ったら、ダッシュボードから外観を選択。
外観からテーマを選び、新規追加のボタンを押します。
右側の方に検索窓があるのでそこに「Simplicity」と入力し検索すると、「Simplicity1.8.2」がでてきますので、それをクリックして有効にしてください。
これでも画面上ではSimplicityのページが見られるようになっていますので、ここから自分の好みのデザインに変えていきましょう。
それでは、ダッシュボードから「カスタマイズ」のボタンを押してみてください。
サイトタイトルとキャッチフレーズ
カスタマイズというボタンを押すと、左側にたくさんの項目、右側にビューが出てきます。
これを見て、一つずつ自分の好みのカスタマイズをしていきます。
まずはサイトタイトルとキャッチフレーズ。
サイトタイトルをロゴにしたい場合でも、ここにタイトルは入れておいたほうが、タブなどでちゃんとタイトルが表示されるのでおすすめです。
色
色は背景色からサイトタイトルの色からモバイル時の表示の色まで色々変えられるため、自分の好みの色彩になるように、ちょっとずつビュー画面を見ながら変えていきましょう。
ヘッダー画像
ヘッダー画像はブログの記事サイズに合った、TOP画像。 ヘッダーの高さも変えられます。(横幅は変えられません)
ヘッダー外側背景画像といのは、ヘッダーのもう一枚裏側で、これは画面の横めいっぱい広がる画像です。 私はヘッダー画像を置かず、このヘッダー外側背景画像に猫の肉球画像を置いてます。
わかりやすいように、ヘッダー画像を置いてみましたが、こうなります。
あと、ロゴもここで設定します。
背景画像
背景画像を置きたい方はここへ。
スキン
スキン選択をすると簡単に全体のデザインを変えることができます。 難しいカスタマイズはできないという場合はここだけいじればいいのではないでしょうか? 1カラムにする等の選択もここでやります。
レイアウト(全体)
主にブログに入ったときにすぐ見えるTOPページでのデザイン、配置の選択です。
モバイルもここで設定できます。
レスポンシブルデザインを利用するしないもここで選択できるので、要チェックです。
私がチェックを入れている項目
レイアウト(投稿・固定ページ)
文字を何pxにするか、コメント数などを表示するかなどをここで決めます。 ツイッターで記事の更新のお知らせを出す場合は「投稿者情報をTwitter IDに 」は要チェック
私がチェックを入れている項目
画像
アイキャッチ画像を自動で読み込むか、画像の読み込む付加を退避させるかなどをここで選択。
私がチェックを入れている項目
SEO
SEO対策をどう取るかという選択ができる項目。
私がチェックを入れている項目
SNS
ここでツイッターやmixi、Facebookなどとの関連づけの設定をします。 ツイッターカードというものもチェックしておくと、ツイッターでお知らせした際にURLがカード状になり、読者がわかりやすくなります。
私がチェックを入れている項目
アクセス解析
Google AnalyticsかPtengineに登録しておく必要性があります。 アクセスが何人来たかわかるものですので、どちらか一方でも登録しておくとよいかと。
ここはIDを記入するばかりですので、画像は割愛。
広告
どこに広告を設置するか、3つ以上置いた際には4つめは表示させないようにすることもできるチェックもあります。
私がチェックを入れている項目
ブログカード
設定しておくと、リンクを張る際URLをはるだけでカード状になり見た目にも麗しくなります。
ちなみにぜんぶにチェックをいれているので、ここも画像は割愛。
コメント
コメントの設定。最近はあまりコメントが来ません。
ツイッターの進化のおかげ?
私がチェックを入れている項目
テーマ内テキスト
ブログ内で使われる細かいテキスト(コメント送信ボタンを押されたときのテキストや匿名のユーザーの名前をどうするか……といったもの)の設定。
結構適当です。
私がチェックを入れている項目
管理画面
管理画面に入るときの設定。
私がチェックを入れている項目
その他
主にファビコンの設定。
ファビコンとはタブやお気に入りにいれてもらった際に、タイトルの左側につく小さな画像のこと。
ここの部分の画像
私がチェックを入れている項目
ナビゲーション
上の方に出ている、TOP・はじめに・管理人についてなどの項目を設定しておくと、メニュー1・メニュー2などで切り替えが可能。
私は面倒なので、メニュー1のみ。
ウェジェット
ウェジェットに関しては別途詳しく書きますが、つまり、サイドバーやフッターなどに何を置くか? というものです。
固定フロントページ
ブログに入ったときに毎回同じページを表示するか、更新された画面を見せるか……を選択。 私は最新の投稿を表示させるようにしています。 HPの形にする場合は固定を選ぶと良いでしょう。
以上ざっとですが、サイドバーやフッター以外のデザインのカスタムの説明でした。