【WordPress】TCDで子テーマを作る

忘れたころに必要になりそうなので、とりあえずメモっとく。


親テーマ：dynamic
子テーマ：dynamic_child

１）子テーマのディレクトリを作成する
親テーマと同じ階層に子テーマ用のディレクトリを作成する
wordpress/wp-content/themes/dynamic_child

２）子テーマのスタイルシートを作成する

wordpress/wp-content/themes/dynamic_child/style.css

【style.cssの内容】
--------------------------------------------------
@charset "utf-8";
/*
Theme Name:Dynamic Child
Description:Dynamicの子テーマ
Template:dynamic
Version:1
*/
@import url('../dynamic/style.css');
--------------------------------------------------
【説明】
@charset "utf-8";　　　　　　　←日本語でメモを表示したいので追加（無くても良い）
Theme Name:Dynamic Child　←子テーマ名（必須）
Template:dynamic　　　　　　　←親テーマのディレクトリ（必須）
@import url('../dynamic/style.css');　←親テーマのスタイルシートをインポート（※１）

※１：スタイルシートを１から作る場合は不要だが、一部のみ変更したいから
　　親テーマのスタイルを継承する

３）親テーマの改修

functions.php内のget_stylesheet_directory()メソッドを検索して「TEMPLATEPATH」に変更する

※get_stylesheet_directory()のままだと、プログラムが読み込むディレクトリが子テーマのディレクトリになるため、何もないフォルダを参照して起動時に画面が真っ白になる

４）管理画面のテーマオプションのフォーマットを適用する
これは色々方法がある…

案１）子テーマに親テーマの「admin/my_admin.css」を持ってくる
　　　→子テーマでテーマオプションのスタイルもカスタマイズも出来る

案２）親テーマのfunctions.php内で自身のディレクトリを参照させるように改造
　　　get_bloginfo('stylesheet_directory')をget_bloginfo('template_directory')に変更する

案３）子テーマでfunctions.phpを継承し、 my_admin_CSS()を作成して読み込ませるディレクトリを親テーマに変更する。


以上で子テーマが作成可能。かなり便利ではないでしょうか。

【WordPress】カスタマイズの初歩

WordPressを始めたてみたが、テーマを自分の思うようにカスタマイズしたい！

とは、誰でも思うと思いますが、その手掛かりに中々たどり着かない？
解っている人には簡単なことでも、そのきっかけが難関だったりします。

HTMLの記述や、CSSのサイトは多くあるので、変更したい箇所を調べる方法について記載します。


■一番簡単かと思うのは、WEBブラウザで、変更したい箇所を確認する事です。


fierfoxを使用してfierbugで確認した場合、以下のようにクリックした箇所のHTMLとCSSの表示が出来ます。
また、ブラウザ上で変更をテストする事も可能です。

【Firebug使用時のサンプル画面】

１）Firefoxをインストールする
http://www.mozilla.jp/firefox/

２）Firebugをインストールする
https://getfirebug.com/

３）Firefoxを起動し、サイトを表示する

４）Firefoxの右上にある虫マークをクリックする
　　→下部にTHMLを表示するエリアが表示されます

５）①矢印をクリックします。

６）サイト内のHTMLの知りたい箇所②をクリックします

７）【Firebug使用時のサンプル画面】にあるように、HTMLやCSSの箇所が表示されます

　この画面上で直接変更して確認もできます。

例）color: #333333;
　　でカラーを変更するには「#333333;」の部分をクリックして、「#ｆｆｆ;」等に変更する

※カラーコードはこちらを参照下さい。

--------------------------------------------------------------
■おまけ

CSSで定義されている場合、指定されているTHMLのクラスやIDを知りたい場合も
同様の手順でHTML表示で確認出来ます。

PHPなどプログラミングされているソースは変更したい箇所を探すのも大変ですが、
IDなどでキーワードが解れば検索もしやすいと思います。

【WordPress】コンテンツスライダーの表示時間

WordPressのカスタマイズをする際、コンテンツ、スライダーの表示時間を変更をしたい。

スライダーの表示時間設定

デフォルトでは表示時間3,000msec（3秒）のため、
5秒にするにはpauseTimeを5000に設定する

ファイル：js/jquery.nivo.slider.js

animSpeed：切り替え時間（msec)
pauseTime：表示時間（mSec)

【WordPress】ja.poファイルの作成

WordPressの日本語翻訳ファイル、ja.poからja.moファイルの生成でちょっとつまずいたのでメモ。。


【編集手順】
--------------------------------------------------------------
１）ja.poファイルはテキストエディタで開いて編集。


２）ja.moファイル生成に「Poedit」をインストール。
　　※CodeStyling Localizationプラグインでも出来るようだが、作成元が「Poedit」を使ってるので合わせる

　　ダウンロードサイト

　　
　　①windows版　poedit-1.5.5-setup.exe　をインストールして実行

　　②起動した「Poedit」のソーステキストに編集済みのja.poファイルをドラッグ&ドロップ。

　　③「保存」クリックでｊa.moファイル生成
--------------------------------------------------------------

と、とても簡単だが、既存の箇所で以下エラーが発生

１）エラー：'msgstr' is not a valid PHP format string, unlike 'msgid'.　Reason： the character that

有効なPHP書式文字列ではありません。

良く見と確かにフォーマットが抜けている。

【誤】msgid "% comments"
【誤】msgstr "%件"
【正】msgid "%s comments"
【正】msgstr "%s件"

直せばエラーはななくなるが、既存で販売されてるテーマだ・・・
ここは「未確定」としてやり過ごし、そのうち、作成者にこそっと連絡しておこう


２）エラー： a format specification for argument 1 doesn't exist in 'msgstr'

議論1の書式仕様は「msgstr」に存在しません。

こちらは、msgidで"%s"使用に対し、msgstrで%s未使用で固定数を指定していたので直す。
直さなくても「未確定」でもいいか。。

以上でとりあえずコンパイル完了！