カテゴリー
SugiBlog Webデザイナー・プログラマーのためのお役立ちTips

WORDPRESSの子テーマを作成する

WORDPRESSでは、既存のテーマを元に子テーマを作成することができます。
最低限必要なのは、テーマの基本となるスタイルシートファイル(style.css)のみです。
あとは、スクリーンショットがあれば尚可。

まず、themesディレクトリに子テーマ用のディレクトリを作成します。
ここでは親テーマの名前を「parent」、子テーマの名前を「child」とします。

wp-content/themes/child

style.cssを作成します。

/*
    Theme Name: child
    Template: parent
*/

@charset "utf-8";
@import url("../parent/style.css");

@import url();にて親テーマのCSSファイルを相対パスを指定して読み込みます。
そして、このファイルにスタイルを記述していけば親テーマのスタイルよりもこちらが優先されます。
続きを読む…»

2,016 views

スマートフォン対応デザイン

当サイトのスマートフォン対応デザインが完成しました。

iPhoneやAndroid端末でアクセスするとそちらが表示されるようになっています。

1,271 views

コメントフォームの設置

headタグ内のwp_head();より前に記述。
コメント返信用のJavaScriptを挿入してくれます。

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

記事表示のループの中に以下を追加します。

<?php comments_template(); ?>

簡単にコメント機能を追加するには以上です。
フォームや、コメント表示など、デフォルトの機能で自動にやってくれます。
フォームをカスタマイズする場合は、comments.phpを作成する必要があります。
それはまた後日。。

こちらを参考にさせていただきました。
http://scianto.net/2009/03/02232201.php

3,209 views

WORDPRESS アップデート

バージョン3.2.1をインストール。
ついでに、携帯表示やiPhone・Android表示のプラグイン等を追加したので
メモしておく。

・Ktai Style
携帯電話用に表示を最適化してくれるプラグイン

・SexyBookmarks (by Shareaholic)
ソーシャルブックマークリンクを挿入タグなしに表示してくれるプラグイン
続きを読む…»

1,770 views

特定カテゴリーを除外して表示

トップページから、特定のカテゴリーの記事を除外
ヘッダー表示の後に挿入

if (is_home()) { query_posts( array( 'cat' => -104 ) );

続きを読む…»

7,899 views