0

私はWPを初めて使用するので、まだ自分の道を見つけています

サムネイルの簡単なリストを作成したい。htmlで私はこれをそのようにしました

    <section class="imgSection">
      <ul>
        <li><a href="images/personal01.jpg"><img src="images/personal01.jpg" /></a></li>
        <li><a href="images/personal03.jpg"><img src="images/personal03.jpg" /></a></li>
        <li><a href="images/personal04.jpg"><img src="images/personal04.jpg" /></a></li>
        <li><a href="images/personal05.jpg"><img src="images/personal05.jpg" /></a></li>

      </ul>
    </section>

WP では、アップロード/挿入を使用してサムネイルをページに追加し、[メディアの追加] ウィンドウからサムネイルを選択しました。

このphpを使用してコンテンツをページに追加しました

    <?php if(have_posts()) : while(have_posts()) : the_post(); ?>

    <section class="imgSection">

        <?php the_content(); ?>

    </section>  

    <?php endwhile; ?>
    <?php endif; ?>

これは、次のようなコードを出力します。各「a」タグは「p」タグでラップされます

    <section class="imgSection">
       <p><a href="http://localhost/wordpress/wp-content/uploads/2012/11/personal14.jpg"><img class="alignnone size-thumbnail wp-image-32" title="personal14" src="http://localhost/wordpress/wp-content/uploads/2012/11/personal14-221x150.jpg" alt="" width="221" height="150" /></a></p>
       <p><a href="http://localhost/wordpress/wp-content/uploads/2012/11/personal13.jpg"><img class="alignnone size-thumbnail wp-image-31" title="personal13" src="http://localhost/wordpress/wp-content/uploads/2012/11/personal13-199x150.jpg" alt="" width="199" height="150" /></a></p>
       <p><a href="http://localhost/wordpress/wp-content/uploads/2012/11/personal12.jpg"><img class="alignnone size-thumbnail wp-image-30" title="personal12" src="http://localhost/wordpress/wp-content/uploads/2012/11/personal12-199x150.jpg" alt="" width="199" height="150" /></a></p>
    </section>

各「a」タグ幅を「p」タグの代わりに「li」で囲むことは可能ですか?元の HTML コードのようになります。

4

1 に答える 1

0

私はこれがあなたが探しているものだと信じています。

【ギャラリー】

各アイテムをラップするタグなど、設定できるオプションは多数あります。画像を投稿またはページに挿入する必要はありません。その投稿またはページのギャラリーに画像をアップロードし、ショートコードを使用するだけです。 . テンプレート ファイルにショートコードを配置する場合は、次のように参照する必要があります<?php echo do_shortcode('[gallery]'); ?>。この方法でオプションをショートコードに配置することもできます。

于 2012-11-16T01:32:10.560 に答える