ボタンのマウスオーバーで便利なCSS

マウスオーバーは画像２枚作ってましたー。が、このやりかただと１枚でよさそう。

スタイルシートに

 a:hover img.hoverimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

を設定して（数値は調整）

マウスオーバーのイメージに
class="hoverimg"

をいれるだけ。


<p class="arc_mid"><img src="images/photo02.jpg" class="hoverimg"  /></p>

WPのアーカイブの下に「1.2.3....」数字のページのナビを付ける。

WPの記事の下にページのナビを付ける。

ページの下に数字でのナビがあると便利ですよね。
その方法です。

WP-PageNavi　をまずダウンロードします。
http://lesterchan.net/portfolio/programming/php/#wp-pagenavi
インストール後プラグインを有効にして、
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

をindex.phpやarchive.phpなどナビを付けたい箇所に追加しましょう。

それでOKですー！

参考サイト
http://wpgogo.com/plugin/plugin_wp_pagenavi.html

WPのカテゴリ事に画像を変える

ヘッダーにphpぶっ込んで、CSSでカテゴリのidで指定する。

まずヘッダーのイメージを変更した箇所に以下をぶっ込む
///////////////////////////////////////////////////////////

<?php if( is_home() ) : // フロントページの場合 ?>

<?php elseif( is_month() ) : // 月別ページの場合 ?>

<?php else : // それ以外の場合

$cat = get_the_category();

$cat = $cat[0];

?>

<div class="cat-<?php echo $cat->cat_ID; ?>"></div>

<?php endif; ?>

///////////////////////////////////////////////////////////

それからcssで

cssの記述は下記の通り(※赤字部分は自サイトに合わせて変更）
.cat-1 {
background:url(images/head_img01.jpg) no-repeat;
width: 900px;
height: 250px;
}
.cat-2 {
background:url(images/head_img02.jpg) no-repeat;
width: 900px;
height: 250px;
}
.cat-3 {
background:url(images/head_img03.jpg) no-repeat;
width: 900px;
height: 250px;
}

をぶっ込むとやっほーだぜ！！

参考サイト
http://msweb.moo.jp/wordpress/483/

WPのテンプレ改造に良いフリーのMONO

新しいバージョンは結構改造しやすくなってきたと思ってますが、
バージョンが古くなるとやりにくく感じてもす。

んで、簡単目に改造できるフリーのテンプレサイト発見した。
 http://wpthemejp.com/
ここの作りわかりやすい！！

WP 固定ページのタイトルとコメント欄を消す方法

「外観」→「テーマ編集」→「loop-page.php」と辿り、「<?php comments_template( '', true ); ?>」を削除する。

これでコメント欄がきえます。


同様に

<?php if ( is_front_page() ) { ?>
                        <h2 class="entry-title"><?php the_title(); ?></h2>
                    <?php } else { ?>
                        <h1 class="entry-title"><?php the_title(); ?></h1>
                    <?php } ?>

を消すとタイトルが消えます。

テンプレは

Twenty Ten

です。

固定ページをTOPページに使用してる場合は便利ですね。 

WPのフロントページをアーカイブの用に抜粋のテキストだけにする方法

http://blue-spiral.matrix.jp/20110611-wordpress-archive.html

Twenty Ten において、アーカイブでの表示は抜粋表示になっていますが、フロントページにおいてもアーカイブにならないか？
フロントページでは最新の記事の抜粋記事を10個表示させたい。

そこでまずやってみたことは、フロントページ用にfront-page.phpを用意すること。
front-page.phpと言っても中身は、archive.phpそのまんま。

結果は・・・、ダメでした。

原因は、loop.phpを読み込んでいて、loop.phpにおいて抜粋表示は、アーカイブかサーチの時だけ。

if ( is_archive() || is_search() )

ということは、ここにフロントページも加えてあげればいいのでは？

if ( is_archive() || is_search() || is_home() )

以上のものが2カ所あるのでそれぞれ替えてみた。
そして、別名保存でloop-archive.phpとしました。

成功しました！

しかし、記事の単体表示以外はアーカイブにするようなものなので、小テーマ実現するにはloop.phpをコピーして「is_home()」を加えればいいだけでした。

WPのフロントページの記事を「続きを読む」にして短くする。

記事を入力するエディターの上の段に書類が切れたアイコン（more）があるので、
切りたい箇所でそのアイコンをクリックするとでけた。

今まできづかなかった。