arrow-left arrow-right envelope facebook feedly folder home html-tag person tag twitter wordpress rss user get-pocket envira google-plus

BootstrapでWordPressテーマを作ろう!vol.3

前回はindex.phpのカスタマイズまで行いました。今回は投稿ページ、固定ページ、サイドバーの作成について説明します。ここまでで大体のWordpressの機能が揃います。投稿ページと固定ページはindex.phpから作成するので、意外とあっという間です。早く仕上げて細かなレイアウトに取り掛かりたいところです。

続きを読む

BootstrapでWordPressテーマを作ろう!vol.2

テーマ開発に関連した説明を挟みましたが、再開します。前回Initializerで見た目のひな形を作り、ヘッダーとフッターをindex.phpから分割までを行いました。今回は投稿一覧となるindex.phpのカスタマイズについて説明します。 レスポンシブデザインに対応したBootstrapのグリッドシステムの仕組みと、Wordpressのループという概念について触れていきます。

続きを読む

表示の確認はWordPressテーマユニットテストデータを使おう

今回はテーマ作成からちょっと寄り道して、WordPressテーマユニットテストデータの説明をします。自前でテスト用の記事を書いて見た目や機能を確認したりする方も多いですが、これを使うとテスト用に記事を書く手間を省けるので、ローカル環境でカスタマイズの最中において動作確認するのに便利です。

続きを読む

BootstrapでWordpressテーマを作ろう!vol.1

Bootstrapを使ったWordpressのテーマについて説明していきます。HTMLとCSSのテンプレートを使って文書構造や見栄えについて手間をかけずにオリジナルテーマ最初の一歩を踏み出すのが今回の概要です。Wordpressの動き方や、どのようにWordPressの機能を設定していくのかを一緒に見ていきましょう。

続きを読む

WordPressをMAMPにインストールしよう - for Mac

今回から4回に渡ってBootstrapというアプリケーションフレームワークを使ってオリジナルテーマを作った手順を説明していきます。初めてWordpressのオリジナルテーマを作る際に、テスト環境を用意しましょう!というのが今回の概要です。レンタルサーバーにアップして、レイアウトや動作確認を行う手間が省ける利点があります。

続きを読む

PAGE TOP