Web Designing 3月号にWordPressカスタマイズ記事を書きました

Web Designing 2012年3月号の「WordPressカスタマイズTips35」という特集記事 に8つのWordPressカスタマイズTipsを執筆させていただきました。

Web Designing (ウェブデザイニング) 2012年 03月号 [雑誌]

執筆内容

私が執筆したTipsは以下の通りです。

トップページのカスタマイズ

  • アイキャッチ画像を使って写真ギャラリーのように見せる
  • 特定のカテゴリーのみをトップページに表示・非表示にする
  • カテゴリ別のタイトル一覧を表示する
  • 特定の固定ページをトップページとして表示する

記事関連のカスタマイズ

  • 記事のサイドバーに最新記事10件のタイトルと概要を表示する
  • カテゴリー別に記事ページのデザインを変える
  • DUSQUS プラグインでコメント欄を見やすくカスタマイズする
  • 記事内で PHP を使いたい時は、ショートコードを使用しよう

この記事用に制作したオリジナルテーマ

この記事では大人の事情によりオリジナルテーマをもとにカスタマイズすることになったので、この記事用に フリー写真素材 :: Free.Stocker をベースにしたオリジナルテーマ「wooden-board」を制作しました。
せっかくなので、このページで配布します。


wooden-board テーマのダウンロードはこちら

ダウンロードし、解凍したフォルダを WordPressフォルダ内の /wp-content/themes/ フォルダ内にまるごと入れて下さい。
wooden-board フォルダ内の header.php をテキストエディタ(Windows のメモ帳以外)で開き、”ブログの紹介文をここに書きます。” 部分にブログの紹介文を書き、images フォルダ内の logo.png をご自身のサイトのロゴに差し替えておいて下さい。

なお、こちらの記事で配布しているテーマファイルは「カスタマイズ前」のテーマです。
カスタマイズ方法は Web Designing 2012年3月号の「WordPressカスタマイズTips35」に書いてあります。
カスタマイズ後のテーマファイルは、記事に書かれている Web Designing のサイトからダウンロードできます。

カスタマイズ前

カスタマイズ前のテーマはこんな感じです。

カスタマイズ前のテーマ

カスタマイズ後

カスタマイズ後のテーマはこんな感じです。
こちらのキャプチャは「アイキャッチ画像を使って写真ギャラリーのように見せる」カスタマイズを施した例です。

カスタマイズ後のテーマ

今月は WordPress カスタマイズ特集の他にも、Web業界に就職・転職したい方向けに面白法人カヤックや Yahoo! Japan、カカクコム等の人事の方がどういったスキルの人材を求めているか等の話なども載っていて面白かったです。
興味ある方は Amazon や本屋さんなどでお買い求め頂けると幸いです。

最近の記事

Web制作関連動画

メルマガ会員向けの「コーダーにも役立つ補完AI『Codeium』の使い方」の動画を期間限定で公開しています。
CodeiumはGitHub Copilotと似ていますが、CSSなども補完できて、今登録すれば無料で使えます。

メルマガでは、Web制作者のためのAI活用やWordPress関連の動画など、さまざまな特典があります。ご興味ある方は、ぜひメルマガにご登録ください。