Widget：用户输入px值，在Widget函数中作为内联样式使用

时间：2015-11-22 作者：Beans

我正在尝试动态地将边距底部属性添加到我的小部件中。例如，我正在从我的小部件输入值“50px”，并希望使用该值来调整小部件的边距底部属性。主要目的是在我的小部件之间动态添加空间。

这就是我到目前为止所做的。它给我带来了一个白色的死亡屏幕。我认为问题出在利润率底部：$可变。

是否允许在小部件功能中添加内联css？如何在div标签中获得$space valye？

    function widget( $args, $instance ) {
        $space= "200px";
        echo "<html>";
        echo "<body>";
        echo "<div style=margin-bottom: <?echo $space; ?>>";
        if (!empty($photos)):
             //Loop through each attachment..

             foreach ($photos as $photo_id => $photo) : 

                 $url = wp_get_attachment_url($photo_id);
                 $position = strpos($content, $url);

                 if($position){
                    echo wp_get_attachment_image($photo_id, \'thumbnail\') ;
                 }
             endforeach;
         endif; 
         echo "</div>";
         echo "</body>";
         echo "</html>";

1 个回复
SO网友:Beans

谷歌搜索了更多内容，发现关闭php标签并编写html，因为与在其中编写html相比，这是一种更好的做法。对上面共享的代码进行了以下更改：

    $space=200px;
    ?>
      <div style="margin-bottom:<?php echo $space; ?>" >
    <?php
      //rest of the code
    ?>
      </div>
    <?php
      //rest of the code
小部件之间的空间已添加！

标签： php   plugin-development   widgets   css   小码农  

相关推荐

如何将.css文件应用于虚拟页面？

如果使用以下插件在保持主题完整的情况下创建虚拟页面wp-virtual-page-tutorial, 怎么可能。css文件是否应用于此虚拟页面？如何使用将虚拟页名称用作条件的if语句来实现这一点？任何帮助都将不胜感激。以下是创建虚拟页面的代码：Class VPTutorial { function __construct() { register_activation_hook( __FILE__, array( $this, \'activate\' ) );&#