【WordPress】 Cocoon設定

SITE

 WordPressを再インストールして、Cocoon(テーマ)を導入して、真っ先に手を加えたい箇所は、
 ページの外観とりわけタイトルが入るヘッダーとウィジェットエリア(フッター、サイドバー)の“大雑把な”デザイン。
 WordPress使い始めの頃は、外観 - テーマの編集からスタイルシート style.cssやPHPファイルをいじってカスタマイズしていたが……。

 以前まとめたWordPressのページ   

 Cocoon導入後はダッシュボードのCocoon設定 - Cocoon設定からカスタマイズできるので、変則的な使い方をしない限り、バージョン更新のたびにカスタマイズやり直し、という憂き目に遭うことはなさそう。

 サイドバーのウィジェットエリアの項目は、
 外観 - ウィジェットから。

スポンサーリンク

Cocoon設定 - Cocoon設定

 設定項目は30以上あるが、ひとまずスキンからスキン[テンプレート]設定。
 あとは全体ヘッダー画像をいじれば、“大雑把な”デザインが決まる。
 タイトル目次SNSシェアSNSフォローも少しいじったが、“細かな”デザインは投稿しながら少しずつ仕上げていく予定。

全体

 サイトキーカラー
  ここで選んだ色がフッターや見出しの色になる。

 サイトフォント
  とりあえずメイリオにしておいた。
  さわらび明朝が良さそうだが、Webフォント。
   Webフォントは、読み込み速度など確かめてから。

 文字の太さ、サイト背景色、サイドバーの位置、……。

 ファビコン(=サイトアイコン)
  Cocoon導入後、Cocoonのファビコンが表示されていたので、ダッシュボードの外観 - カスタマイズ - サイト基本情報にて「サイトアイコン」設定。
  『512×512 pxのPNG画像を推奨します』とのこと。

 以前まとめたファビコンのページ   

ヘッダー

 ヘッダーレイアウト
  センターのまま。

 キャッチフレーズの配置
  本ブログの キャッチフレーズ は『 × nature 』。
  ヘッダートップからヘッダーボトムへ変更した。

 ヘッダー背景画像
  雲の写真をアップロードした。

 ヘッダー全体色
  ヘッダー全体背景色を選ぶ。当ブログでは背景画像を使っているので隠れて見えない。ヘッダー全体文字色も選ぶことができる。

画像

 訪問者の目を引くアイキャッチ(サムネイル)画像は、デフォルトのままだと
 NO IMAGE
と表示されるだけなので、とりあえず
 NO IMAGE設定 - NO IMAGE画像
に飛行機雲の写真をアップロードした。

スポンサーリンク
ふシゼン
タイトルとURLをコピーしました