Eternal-tears– Author –

【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】シリーズの方法で色々試行錯誤して、 スマートフォン用のテーマを作成していました。 やりたい事は親テーマの機能を引き継ぎつつ、 PCサイトとはデザインが別で、 スマートフォン向け...

bodyタグにclassまたはidを振って、 PCとスマートフォンのCSSを１枚で管理する方法です。 元ネタはBrowser Detection and the body_class() Functionです。 ブラウザ別にbody_class() 関数にブラウザ別のクラスを加えるという方法。 つまり、bodyタグにス...

PCとスマートフォンのCSSを完全に別にして、１つのテーマで管理する方法です。 余り知られていませんが、 WordPressには、PCサイトとスマートフォンサイトを出し分ける条件タグがあります。 [php][/php] この条件タグを利用して、テーマ内で出し分けを行い...

PCテーマを元にスマートフォンサイト専用を作成する方法です。 方法というより、もうスマートフォン用に必要な部分以外は削除していき、 レスポンシブに対応するのみです。 レスポンシブに対応するには、簡単にまとめた【レスポンシブでスマートフォンのWo...

PCサイトとスマートフォンサイトで必要となってくるカスタマイズの説明です。 これは、どのテーマ作成にも関わってきます。 PC専用のウィジェットとスマートフォン専用のウィジェットを設置する PCサイトでは閲覧範囲が広いので、 ２カラム３カラムレイア...

楽にWordPressのテーマをレスポンシブで制作しようという内容です。 現在、このサイトのデザインとは別のデザインでスマートフォンサイトのデザインを作成中なのですが、 PCテーマを元にするとレスポンシブは正直面倒です。 そこで、 もっと楽にスマートフ...

11月26日（土）にKDDIウェブコミュニケーションズ様の会場で、 WordBench 東京 勉強会＆ユーザー交流会が開催されます。 勉強会とユーザー交流会の参加登録は別々になっているのでご注意ください。 WordBench 東京 勉強会への参加登録 WordBench 東京 ユー...

トップページに新着記事一覧を載せる時に、 その記事が属しているカテゴリーを表示したい場合に有効な方法です。 ブログに複数カテゴリーがある場合、その記事がどのカテゴリーに属しているか分かりやすいと思います。 get_the_category()を使用して、 記...

ブログに複数のカテゴリーが存在した場合で、 トップに特定のカテゴリーの記事のみ新着記事一覧として表示したい場合の方法です。 特定のカテゴリーのみ新着記事にコンテンツの一部を表示するソース例 下記のソースはコンテンツの一部も表示する方法で、 m...

WordPressの検索ボタンを画像にするカスタマイズ方法です。 画像はテーマファイルのimgaesフォルダに予め入れておきます。 テーマフォルダ内のsearchform.phpを修正します。 type属性をsubmitからimageに修正し、src属性を追加します。 修正前のsearchform...