WordPress奮戦記9<テーマを変更。そのカスタマイズ>

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;}

の色を変えれば,変わります。

その他,トップメニューの背景色,フッターの背景色,トップメニューの文字の色,リンク文字の下線の変更などをしました。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください