この記事の執筆時点で、このサイト「コジンメモ」は、WordPressの2016デフォルトテーマ、「Twenty Sixteen」を使用している。
いくつか、元の設定から編集したのでメモ。
フォントの変更
「Twenty Sixteen」のデフォルトのフォントは、どうもしっくりこない。
Windowsならメイリオあたりの、たしかユニバーサルフォントとかって呼ばれる感じのやつのがやっぱり見やすい気がする。
ってことで以下を変更。
Twenty Sixteen: スタイルシート (style.css)
html {
font-family: “メイリオ”,Meiryo,”ヒラギノ角ゴ Pro W3″,Hiragino Kaku Gothic Pro,”ＭＳ Ｐゴシック”,sans-serif;
…
}
body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: “メイリオ”,Meiryo,”ヒラギノ角ゴ Pro W3″,Hiragino Kaku Gothic Pro,”ＭＳ Ｐゴシック”,sans-serif;
…
}
タイトルの区切り文字の変更
初期設定だと、個々の記事のタイトルは「記事のタイトル — サイト名」みたいになる。
ただ何となく、「記事のタイトル | サイト名」のが好み。
ってことでフィルタを追加。
Twenty Sixteen: テーマのための関数 (functions.php)
function twentysixteen_title_separator( $sep ){
$sep = ‘|’;
return $sep;
}
add_filter( ‘document_title_separator’, ‘twentysixteen_title_separator’ );
Google Adsenseの背景色の変更
たいしたアクセスもないはずなのに、一応やってるわけですよ。
で、そのままテーマを使うと、なぜかアドセンスの画像にちょっぴりずれてよくわからん背景が出てしまったんですね。
（画像とか載せろよ…）
ってことで、それを防ぐために以下を追加。
Twenty Sixteen: スタイルシート (style.css)
ins{
background-color:transparent!important
}
メインのテキストカラーの変更
「Twenty Sixteen」を使うと、「最近の投稿」とかの近くにある区切り線やら記事のタイトルやらの色が全部連動します。
デフォルトだとちょっと黒すぎるので変更。
これは、ダッシュボードで普通にできました。
外観 > カスタマイズ > 色 > メインのテキストカラー > 色を選択
で、僕は「#555555」に設定。
あと、背景色も同様に、ちょっと変更してる。
トップへ戻るボタンの追加
特にスマホとかで、コンテンツを読み進めてスクロールしていくと、メニューとかほかのページへのリンクとかがあるサイトの上（トップ）の方に戻るのがめんどくさくなることがしばしば。
そんな時、トップへ戻るボタンが出てると便利。
かつ、そもそもトップが見えてるときは不要なので、ある程度スクロールしたときだけそのボタンがあればなおよし。
というわけで、とりあえずプラグインで対応。
プラグイン > 新規追加 > 「Scroll Back To Top」で検索 > インストール > 有効化
基本的にはこれだけ。カスタマイズもできるけど、そのままであんまり困らなかったので。
…と、とりあえずこんなところだったはず。
適当に編集してると、後で忘れそうなのでそれこそ個人的なメモを兼ねて。
いずれ気が向けば、ソース用のハイライトのやつとか、編集前後がわかる画像とか載せたいなぁ。…気が向く日はくるのかなぁ。笑
（以下、2016/10/13追記）
アイキャッチ付最新記事一覧
ブログサイト「Unofficial Web Site Tokyo」さんの下記の記事を参考に、最新記事一覧にアイキャッチ画像が表示されるようにしてみた。
（以下、2016/10/21追記）
moreタグ位置にGoogleアドセンスを表示
ブログサイト「ままはっく」さんの下記の記事を参考に、（というかほぼそのまま使わせていただいて）個別記事を表示されたときだけアドセンスを表示させるようにしてみた。
WordPressの記事本文中にmoreタグを置換してアドセンスを入れ、CSSで整える方法
