TCDの有料ワードプレステンプレート「MAG」の投稿ページh2タイトルタグをカスタマイズした備忘録。
style.cssに投稿ページ専用のh2を追記
1179行目「headline – 見出しのスタイル」部分にh2用のタグを追加する。
投稿ページのみに反映させるため「.post_content h2」とする。
.post_content h2 { /*例*/
padding-bottom: .5em;
border-bottom: 1px solid #ccc;
}コードは例なので、好みのスタイルを自分で指定すること。
これでclassを指定しなくてもh2のみで好みの見出しデザインを使うことができる。
ついでに管理画面もカスタマイズ
「custom_editor.php」をカスタマイズ。
投稿編集画面にショートカットボタンを追加するため。
37行目 QTags.addButton(‘style3a’～の上に以下の一行を追記。
QTags.addButton('h2', '投稿h2見出し', '<h2>H2見出し</h2>' + '\n' + '\n', '');これを追加しておくと、投稿画面でボタンひとつで
『<h2>H2見出し</h2>』を呼び出せるようになる。
注意事項
テンプレバージョンアップ時は再度この作業をやり直す必要あり。
アプデ時に作業をやり直したくない場合
「外観」→「TCDテーマオプション」→「カスタムCSS」の部分に追加CSSを書く。
俺は他にもカスタマイズしてる項目があり、
タグ内に大量に追加したコードが挿入されるのは嫌なので使っていない。テンプレがバージョンアップされた時は多少面倒だがそこだけ変えて使うつもり。子テーマはやめといたほうがいいかも
この手のカスタマイズをする時は子テーマでやるのがオーソドックスなやり方だと思う。
だが、TCDのテンプレは子テーマを作る際に他のテンプレファイルもカスタマイズが必要となる場合があるんだとか。調べるだけでも面倒だ。
それならもう都度カスタマイズ反映させたほうが楽なんじゃないの、と思った次第。完成済みワードプレステーマのカスタマイズは面倒ごとがつきものだし、好きな方法でいいと思う。
