WordPress テーマを作成（８）function.php の使用 | Sun Limited Mt.
WordPress のテーマを作成しているときに、テーマ内でちょっとした機能を入れるときに便利なファイルが function.php です。 テーマフォルダに function.php を作成すると、テーマが有効化されているとブログの画面を表示する前に自動的に読み込まれます。 この機能を利用してテーマで使う関数などを function.php に定義しておけば、テンプレートファイルもすっきりと読みやすくなります。 注意点としては関数名をつけるときに既存の関数とぶつからないようにすることです。参考に function.php を使用している他のテーマを見てみるとよいかと思います。ユニークなるように関数名をつける必要があります。ユニークなテーマ名をつけて、テーマ名をプレフィックスとして関数名につけるとよいかと思います。 関連する投稿 WordPress 2.7 にアップグレードしました Cak
WordPress テーマを作成する（７） 任意のテンプレートを読み込む | Sun Limited Mt.
WordPress のテーマのテンプレート内に任意のテンプレートファイルを読み込ませる方法です。 例えば hoge.php というファイルをテンプレート内に読み込ませたい時は、読み込ませたい部分に下記のように書きます。 <?php include ( TEMPLATEPATH . '/hoge.php'); ?> WordPress のテンプレートは PHP ファイルなので、なんてことはない PHP なのですが、TEMPLATEPATH という WordPress の定数なども使用しますので、メモ代わりに書いておきます。 このブログの右下の「About」の部分もこの方法で読み込ませていますね。読み込ませるファイルは PHP ファイル以外でも大丈夫です。このブログの「About」の部分は <?php include (TEMPLATEPATH . '/about_text.txt'); ?>
WordPress テーマを作成する（６） CSS でデザインを整える | Sun Limited Mt.
前回まではまだ縦に長いだけのデザインされていない状態でした。今回は CSS を作成してデザインを整えてブログらしくして行こうと思います。 ページ全体を整える ページ横幅をとりあえず 650px にします。前回までのテーマ作成で下記のような構成になっています。 画像1 これを CSS で下記のようにしたいと思います。 画像2 CSS は下記のようにしました。 * { margin: 0; padding: 0; } body { background-color: #fff; color: #333; font-family: verdana, sans-serif; } #page { width: 650px; } これで画像2のような見た目になりました。 その他の見た目を整えて、最終的に下記のような CSS にしました。 syte.css /* 全体のルール */ * { margin
WordPress テーマを作成する（５） サイドバーをウィジットに対応させる | Sun Limited Mt.
前回作成したサイドバーをウィジットに対応させて、管理画面からサイドバーを変更できるようにしてみました。 sidebar.php の修正 sidebar.php の ulタグ の直後に以下の行を追加 <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> また sidebar.php の最後の ul タグの前に以下の行を追加 <?php endif; ?> つまり ul タグの中を上記の if 文ではさむ感じです。 <div id="sidebar"> <ul> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> // ここにデフォルトのサイドバーの内容を書く <?php endif; ?> </u
WordPress テーマを作成する（４） サイドバーを作る | Sun Limited Mt.
今回はサイドバーを作っていきます。sidebar.php にコードを書いていきます。 骨格 WordPress のサイドバーは下記のような構成の HTML になります。 <div id=”sidebar”> <ul><br /> <li><h2>タイトル 1</h2><br /> <ul><br /> <li>要素 1</li><br /> <li>要素 2</li><br /> </ul><br /> </li><br /> <li><h2>タイトル 2</h2><br /> <ul><br /> <li>要素 1</li><br /> <li>要素 2</li><br /> </ul><br /> </li><br /> </ul><br /> </div> 関連する投稿 WordPress の設定を使ってデータベースにアクセスする方法 CakePHP デバッグモード CSV ファイル
WordPress テーマを作成する（３） トップページの投稿一覧を作る | Sun Limited Mt.
index.php に投稿一覧を作成する 投稿内容の一覧を表示するには下記のコードのパターンを使用します。 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> /* ここに投稿内容を表示するコードを書く */ <?php endwhile; ?> /* 1件も投稿がなかった場合 */ <?php endif; ?> 最初の if (have_posts()) で投稿があるかチェックしてあれば、次の while 文で投稿の数だけループして、投稿がなければ endwhile に分岐します。 WordPress のタグを使用して投稿内容を表示する 上記のループ内で使用する個別の投稿を表示するタグの一部を書いておきます。 投稿の個別URLを表示<?php the_permalink() ?> タイトルを表
WordPress テーマを作成する（２） | Sun Limited Mt.
前回は style.css と index.php だけを作成して最低限のブログを表示させました。なぜこれだけのファイルで表示ができるかというと選択しているテーマに必要なファイルがない場合は wp-content/thmems/default 内のファイルを使用するためです。 今回はヘッダファイルとフッタファイルを作成します。 ヘッダファイル テーマディレクトリに header.php を作成し下記のような内容にしました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attrib
WordPress テーマを作成する（１） | Sun Limited Mt.
WordPress用のテーマを作ってみようと思います。始めて作成するのですが、作成過程を投稿していきます。まずは第1回目です。 テーマフォルダを作成する wp-content/themes/ 以下にテーマ用のディレクトリを作成します。 今回は test というディレクトリを作成しました。 CSS ファイルを作成する 作成したテーマディレクトリに style.css を作成します。 style.css には必要最低限の項目を書いておきます。 /* Theme Name: Test Template Theme URI: http://www.syuhari.jp/ Description: テーマ作成テスト用です。<a href='http://www.syuhari.jp/'>リンクも出来ます</a> Author: Boze Author URI: http://www.syuhari.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
