wordpress

■サイトURL（最後にスラッシュあり）

<?php bloginfo('url'); ?>

■サイトURL（最後にスラッシュなし）
<?php echo home_url(); ?>

■サイトURL（最後にスラッシュなしにオプションでスラッシュを付けた）
<?php echo esc_url( home_url( '/' ) ); ?>

■WordPressのディレクトリURL

<?php echo get_template_directory_uri(); ?>

Web制作で使う色々まとめ

◆ 高さを合わせる

【jQuery】

jquery.flatheights.js

http://www.akatsukinishisu.net/itazuragaki/js/i20070801.html

使用：

http://hatudenki.net/index.html

◆ 高さを合わせるタイル

【jQuery】

jquery.tile.js

http://urin.take-uma.net/Entry/13/

使用：

http://www.meganracing.co.jp/products/syakocho/index.html

◆ スムーズスクロール

【jQuery】【リンク#URLなし】

jquery.page-scroller.js

http://coliss.com/articles/build-websites/operation/javascript/296.html

使用：

http://hatudenki.net/index.html

◆ 依存しないスムーズスクロール

【jQueryなし】【リンク#URLあり】

http://d.hatena.ne.jp/KAZUMiX/20080418/scrollsmoothly

使用：

http://www.meganracing.co.jp/top.html

◆ 偶数行と奇数行にクラスを振ってストライプに

http://www.webopixel.net/javascript/67.html

◆ 透明度を利用したロールオーバー

【jQuery】

opacity-rollover.js

http://h2ham.seesaa.net/article/124030086.html

使用：

http://www.meganracing.co.jp/top.html

http://hatudenki.net/

◆ 自動的に年を表示

http://ameblo.jp/web-worker/entry-11109757449.html

◆ Jacascriptインクルード

http://ameblo.jp/web-worker/entry-11109785001.html

◆ サムネイルにマウスオーバーで画像を切り替える

【jQuery】【MooTools】

http://tenderfeel.xsrv.jp/javascript/271/

使用：

http://e-sumai-takahashi.com/results-jitei.html

◆ 付いて来るサイドメニュー

http://www.minimo.jp/example.php?f=jquery/scrollFollow

使用：

http://www.e-remodel.jp/exterior.html

◆ IEの表示を同じに

http://ameblo.jp/web-worker/entry-11186694920.html

◆ CSS疑似セレクタ一覧

http://www.coolwebwindow.com/csstips/cssbasic/000243.php

◆ CSSハック

http://ameblo.jp/web-worker/entry-11192545828.html

◆ IE6でも透過PNGを使えるようにする

http://ameblo.jp/web-worker/entry-11193391731.html

◆CSS3 透明度

filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;

【jQuery】マウスオーバーでメニューが開いてタイトルにリンクが使えるアコーディオン！

マウスオーバーでメニューが開いてタイトルにリンクが使えるアコーディオンはこちら！

jQuery('#navigation').accordion({ 
		active:false, //最初に開くメニュー
		autoHeight: false, //高さ可変
		header:'.head', //HTMLのこのメニューのタイトル部分に付ける「a class="head"」
		navigation:true,
		event:'mouseover', //マウスオーバー
		animated:'easeslide'
});

参考：
http://jquery.bassistance.de/accordion/demo/?p=1.1.1

「Navigation - Unordered List with anchors and nested lists」のところ

合わせて読んで→過去記事「アコーディオン jquery/UI/Accordion」

http://ameblo.jp/web-worker/entry-11109422422.html

jQuery：http://docs.jquery.com/UI/Accordion