見出し1

見出し2

見出し3

見出し4

見出し5

本文

基本は以上です。

以下、使用例

画像右寄せ[float]

ああああああああああああああああああああああああああああああああああああああああああああああああああ

<div class="fl-r">
  <img src="画像のURL" alt="画像のタイトル" />
</div>
ああああああああああああああ

画像左寄せ[float]

ああああああああああああああああああああああああああああああああああああああああああああああああああ

<div class="fl-l">
  <img src="画像のURL" alt="画像のタイトル" />
</div>
ああああああああああああああ

<img class="fl-c" src="画像のURL" alt="画像のタイトル" />

float解除↓

<div class="clear"></div>

下線↓

<hr />

セミナーページの取得

      <?php
        query_posts(
          array(
            'post_type' =>'post', //投稿タイプの指定 > post=投稿
            'orderby'=> 'meta_value', //並び替え順序 > meta_valueの順に
            'meta_key'=>'seminar-date', //どの項目で並び替えるか > 開催日
            'order'=> 'ASC', //並び順ASC(昇順) / DESC(降順)
            'category_name'=> 'workshop', //取得する投稿のカテゴリー名
            'showposts'=>'5', //取得件数
            'meta_compare'=> '>=', //今日以降の記事のみ取得
            'meta_value'=> date("Y-m-d"), //Y-m-dの日付形式で取得（あまり気にせず）
            'meta_type' => 'DATE', //このデータは日付型であるという指示
          )
        );
      ?>

日本語にすると
「投稿」の「workshop」カテゴリから「開催日」が「今日以降」のものを「5件」取得。
「開催日」を「Y-m-d形式の日付」で取得し「昇順」に並び替える。
参考リンク：https://ja.forums.wordpress.org/topic/22997

アコーディオンの実装

何か書く！！！！

隠れたり表示したり！！

実装

<dl id="acMenu">
  <p>何か書く！！！！</p>
  <dt></dt>
  <dd>
  <p>隠れたり表示したり！！</p>
  </dd>
</dl>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js?ver=1.8.3"></script>
<script>
$(function(){
  $("#acMenu dt").click(function(){
      $(this).next("dd").slideToggle();
      $(this).next("dd").siblings("dd").slideUp();
      $(this).toggleClass("open");
      $(this).siblings("dt").removeClass("open");
  });
});
</script>

BOX settings