joomla!2.5でのjsの効果について

joomla!2.5でjsを使うときはテンプレのを引き継がれないので、直接記事に入れたらうごきまいした。
jQuery.jsはテンプレのを引き継げたので、記事内に書かなくてもよい。

あ〜。時間かかったけど、わかってよかったー。

joomla!2.5 フロントエンドから編集

joomla!2.5でどうやったらフロントエンドからできるか悩んでましたが、簡単でした。
ログインフォームをだしてそこからログインすればでます。
アイコンを表示させないといけない。

joomla!2.5テンプレの複製でのメモ

忘れない内にサクッとメモ。
joomla!2.5のテンプレを複製をするには
まず、フォルダ事丸々コピーして、フォルダの名前を変更。
xmlに書いて名前もフォルダと同じ名前に変更し、そのxmlに書いてるパスも変更した名前通りに変更。



ちなみに、元データは「アトミック」ものすごいシンプルなので，これから全部これからでいいと思う。

次に言語フォルダの元の日本語データを拝借し、名前を変更する。(ja-JP.tpl_atomic.ini,ja-JP.tpl_atomic.sys.iniの２種類)元々ある langの英語の方もファイル名を変更する。(ここよく忘れるから気をつける)

フォルダを圧縮したら、
管理画面よりインポートしてできあがり。だったとおもう。

また、詳しくはゆっくり書きます。

画像のサイズ変更できるサイト

web上で画像のサイズの変更ができるサイトです。

http://img.cgi.jp/

ボタンのマウスオーバーで便利な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/