Question

这是原始的PHP代码：

     function lovethemes_pricing_shortcode($atts)
     {extract(shortcode_atts(array(
       "heading"     => '',
       "price"       => '',
       "link"        => '',
       "name"        => '',
     ), $atts ) );
     return '<div class="pricing animated bounceIn">
       <section class="head">'.heading.'
       <section class="content">
         <ul><li class="price">'.$price.'</li>
             <li><a href="'.$link.'" class="button">'.$name.'</a></li>
         </ul></section> </div>';}
     add_shortcode('pricing', 'lovethemes_pricing_shortcode');

这是我在后面的页面上写的内容：

     [pricing heading="7 februari 2015"
              price="Strak bekleden van een taart" 
              link="/agenda/workshops/strak-bekleden-van-een-fondant-taart"
              name="Info"]

导致此：

http://www.alexandra-van-zandbergen.be/wp-content/uploads/2015/08/Schermafbeelding-2015-08-08-om-13.23.38.png

我想拥有的是：

http://www.alexandra-van-zandbergen.be/wp-content/uploads/2015/08/Schermafbeelding-2015-08-08-om-13.22.47.png

我可以阅读和编写html和css但没有php ...任何人都可以帮我这个吗？我试图添加几个代码，但没有任何工作。

我必须能够在后端更改图像，我希望能够从Wordpress图像库中选择一个图像。

提前致谢！珊

Answer 1

我也不熟悉它，并且需要尝试看看它是否有效，所以如果没有，请不要开枪。但是，此功能使用shortcode API。

代码告诉你创建一个[定价]短代码，目前有4个属性。所以，如果其他所有工作都有效，那么你很可能只需添加另一个。

我不明白 - 而且我没有花时间查找 - 这就是为什么代码中的所有变量都以$开头，而不是标题。我会忽略它，因为它似乎不是问题所在。

注意：最好添加：

图像大小为HTML以提高性能。我假设你已经使用相同大小的图像。如果您想要设置图像大小，你也可以为它创建属性。
SEO的替代文字。下面我使用价格属性。

虽然我在这里，但我建议您添加图片和标题的链接。人们有时点击它而不是信息按钮。这将使其更加用户友好。

那么，它看起来像这样：

function lovethemes_pricing_shortcode($atts) {
    extract(shortcode_atts(array(
        "heading"   => '',
        "price"     => '',
        "link"      => '',
        "name"      => '',
        "img"       => '',
    ), $atts ) );
    return '<div class="pricing animated bounceIn">
        <section class="head">'.heading.'
        <section class="content">
            <ul><li class="price"><a href="'.$link.'">'.$price.'</a></li>
                <li><a href="'.$link.'"><img src="'.$img.'" alt="'.$price.'" width="247" height="186" /></a></li>
                <li><a href="'.$link.'" class="button">'.$name.'</a></li>
            </ul></section></div>';
}
add_shortcode('pricing', 'lovethemes_pricing_shortcode');

你的短代码将是：

[pricing heading="7 februari 2015"
    price="Strak bekleden van een taart" 
    link="/agenda/workshops/strak-bekleden-van-een-fondant-taart"
    img="/your/image/url.jpg"
    name="Info"]

为了使其更加用户友好，您还可以将属性重命名为与内容相对应的内容，f.ex。标题＆gt;日期

我希望这有帮助！

用什么php从Wordpress库

1 个答案: