WordPressのテーマTwenty Fourteenのカスタマイズ

2015年2月10日更新日

2017年5月15日カテゴリー

WordPress

WordPressの公式テーマ「Twenty Fourteen」は3カラムデザインでレスポンシブレイアウトに対応したテーマで、PC、スマホ、タブレットなど様々な画面サイズに合わせて表示することができる。

初期のままだと左寄せに表示されたり、小文字が大文字で表示されたりするので自分用にカスタマイズ。。

テーマを修正するにあたって

Web上で編集するならサイト管理画面からログイン後、外観　→　テーマの編集で表示されるスタイルシート(style.css)画面で修正を行うことができる。

だが、ヘッダーやフッダーなども調整するならFTP接続でWordPressをインストールしたホストにアクセスして、wp-content/themes/twentyfourteenディレクトリ内にあるheader.php、footer.phpを修正する必要がある。

style.cssやheader.phpなどはテーマを更新（アップデート）すると上書きされるので直接修正するのではなく編集用の子テーマを作って、そちらでカスタマイズした方がいい。もし直接修正するならバックアップを忘れずに。
[ad#ads]

各ページのタイトルを修正

style.cssに記述

/* トップページとなる固定ページのタイトル */
.home .page .entry-title {
display: none;
}
/* 固定ページのタイトル */
.page .entry-title {
font-size: 1.5rem;
}
/* 投稿ページのタイトル */
.post .entry-title {
font-size: 1.5rem;
}