[WordPressテーマカスタマイズ]Newsy #WordPress

  • スポンサーリンク

  • スポンサーリンク

概要、特徴

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

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

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

Newsyカスタマイズサイト
newsy_customize2

構築環境

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

技術的なメモ

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

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

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

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

最後に

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


  • スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA