wordpress THEWORLDカスタマイズ集

wordpress用テンプレート「THEWORLD」はカスタマイザーやオプションでテーマカラーや文字の大きさ等様々な変更が出来るためカスタマイズしないでそのまま利用出来ます。

が、個人的にここだけは変更したいと思ったところがいくつかあったので記録しておきます。

ブログタイトルをロゴにする

theworldでは詳細オプションでブログタイトルの文字の大きさは変えられますがロゴ画像に変更するにはカスタマイズが必要です。

headerPHPの

<!--タイトル開始-->


<h2><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h2>


<!--タイトル終了-->


 

となっているタイトルの部分一行を下記のように編集します。

 


<!--タイトル開始-->


<h2><a href="<?php bloginfo('url'); ?>"><img src="https://afi-bomber.com/wp-content/uploads/2015/08/アフィボン.png" alt="<?php bloginfo( 'name' ); ?>"width="320(px)" height="80(px)"></a></h2>


<!--タイトル終了-->

 

リストの間隔を開ける

段落(pタグ)の間隔は詳細オプションで変更できますがリストの間隔は狭いままなのでCSSで編集しましょう。

theworldのCSSはメインのCSSより各サイトのテーマカラーのCSSが優先されています。

なのでCSSを編集する時は使っているテーマカラーのCSSを編集します。このブログでは赤なので「赤スタイルシート固定ページテンプレート」をに下記を追記します。

/*リスト間隔*/
li {margin-top:0.7em; margin-bottom:0.7em;}

 

数値を変更することで間隔を調整出来ます。