Posts tagged theme

iPhone/iPod touch に表示を最適化するプラグイン iWPhone を入れました

2

iPot touch を購入してから自分のブログを iPod touch で見ることが多くなりました。どうせなら表示を iPhone/iPod touch に最適化しようと思い iWPhone というプラグインを入れてみました。

インストール

  • iWPhone をダウンロードする
  • 解凍して、iwphone.php をwp-content/plugins へアップロード
  • iwphone-by-contentrobot をディレクトリごと wp-content/themes へアップロード
  • 管理画面からプラグインを有効化する

(続きを読む…)

WordPress2.6 にアップグレードしました

0

このブログを WordPress2.6 へアップグレードしました。

アップグレード手順

  1. MySQL のデータをバックアップ
  2. WordPress2.6 を上書きでアップロード
  3. 管理画面へアクセス => アップデート作業をするように案内がでます。クリックすればアップデート終了

(続きを読む…)

jQuery でクッキーを扱う方法

1

jQuery でクッキーを扱うのを下記サイトを参考にやってみました。
javascriptライブラリjQueryでcookieを超簡単に扱う方法 : 4GALAXYのメモ
Klaus Hartl – Stilbüro : Cookie Plugin for jQuery

jquery.cookie.js の準備

jquery.cookie.js をダウンロードして HTML で使えるようにします。

<script type="text/javascript" src="jquery.cookie.js"></script>

(続きを読む…)

WordPress の管理画面で jQuery を使用する場合の注意点

1

WordPress の管理画面で使用するプラグインを作成しているのですが、jQuery を使用するときの注意点です。

jQuery は prototype.js などの $ を使用するライブラリと同時に使用できるように設計されています。jQuery にはprototype.js で定義した $ を上書きしないようにする方法があります。

jQuery.noConflict();

を jquery.js ファイルの一番最後に書き加えることにより $ を上書きしないように元に戻します。
(続きを読む…)

WordPress API フックの使い方

2

API フックとは

プラグインやテーマの動作を WordPress 本体に連動させることができます。WordPress 本体に修正を加えなくてもカスタマイズできます。

アクションとフィルタ

API フックにはアクションとフィルタがあります。アクションは WordPress で発生するイベントによって実行されます。イベントは投稿やテンプレートの変更などユーザが行う行動です。フィルタはテーマなどで出力するテキストデータを変更するものです。
(続きを読む…)

WordPress テーマを作成(8)function.php の使用

1

WordPress のテーマを作成しているときに、テーマ内でちょっとした機能を入れるときに便利なファイルが function.php です。

テーマフォルダに function.php を作成すると、テーマが有効化されているとブログの画面を表示する前に自動的に読み込まれます。

この機能を利用してテーマで使う関数などを function.php に定義しておけば、テンプレートファイルもすっきりと読みやすくなります。

注意点としては関数名をつけるときに既存の関数とぶつからないようにすることです。参考に function.php を使用している他のテーマを見てみるとよいかと思います。ユニークなるように関数名をつける必要があります。ユニークなテーマ名をつけて、テーマ名をプレフィックスとして関数名につけるとよいかと思います。

WordPress テーマを作成する(7) 任意のテンプレートを読み込む

1

WordPress のテーマのテンプレート内に任意のテンプレートファイルを読み込ませる方法です。

例えば hoge.php というファイルをテンプレート内に読み込ませたい時は、読み込ませたい部分に下記のように書きます。

<?php include ( TEMPLATEPATH . '/hoge.php'); ?>

(続きを読む…)

WordPress テーマを作成する(6) CSS でデザインを整える

1

前回まではまだ縦に長いだけのデザインされていない状態でした。今回は CSS を作成してデザインを整えてブログらしくして行こうと思います。 (続きを読む…)

WordPress テーマを作成する(5) サイドバーをウィジットに対応させる

10

前回作成したサイドバーをウィジットに対応させて、管理画面からサイドバーを変更できるようにしてみました。

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; ?>
</ul>
</div>

functions.php の作成

作成しているテーマディレクトリに functions.php を作成して下記のコードを追加する。

<?php
if ( function_exists('register_sidebar') )
    register_sidebar();
?>

これで管理画面で 表示 > ウィジット でアクセスすると下記のような画面になり動的にサイドバーを変更することができます。
dynamic1.png

少しの手間で使い勝手が便利になるので、テーマを作成するときにはウィジットに対応させておいた方がいいでしょう。

参考URL:Widgetizing Themes ? Automattic

WordPress テーマを作成する(4) サイドバーを作る

1

今回はサイドバーを作っていきます。sidebar.php にコードを書いていきます。

骨格

WordPress のサイドバーは下記のような構成の HTML になります。

Go to Top