Skitter Slideshowとは？ 「Skitter Slideshow」は、スライドショウを実装するjQueryプラグイン「Skitter」の、wordpressプラグイン版です。Skitterの豊富な機能・多彩なエフェクトはそのままに、wordpressの管理画面上から画像やリンクの設定ができるため、HTMLの知識のない方でもスライドショウを管理できるという大きなメリットがあります。 wordpressプラグインディレクトリのSkitter Slideshowのページはこちら Skitter本家サイトはこちら 導入方法 wordpressの管理画面から、「プラグイン」→「新規追加」で、『Skitter Slideshow』で検索すれば出てきます。「いますぐインストール」をクリックしてインストール、有効化します。 テンプレートファイルのスライドショウを表示させたい箇所に、以下のコー

jqueryを使ったタブの実装方法はいろいろありますが、 どの方法でも大抵は、別のページにリンクしてから ブラウザの戻るボタンで元のページに戻ると、 タブが初期状態に戻ってしまいます。 そこでブラウザ戻るボタンで戻った際、 選択していたタブが開いたままになるタブプラグイン 「hashchangeTab.js」を作成しました。 hashchangeTab.js ダウンロード hashchangeTab.js デモページ □hashchangeTab.js の使い方 ●必要なファイル jquery（1.2.6以上） jquery.ba-hashchange.js ●設定方法 まず、下記のような形で各Javascriptファイルを読み込みます。 [javascript] <script type=’text/javascript’ src=’http://ajax.googleapis.com/

みなさん、春ですね。でもこれを書いている時点ではまだ寒くってたまに暖房を入れたくなるような日が続いています。 さてさて、「超」がつくほどのJavaScript入門講座として解説している本連載ですが、早くも4回目を迎えました。今回はいよいよ「アニメーションで動くタブ切り替え」に挑戦しましょう。 サンプルのHTMLとJavaScriptのファイルは、驚くべきことに、前回使用したものと全く同じです! つまりCSSだけの修正となります! なのに"しっかり"動きます! きっといじっていて楽しいはずです!! スライドアニメーションの仕組み 今回作成するサンプルは以下のようなものです。 では、仕組みから理解していきましょう。 HTMLは前回のままでOKです。「社会」「経済」「スポーツ」の3つのdiv要素をCSS側でfloat: leftにして横並びにします。 前回は.archivesをdisplay:

情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。 ループ内で、記事が属しているタームとタームの説明をリンク付きで表示。*タームの日本語表記と英語表記を２行で表示したいという要望のため <?php $terms = wp_get_object_terms( $post->ID, 'event_area' ); if ( $terms && !is_wp_error( $terms ) ) { echo '<ul>'; foreach ( $terms as $term ) { echo '<li><a href="' . get_term_link( $term, $term->taxonomy ) . '">' . $term->name . '

カスタム分類（タクソノミー）のリンク付きタイトル、投稿数、説明文を一覧（li）で出力するときのタグ。 ＜ul class="point-list"> ＜?php // point に分類名が入るよ $terms = get_terms('point','get=all'); foreach ($terms as $term) { echo '＜li>＜a href="'.get_term_link($term->slug, 'point').'">'.esc_html($term->name).'('.$term->count .')＜/a>＜p＞...'. $term->description . '＜/p>＜/li＞'; // count で記事数を表示するよ // description で説明文を表示するよ } ?＞ ＜/ul＞ ※　表示上、全角の＜＞が混ざっています ねむいねむい

WordPressでカテゴリの一覧を表示させたいと思ったら、wp_list_categories()なんかを使うと良いだろう。 この関数はクエリ形式でパラメータを指定できる。そして、カテゴリ名の後ろにそのカテゴリに属している記事の件数を出力したい場合にはshow_countをtrueにする。 wp_list_categories('show_count=1'); お手軽にカテゴリの一覧を表示できるのは良いのだけど、ただ、件数の表示はaタグの外に出てしまうらしい。 wp_list_categories('show_count=1'); //出力 <ul> <li><a href="略">カテゴリ名</a> (5)</li> </ul> みたいな感じ。 別にたいした問題はないのだけど、たま～に、この件数もaタグの中に入れたい、なんて場合もあるかもしれない。でも、たぶんだけど、これはwp_lis

サイトのトップページなどで良くある新着情報などをカテゴリ毎に表示させる方法。 jQuery UIと連動してタブ表示、なんてこともできますよ。 元ネタはフォーラムにありますのでそちらを参照に 「カテゴリごとの記事の一覧をトップページに羅列したい」 http://ja.forums.wordpress.org/topic/3160?replies=5 <?php // まずはカテゴリーを取得（カスタムタクソノミーでもOK） $catargs = array( 'taxonomy' => 'category' ); $catlists = get_categories( $catargs ); foreach($catlists as $cat) : // 取得したカテゴリの配列でループを回す $args = array( 'cat' => $cat->term_id ); $my_posts