はてなブックマーク

HTML ※赤字部分が前回のソースに追加した部分です。 <h3 class=”accordion” data-content=”#box01″><span>アコーディオンタイトル</span></h3> <div id=”box01″> <p>コンテンツコンテンツコンテンツコンテンツ</p> <p>コンテンツコンテンツコンテンツコンテンツ</p> <p>コンテンツコンテンツコンテンツコンテンツ</p> </div> <h3 class=”accordion” data-content=”#box02″><span>アコーディオンタイトル</span></h3> <div id=”box02″> <p>コンテンツコンテンツコンテンツコンテンツ</p> <p>コンテンツコンテンツコンテンツコンテンツ</p> <p>コンテンツコンテンツコンテンツコンテンツ</p> </div> <h3 clas

公開期間プラグイン「post-expirator」を使わずに 公開終了日を実装する方法をご紹介します。 「カスタムフィールド」に「公開終了」項目を追加し、 その条件を満たしていれば表示させる仕組みです。 【手順】 １）カスタムフィールドテンプレート に「公開終了」項目を追加します。 日付のフォーマットは yyyy/mm/dd にする。 [pubend] type = text size = 35 date=true dateFormat = yyyy/mm/dd label = 公開終了日（year/month/day） [pubend_hour] type = select value = 00:00:00 # 01:00:00 # 02:00:00 # 03:00:00 # 04:00:00 # 05:00:00 # 06:00:00 # 07:00:00 # 08:00:00 # 0

PCサイトとスマートフォンサイトを切り替えたい場合、 「Pc2Sp.js」というjQueryライブラリを利用すると実装できます。 このライブラリの紹介はネット上でたくさん見つかると 思いますので、今回は割愛し、下記の現象でうまく動作しない方へ向け 解決方法をご紹介します。 『 「Pc2Sp.js」で実装後、スマートフォンサイトから「PCサイトへ切り替える」ボタンをクリックすると、スマホサイトへ強制的に戻ってしまう・・（PCサイトに切り替わらない）』 この現象に遭遇された方は、まずは問題の起きるPCサイトが、 「HTML4」か「HTML5」で組まれているか確認してみてください。 もし、HTML4であれば、うまく動作しないでしょう・・（HTML4の方は続きをお読みください。） うまく動作しない原因は、 Pc2Sp.js ファイル内で記述されている localStorage.setItem がH

jQueryでイベントが発生した要素を指定する$(this)。 jQueryを初めて使った頃は$(this)ってなんだ!? なんで普通に<li>なら$(“li”)じゃだめなの～!? なんて思いましたが大きな違いですよね。 そして次につまづいたのが、$(this)の親要素、子要素、隣接要素やらは一体どうやって指定するのだろ～～～でした。 <div> <ul> <li class=”menu01″><span class=”sp01″>メニュー01</span></li> <li class=”menu02″><span class=”sp02″>メニュー02</span></li> <li class=”menu03″><span class=”sp03″>メニュー03</span></li> </ul> </div>

WordPressでWEB制作時にカスタム投稿を用いている場合、 タクソノミーのタームごとに月別アーカイブを表示させたい場合がございます。 本日はその方法のご紹介です。 以下のような形式で月別アーカイブを表示させるには wp_get_archives関数を使用されるかと思いますが、さらにfunctions.php 内でfilterを利用します。 例） ・2014年 6月 5月 ・2013年 12月 11月 １）functions.php ファイルに下記のフィルターを追記します。 ======================================== add_filter( ‘getarchives_join’, ‘my_getarchives_join’, 10, 2 ); function my_getarchives_join( $join, $r ) { global $w