この記事は公開から9年、最終更新日からも9年経過しています。内容が古くなっている可能性があります。

概要、特徴

＜概要＞
WordPressテーマ「Newsy」(Newsy)のカスタマイズを実施しました。

＜カスタマイズ内容＞
・フォントの日本語化
・上部及びフッターに、ウィジェットエリア作成(テキストウィジェットを１つ設定し、複数画像を表示します)
・レスポンシブ対応化(サイドに開くモバイル用メニュー実装含む)

カスタマイズしたサンプルサイト・スクリーンショット

Newsyカスタマイズサイト

構築環境

・私の所有しているサーバ上でサンプルサイト構築後、クライアント様環境に移行

技術的なメモ

・テーマ；NEWSY　を元に子テーマ化しカスタマイズ。
・フォントの日本語化
　こんな感じのCSSを随所に定義。

* {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}

・上部及びフッターに、ウィジェットエリア作成(テキストウィジェットを１つ設定し、複数画像を表示します)
〜参考記事〜
[WordPress]フッター(フッタ以外にも応用可能)にウィジェットを追加する方法

・レスポンシブ対応化(サイドに開くモバイル用メニュー実装含む)
〜参考記事〜
[CSS]左右サイドバーがあるサイトのレスポンシブレイアウト
[WordPress/jQuery]モバイル等でよく使うスライドメニューの実装(Sidr使用)

最後に

今回、実は別の似た案件で使用するWordPressテーマがレスポンシブだったので、スマホ、タブレットでも閲覧可能なことという条件は、何もせずにクリアーと思っておりましたが、このNewsyというテーマはレスポンシブではなかったので、自身でレスポンシブ化しました。初めてでしたがうまくレイアウトできて良かったです。
//////////