お手軽WordPress Tips：カスタムタクソノミーで作成した特定のタームに属する記事の一覧を表示数を指定して表示する - かちびと.net
Contract web dev by day & Indie hacker by night! | AaronLumsden.com
PureDigital I have a passion and thirst for learning new technologies to keep up-to-date with modern web development. Certified Laravel Developer I fuss over creating software that not only looks and feels great but that are user friendly and adaptable to changing user needs. I’ve been bringing web ideas to life in a planned and managed way since 2009. I'm also a certified Laravel developer by Lar
このサイトを初めてから3連続でjQueryの記事になってしまいました。他の記事も書かなきゃと思っているのですが、記事の為の記事なんて書きたくないと思い、結果今はまっているjQueryの記事になってしまってます。そんな今回はタブ切替コンテンツです。まー、よくあるものですが自分にとってはいつも通り大変でした。一応これでも、動けばいいって感じではなく美しいをコードを目指して端正込めて作ってます。 Demo 必要なファイル jquery.js コーディング＆設定 HTML HTMLヘッダー内でjquery.jsを読み込む。 以下の様にul#tabchange内のliとdiv#tabchangeContents内のdiv.tabchangeBoxは同じ数だけ用意する。数はいくつでもよい。次にdiv.tabchangeBox内にコンテンツを記述する。タブとコンテンツの関係は記述順になっている。 #bo
サイトのトップページなどで良くある新着情報などをカテゴリ毎に表示させる方法。 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
Skitter Slideshowとは？ 「Skitter Slideshow」は、スライドショウを実装するjQueryプラグイン「Skitter」の、wordpressプラグイン版です。Skitterの豊富な機能・多彩なエフェクトはそのままに、wordpressの管理画面上から画像やリンクの設定ができるため、HTMLの知識のない方でもスライドショウを管理できるという大きなメリットがあります。 wordpressプラグインディレクトリのSkitter Slideshowのページはこちら Skitter本家サイトはこちら 導入方法 wordpressの管理画面から、「プラグイン」→「新規追加」で、『Skitter Slideshow』で検索すれば出てきます。「いますぐインストール」をクリックしてインストール、有効化します。 テンプレートファイルのスライドショウを表示させたい箇所に、以下のコー
戻るボタンで戻っても、選択したタブが開かれたまま！Jqueryの便利なタブプラグイン、hashchangeTab.js | 株式会社アジケ
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/
情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・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 . '
Wordpress： カスタム分類のタイトルと説明をリストで一覧表示 : ＊30歳、コニのバリ日記＊
カスタム分類（タクソノミー）のリンク付きタイトル、投稿数、説明文を一覧（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＞ ※ 表示上、全角の＜＞が混ざっています ねむいねむい
ショット（Schott）のPコート（ピーコート）
今日は、ショット（Schott N.Y.C.）のPコート（ピーコート）を取り上げます。《最終更新日: 2010年1月5日》 Schott N.Y.C.（ショット）とPコート（ピーコート） ショットは、1913年創業のアメリカはニューヨークのカジュアルウェアブランド。特に、ライダースジャケット等の皮革製品で有名です。 ちなみに、マーロン・ブランドが映画『乱暴者（あばれもの）』で着ていたライダースジャケットが、ここのワンスターというモデル。 さてショットと言えば、今日取り上げるPコートも有名です。分厚い32oz（32オンス）のメルトンウールと裏地のキルティングが特徴で、とにかくものすごく温かいコート。値段もお手ごろ…。 アメトラ（アメリカン・トラッド）ファンやアメカジ（アメリカン・カジュアル）ファンなら、1着は欲しいですよね、Pコート。
実装例（サンプル）の動作について 「タブメニュー①」「タブメニュー②」「タブメニュー③」のタブ名をクリックすると、アニメーション動作しながら、タブの内容を開く。 実装例のソースコード 読み込み 読み込み方は、2種類ある。パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場合 <link rel="stylesheet" href="themes/base/jquery.ui.all.css"> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="ui/jquery-ui-1.8.12.custom.min.js"></script> <link rel="stylesheet" href="themes/base/jquery.
業界最大級のライブチャットDXLIVE
9月14日（水）午前5時～5時30分(日本時間)に、サイトのメンテナンスを行ないます。その間は、一時的にチャットが中断される場合がございます。メンテナンス期間は、作業状況により多少前後することもございます。ご利用の皆様にはご迷惑をおかけ致しますが、ご理解ならびにご協力の程、何卒宜しくお願い申し上げます。 日本時間午後10時30分頃から午前零時頃までの間、チャットに繋がりにくい状態がありましたが、現在は解決しています。ご利用されている皆様には大変ご迷惑おかけいたしましたことをお詫び致します。 9月6日（水）午前4時30分(日本時間)より約1時間、サイトのメンテナンスを行ないます。その間は、一時的にチャットが中断される場合がございます。メンテナンス期間は、作業状況により多少前後することもございます。ご利用の皆様にはご迷惑をおかけ致しますが、ご理解ならびにご協力の程、何卒宜しくお願い申し上げます
エラー
【エラー】 人気ランキングは実施しない設定になっています
SCHOTT ZWIESEL(ショット・ツヴィーゼル)DIVA Beer(ビール) ●商品仕様●◆サイズ 直径6×高さ21.4cm◆容量 420ml130年以上の歴史を誇る、ショット・ツヴィーゼル社は先進の研究を活かした環境にやさしいドイツのトップグラスメーカーとして知られています。中でも注目すべきは、やっぱり「トリタン」！「トリタン・クリスタル」とはクリスタルを作る上で一般的に使われる鉛に変わって、チタンとジルコニウムを配合したまさに「次世代クリスタル」と呼ぶに相応しい新世紀の素材なのだ！！ 通常のグラスの約3倍の強度を持ち、うっかり倒しても割れにくく、食器洗浄機でも傷がつきにくい という特徴は、業務用として特に評判が高く、世界の多くの有名ホテルチェーンや国際線航空機などで 使われているほど。旅先で飲んだ、あのワインの注がれたグラスはかなりの確率でショット・ツヴィーゼル 製だったのではな
ライダースジャケットの代名詞ともいえるSchottの歴史は、1913年、ニューヨークでアーヴィン・ショットとジャック・ショットの兄弟によってはじまりました。 当初はレインコートをつくる工場だったが、1928年に世界で初めてフロントジッパーを採用したライダースジャケット“Perfecto”シリーズを発売。 ボタン仕様しかなかった当時、画期的なジャケットとして話題となり、その後のライダース史に大きな影響を与えました。 Schottの名を世界に知らしめたのが、50年代に発表された星型のスタッズをエポレットに配した伝説のモデル“ワンスター”。これこそが、映画『ザ・ワイルド・ワン（邦題「乱暴者」）』で、マーロン・ブランドがまとったと言われているモデルです。 その後もバイク乗りのみならず、ラモーンズやセックス・ピストルズをはじめ多くのロックミュージシャンに支持され、時代を超えた永遠の定番として今なお多
jo1.biz
This domain may be for sale!
みなさん、春ですね。でもこれを書いている時点ではまだ寒くってたまに暖房を入れたくなるような日が続いています。 さてさて、「超」がつくほどのJavaScript入門講座として解説している本連載ですが、早くも4回目を迎えました。今回はいよいよ「アニメーションで動くタブ切り替え」に挑戦しましょう。 サンプルのHTMLとJavaScriptのファイルは、驚くべきことに、前回使用したものと全く同じです! つまりCSSだけの修正となります! なのに"しっかり"動きます! きっといじっていて楽しいはずです!! スライドアニメーションの仕組み 今回作成するサンプルは以下のようなものです。 では、仕組みから理解していきましょう。 HTMLは前回のままでOKです。「社会」「経済」「スポーツ」の3つのdiv要素をCSS側でfloat: leftにして横並びにします。 前回は.archivesをdisplay:
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
IROHA GRAND HOTEL 【いろはグランホテル松本駅前】コラボパートナーになってホテル... 詳細を見る
IROHA GRAND HOTEL 【いろはグランホテル松本駅前】コラボパートナーになってホテル... 詳細を見る
jo1.biz
This domain may be for sale!
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タブ切替コンテンツを実現するjQueryのスクリプト | Web Mugen
WordPressでカテゴリ（タクソノミー）毎に投稿を表示 | Gatespace's Blog
管理画面からスライドショウが編集できるwordpressプラグイン「Skitter Slideshow」
http://solidstate.jp/ContentsDisplay/slidebox/script_27.html
カスタム分類タームの表示 | Taiyo Blog / WordPress
jQuery UI の Tabs によるアニメーションでタブを切り替えるタブメニュー
SCHOTT ZWIESEL：ショット・ツヴィーゼルが今オススメなワケ！
SCHOTT ショット ライダースジャケットの代名詞 | MONONO
今さら聞けない! ビギナーのためのJavaScript講座(4) タブ切り替えをアニメーションで
wp_list_categoriesのshow_count | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ファセッタズムが伊勢丹メンズ館でポップアップ開催、「ショット」の別注ライダースを限定販売
1913年創業レザーブランド「ショット」旗艦店が渋谷にオープン