【備忘録 レイアウト変更】WordPressテーマ TwentyFourteen変更点一覧まとめ

      2016/03/21

WordPressのデフォルトテーマを少し自分用に変更していますが、僕がやった変更点を備忘録として残しておきます。

 

Sponsored Links

 

こういうテーマのカスタマイズを行う際にはローカル環境で試験的に行うことをお勧めします。

直接本物のコードを触って、サイトが真っ白、、、といった事態を防ぐためにもテスト環境は大事だと思います。

僕が書いた備忘録に出てくるスクショもテスト環境でとったものです。

下記の方法でテスト環境を構築することができます。

【備忘録】WordPressローカル環境の構築方法(OSX Yosemite)⇒Web系プログラムの勉強にもおすすめ | itkhoshi.com

  

文字が全て大文字になってしまう⇒大小両方表示できるように変更

【Twenty Fourteen】エントリー題名やメニュー部分がアルファベット大文字しか表示されない部分を修正⇒style.css 変更メモ | itkhoshi.com

 

 

メインコンテンツの幅を広げ、プライマリサイドバーの幅を狭くする

【Twenty Fourteen】メインコンテンツ部分の幅を広げて、プライマリーサイドバーの幅を狭くするように修正⇒style.css 変更メモ | itkhoshi.com

 

 

サイト全体が左端に寄って表示されている⇒画面中央に表示するように変更

【Twenty Fourteen】サイト全体が左寄りになっているのを、中央表示にする⇒style.css 変更メモ | itkhoshi.com

 

 

コンテンツ内の見出しを見やすくするためにコード追加

【Twenty Fourteen】h1タグなどの見出しの見た目変更⇒style.css 変更メモ | itkhoshi.com

 

 

フッター部分にcopyright文を追加

【Twenty Fourteen】フッター部分にCopylight表記追加⇒ function.php 変更メモ | itkhoshi.com

 

 

ホームページやアーカイブページの時に、コンテンツ一覧上部にアドセンスコードを追加(PCとモバイル表示の時でコードを分ける)

【TwentyFourteen】サイトのトップページ上部にアドセンス広告を配置するように修正(初心者向け) | itkhoshi.com

 

まとめ 

以上が変更点一覧です。

他にも、リンクテキストの色やエントリータイトルのフォントなども細かい部分は変えていますが、ちょっと細かすぎる部分になるので、今回は割愛しました。

CSS初心者でも難しいことはやっていませんので、できると思います。(僕も未だにCSSについては理解していませんし。。) 

是非、参考になれば幸いです。 

 

Sponsored Links

 - TwentyFourteen
 -