WordPressのテーマ作成– category –
WordPressのテーマ作成する方法を解説しています。
-
上級編
SassとGruntとVagrantで考えるWordPressテーマ設計術
Lovelog+*のテーマをリニューアルしました。 foundation5 _s(Underscores) がベースになっています。 このリニューアルにあたって、GruntとVagrantを導入し、開発環境を一新しました。 WordPress環境開発は、Varying Vagrant Vagrantsを使用しています。... -
マルチサイトのカスタマイズ
WordPressマルチサイトで、複数の子サイトを1つのテーマで管理する方法
WordPressのマルチサイトで複数の子サイトを運用する時は、 デザインが異なる場合は、 通常子サイトの分だけテーマ数を作成します。 レイアウトが同じで、 デザインだけ異なる場合は、 複数の子サイトを1つのテーマで対応しようという方法です。 WordPres... -
上級編
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】スマホ用の子テーマを作成する方法
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】シリーズの方法で色々試行錯誤して、 スマートフォン用のテーマを作成していました。 やりたい事は親テーマの機能を引き継ぎつつ、 PCサイトとはデザインが別で、 スマートフォン向け... -
上級編
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】1つのCSSで出し分ける方法
bodyタグにclassまたはidを振って、 PCとスマートフォンのCSSを1枚で管理する方法です。 元ネタはBrowser Detection and the body_class() Functionです。 ブラウザ別にbody_class() 関数にブラウザ別のクラスを加えるという方法。 つまり、bodyタグにス... -
上級編
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】条件タグでCSSを出し分ける方法
PCとスマートフォンのCSSを完全に別にして、1つのテーマで管理する方法です。 余り知られていませんが、 WordPressには、PCサイトとスマートフォンサイトを出し分ける条件タグがあります。 [php][/php] この条件タグを利用して、テーマ内で出し分けを行い... -
上級編
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】PCテーマを元にスマホ用テーマを作成する方法
PCテーマを元にスマートフォンサイト専用を作成する方法です。 方法というより、もうスマートフォン用に必要な部分以外は削除していき、 レスポンシブに対応するのみです。 レスポンシブに対応するには、簡単にまとめた【レスポンシブでスマートフォンのWo... -
上級編
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】基本編
PCサイトとスマートフォンサイトで必要となってくるカスタマイズの説明です。 これは、どのテーマ作成にも関わってきます。 PC専用のウィジェットとスマートフォン専用のウィジェットを設置する PCサイトでは閲覧範囲が広いので、 2カラム3カラムレイア... -
上級編
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】概要編
楽にWordPressのテーマをレスポンシブで制作しようという内容です。 現在、このサイトのデザインとは別のデザインでスマートフォンサイトのデザインを作成中なのですが、 PCテーマを元にするとレスポンシブは正直面倒です。 そこで、 もっと楽にスマートフ... -
中級編
SEO関係のプラグインを使わないテーマ作成術
SEO関係のWordPressプラグインというと、代表的なのがAll in One SEO Pack。 よく、SEOにいいとか、絶対入れたいプラグイン何ちゃらでオススメの上位に入っていますが、 これって本当に必要?? 楽になるって、本当? 実際私が思うところは… インストール... -
初級編
ページタイトルを表示する方法
間のタイトルタグにページタイトルを表示する方法です。 wp_titleというWordPressのテンプレートタグを使用します。 wp_titleは、中々便利で、ページや記事を表示した時は、そのタイトルを、 アーカイブページを表示した時は日付を表示し、 カテゴリーペー...
12