今回は、ブートストラップ3を導入、テンプレートディレクトリの作成、ブートストラップ3のサンプルコードを使ってindex.phpを作成、テーマを有効にして動作確認するところまで行います。(1)テーマディレクトリを作成、ブートストラップ3を導入1”wp-content/themes”ディレクトリ内にテーマ用のディレクトリを作成2ブートストラップの公式サイトからブートストラップをダウンロード。ダウンロードしたブートストラップを”bootstrap”フォルダー毎上記ディレクトリ内にコピー(2)スタイルシート(style.css)ファイルの作成1)style.cssの冒頭にテーマ詳細情報を記述1”style.css”という名前でファイルを作成2テーマ名、著者、テーマ説明などテーマ詳細情報を記述する。ここに記載した情報がWordPress管理画面のテーマ一覧画面などで表示されます。下記記述を追加します。url(‘bootstrap/css/bootstrap.css’);(3)テーマ設定画面で表示されるテーマの画像を設定WordPress管理画面のテーマ設定画面で表示されるテーマの画像を用意し、アップロードします。“screenshot.png”という名前で300x225pxサイズの画像を用意し、アップロードします。(4)functions.php、inc、js、cssディレクトリTwentyFourteenのfunctions.phpとinc、js、cssディレクトリをコピーします。WordPressテンプレート関数については、とりあえずTwentyFourteenのテーマのものを流用します。公式サイトからソース版をダウンロード。“examples”フォルダ内の”offcanvas”フォルダ内から入手。rel=”stylesheet”>3”offcanvas”フォルダのoffcanvas.css内の記述内容をstyle.cssにコピー(6)テーマを有効にし、ブラウザで表示確認1WordPress管理画面にログインし、テーマを有効にする外観→テーマ→利用可能なテーマ作成したテーマが(3)でアップロードした画像とともに表示されている事を確認し、有効化する。2ブラウザで表示確認JavaScriptの設定はまだ行っていないのでドロップダウンメニューは動作しませんが、デザインは下記と同じようになっている事を確認します。http://getbootstrap.com/examples/offcanvas/「ブートストラップ3を使って自作テーマ作成」の目次へ関連記事の目次VPSの開始からWebサイト公開、運用VPSにログイン、SSH接続、初期設定VPSサーバーでスナップショットを取得~障害に備え、リカバリーポイントを作成。VPSサーバーにログインして、設定内容を確認~グローバルIPアドレス確認、SSHキーを作成。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。WordPressモバイルバージョンに。