2

我有响应式模板，效果很好。

我想将其转换为主题 wordpress。

在模板里面有画廊包含图像和描述和标题链接。

  • 由于画廊在模板中构建并且一切（响应式）都运行良好。
  • 我想将画廊嵌入/转换为主题作为帖子，添加链接
  • 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
  • 在内容帖子中，我添加了来自媒体的图像
  • 在图像下，我添加了描述图像“Praesent vestibulum aenean nonummy hendrerit mauris。”。
  • 在我写的 Excper 中：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 回答