興味のある所からお読み下さい
ダッシュボードでカスタマイズできる項目
WordPress/Simplicityで、ダッシュボードから簡単にカスタマイズできる項目は次の3つです。このダッシュボードにないカスタマイズは、ユーザ独自でソースコードを編集することになります。
- 「設定」:一般、投稿、表示、ディスカッション、メディア、ハイパーリンク設定
- 「外観」→「カスタマイズ」:
- WordPress:色、画像、固定ページ
- Simplicity独自:スキン、レイアウト、SNS、SEO、アクセス解析などの設定
- 「外観」→「ウィジェット」:サイドバーへのウィジェット機能の追加・削除と設定
WordPressとSimplicityのカスタマイズ項目の比較
WordPressのカスタマイズ項目(図左)とSimplicityのカスタマイズ項目(図右)は下のとおりです。Simplicityが独自の機能を多数実装(赤枠)し、かつダッシュボードから簡単に設定できるように作られているのがよくわかります。
当サイトで行っているカスタマイズ
WordPressの設定変更
WordPressディフォルトの「最近の投稿」をSimplicityの「新着記事」と入れ替え
※現在は、自作の「新着・更新記事」ウィジェットに変更しています。
「外観」→「ウィジェット」で、ウィジェットの入れ替えだけで表示される。トップページ(新着リストそのもの)には表示されず、記事ページにのみ新着リストが表示される。
プラグイン「Akismet」の有効化
「プラグイン」→「インストール済みプラグイン」から、コメントスパムやトラックバックスパムからブログを保護するスパム対策プラグイン「Akismet」を有効化
タイトル画像の挿入とランダム表示
※現在は、Simplicityのヘッダー外側背景画像と背景画像表示に変更しています。
カテゴリとアーカイブの記事数を表示
WordPress のリビジョン機能(履歴管理)を停止(wp-config.phpに追加)
Simplicityの設定変更
Simplicity個別の設定は、「外観」→「カスタマイズ」から行います。
色
- サイトタイトル色、概要色およびモバイルサイトタイトル色、概要色
- グローバルナビ色、リンク色、ホバー色
- グローバルナビを横幅いっぱいにする
- メニューボタン色、背景色
ヘッダー外側背景画像、背景画像
- ヘッダー外側背景画像
- 背景画像
レイアウトの設定(全体・リスト)
- 完全レスポンシブデザインにする
- グローバルナビを表示
- サムネイルの角の丸め具合
- 固定ページも一覧リストに含める
レイアウトの設定(投稿・固定ページ)
- [前ページ] [次ページ] ナビタイプ
- 関連記事表示タイプ サムネイル4列(推奨表示数4, 8, 12)
アクセス解析(Analyticsなど)
- Google AnalyticsトラッキングID
- Googleアナリティクスのユーザー属性とインタレストカテゴリレポートに対応する(※要Analyticsで有効化)
- ウェブマスターツールID
ブログカードの設定
- カード幅を広げる
- サイトロゴを表示
その他の設定
- テーマ側でファビコンを設定
- 「Simplicity新着・人気エントリー」ウイジェットにWordpress Popular Postsを使う
Simplicity子テーマを利用した変更
ブログの見出しデザインとCSSカスタマイズ(子テーマのstyle.css)
ヘッダーにXREAのバナー広告設置(.htaccess/子テーマのheader-insert.php)
※有料サーバー移転に伴い現在は実装していません。
※現在は、自作の「新着・更新記事」ウィジェットをサイドバーに表示しています。
新しい日時順に公開記事と更新記事を「新着・更新記事」として一緒にサイドバーに表示する(子テーマのfunction.php)
※現在は、機能追加版の「新着・更新記事」ウィジェットをサイドバーに表示しています。
WordPress関数にHTMLエディターのタグや定型文ボタンを追加(子テーマのfunction.php)
利用しているプラグイン
WordPress Popular Posts
サイドバーに人気記事を表示
Google XML Sitemaps
XMLサイトマップの作成と新記事公開時の自動サイトマップ更新
Akismet
スパムをフィルタリングして除去
Crayon Syntax Highlighter
記事にソースコードを表示するシンタックスハイライト
Better Delete Revision(必要時に有効化)
WordPress のリビジョン(履歴管理)を削除
Simplicity 関連 おススメ記事
- インストール
- 設定
- カスタマイズ
- 使い方
- 子テーマ
- チューニング