WordPress奮戦記9<テーマを変更。そのカスタマイズ>
旧アドレス<kenchiku.a.la9.jp>から現在の独自ドメインに移転するときに,WordPressのテーマも変えました。これまでは「いちばんやさしいWordPress教本」に付属している「BizVector」を使ってきましたが,イメージを少し変えたいという思いがあって,標準の「Twentyseventeen」に変えました。
これまでのWordPress標準のテーマはブログ用のものとのイメージがありましたが,「固定ページを主体としたHP用にもお勧めで,デザインも洗練されている」との書き込みがあったのこれに決めました。
WordPressの良さとして紹介されるもののひとつに「テーマを変えることで着ている衣装を取り換えるようにHPイメージを変更できる」というのがあります。これ自体はそのとおりなのですけど,テーマのCSSやPHPを修正して見栄えの調整(カスタマイズ)していますので,新テーマ「Twentyseventeen」に変更するとカスタマイズが必要になります。
<functionで定義しているショートコードの移転>
function.phpにショートコードを定義していましたから,これをコピーしなければいけません。旧HPの「外観」→「テーマの編集」で「function.php」の中に書き加えたショートコードをコピーして,新HPの「外観」→「テーマの編集」で「function.php」の中に貼り付けます。「ファイルを更新」すると反映されます。
<CSSの個別定義の移転>
「外観」の「CSSカスタマイズ」に文書をBOXで囲むなどの定義を入れています。これをコピーします。新テーマの「TwentySeventeen」では,「外観」の「カスタマイズ」の「追加CSS」に貼り付けます。
<トップページにサイドバーを表示させる>
これは苦労しました。
旧テーマ(BizVector)では,固定ページを編集で開いて,「テンプレート」をクリックすればサイドバーのあるなしが選択できました。それが「TwentySeventeen」ではできないのです。フォーラムで教えてもらって子テーマを設定することでできました。実は,「TwentySeventeen」の機能としては固定ページにサイドバーを表示できるようにななっていなかったのです。サイドバーを表示させる仕組みは私にはよくわからないのですが,教えてもらった通りにして,なんとかできました。
その方法は,「固定ページにサイドバー表示(MTAinc)」にあります。
<背景色の変更>
「TwentySeventeen」では,背景は白でこれを変えることはできません。変えるためには,「style.css」を書き換えなければいけません。
1850行目あたりにある「13.3 Regular Content」の,
.site-content-contain {background-color: #e5ffcc; position: relative;}
の色を変えれば,変わります。
その他,トップメニューの背景色,フッターの背景色,トップメニューの文字の色,リンク文字の下線の変更などをしました。