jquery [ Mosaic ] を動かせません。
-
jquery[Mosaic]を導入したいのですが、うまくいきません。
何卒、お力をお貸しください。当方、非常にシンプルなオリジナルテーマなら何とか作れる程度の者です。
CSSの知識も中途半端、PHPの知識はほぼ皆無です。テーマ「Twenty Twelve」にプラグイン「jetpack」を入れてカスタムを進めております。
固定ページに各カテゴリごとの投稿記事一覧をサムネイル付きで表示したかったので、こちらのフォーラムで拾ってきたコードを流用して以下の様に各固定ページ内ににテキスト入力しております。
—————————————————————————–<?php global $post; $tmp_post = $post; $category_ids = array( '5' ); //カテゴリーIDを指定 $numberposts = ''; //一覧表示したい記事数を数字で指定 foreach ( $category_ids as $category_id ) { ?> <ul class="cat_list"> <?php $postslist = get_posts( "category=$category_id&numberposts=$numberposts&order=DESC&orderby=date" ); foreach ( $postslist as $post ) { ?> <li> <a href=<?php echo get_permalink( $post->ID ); ?>> <?php the_post_thumbnail('thumbnail'); ?> <br /> <span class="house_name"><?php echo $post->post_title; ?></span> </a> </li> <?php } ?> </ul> <?php } $post = $tmp_post; ?>
—————————————————————————–
また、jetpackの「CSS編集」機能を使い、CSSを以下の様に上書きしております。
—————————————————————————–ul.cat_list { list-style-type: none; } ul.cat_list li { float: left; list-style-type: none; margin: -20px 10px 15px 0; } ul.cat_list li img { box-shadow: none; } span.house_name { font-size: 13px; }
—————————————————————————–
現状ですと、正方形のサムネイルの下に、各投稿のタイトルが表示されているのですが、この投稿タイトルをjquery[Mosaic]を使い、スライドアニメーション付のキャプションとして表示させたいのですが、これは可能でしょうか?
色々と試したのですが、動きません。
そもそもjqueryのアップロード先や、読み込ませ方もよく理解できていない状態です。
Mosaicでなくとも同じような表示ができればOKなのですが…良い方法をご存知の方、何卒ご教授ください。
回答に必要な情報も足りないかと思いますが、都度質問して頂けましたら幸いです。
よろしくお願い致します。
- トピック「jquery [ Mosaic ] を動かせません。」には新たに返信することはできません。