2

うまく機能するレスポンシブテンプレートがあります。

それをワードプレスのテーマに変換したい。

テンプレート内には、画像、説明、タイトル リンクを含むギャラリーがあります。

  • テンプレートにギャラリーが組み込まれているため、すべて（レスポンシブ）がうまく機能します。
  • ギャラリーを投稿としてテーマに埋め込み/変換し、リンクを追加したい
  • Gallery.js を開き、テンプレートにあるようにタグ html を生成します。

テンプレートのソース コード:

<!--orginal---------->
                <div class="main">
                    <div id="carousel" class="es-carousel-wrapper">
                        <div class="es-carousel">
                            <ul>
                                <li>
                                    <div class="box-1">
                                        <img src="images/page1-img1.jpg" alt="" /> <a href="#">bora-bora</a>
 <span>from $458</span> 
                                        <p>Praesent vestibulum aenean
                                            <br>nonummy hendrerit mauris.</p>
                                    </div>
                                </li>
                            </ul>   
                        </div>      
                    </div>
                </div>

のみを生成する必要があります:

<img src="images/page1-img1.jpg" alt="" /> <a href="#">bora-bora</a>
 <span>from $458</span> 
                                        <p>Praesent vestibulum aenean
                                            <br>nonummy hendrerit mauris.</p>

ここに画像の説明を入力

新しい投稿を作成します。

  • 私が書くタイトルで：BORA-BORA
  • コンテンツ投稿で、メディアから画像を追加します
  • 画像の下に、説明画像「Present vestibulum aenean nonummy hendrerit mauris.」を追加します。
  • 私が書いた抜粋で：458ドルから

この後、以下に示すように、html タグ ギャラリーを生成するコードを追加します。

    <div class="main">
        <div id="carousel" class="es-carousel-wrapper">
            <div class="es-carousel"><ul>

                    <?php $hot_deals = new WP_Query('showposts=2&category_name=hot_deals'); ?>
<?php if($hot_deals->have_posts()) : ?>
<?php while($hot_deals->have_posts()) : $hot_deals->the_post(); ?>
        <li>
            <div class="box-1">
                    <?php the_content(); ?><a href="#"><?php the_title(); ?></a>
                    <span><?php the_excerpt(); ?></span>
            </div>          
        </li>

<?php endwhile; ?>
<?php endif; ?>         
            </ul></div> 
        </div>  
    </div>

結果は近いですが、必要なため機能していません:

  1. から抽出<img />し<p><a><img /></p></a>ます。

  2. <p>から取り出し<span><p>FROM $458</p></span>ます。

ありがとうございましたどうすればいいですか？

<div class="main">
    <div id="carousel" class="es-carousel-wrapper">
        <div class="es-carousel"><ul>
            <li>
                <div class="box-1">
                    <p><a href="http://127.0.0.1/www/www1/wordpress/wordpressEng/wp-content/uploads/2012/09/page1-img2.jpg">
                       <img class="alignnone size-full wp-image-82" title="page1-img2" src="http://127.0.0.1/www/www1/wordpress/wordpressEng/wp-content/uploads/2012/09/page1-img2.jpg" alt="" width="219" height="124" />
                       </a>
                    </p>
                    <p>Praesent vestibulum aenean<br />
                    nonummy hendrerit mauris.</p>
                    <a href="#">bora-bora</a>
                    <span><p>FROM $458</p></span>
                </div>          
            </li>
        </div>      
    </div>
</div>
4

1 に答える 1

0

表示しているだけなので、抽出していませんthe_content()。テーマを変更せずにこれを行う唯一の方法は、投稿コンテンツを編集している HTML タブに移動して<a></a>タグを削除することです。

ただし、テーマを編集できる/編集したい場合は、画像アップロード フィールドを含むカスタム メタ ボックスを追加し、コンテンツではなくそこに画像をアップロードできます。そうすれば、それを完全に制御できます。

于 2012-09-30T08:29:10.417 に答える