如何将小工具放置在div/文本旁边,使它们显示为连续的线

时间:2015-05-26 作者:Justin Munce

一个示例可能会提供最佳的基础上下文。我想实现:

Headlinewidget(链接的文本/图像)。。。链接的文本

难点:将这些内容显示为一行,从小部件直接运行到文本,然后换行,而不重新格式化两个元素之间的空间,理想情况下:

大字标题

小部件小部件链接文本链接文本链接文本链接

文本链接文本

我当前的php是:

<?php dynamic_sidebar(\'under-headline-widget\'); ?>
<p class="post-info"> Written by <a href... </a> ... ?>
我的HTML是:

    <div class="center-column">
    <h2>Headline</h2>
    <div class="widget-item" id="text-4">           
    <div class="textwidget">some text here
    </div>
    </div>        <p class="post-info">
    Written by ...

    ... next div
谢谢,社区

1 个回复
SO网友:Justin Munce

我最终(以一种有限的方式)通过使用文本解决了这个问题,我在单击时使用javascript将文本链接到我想要的函数。这可能对其他仍在努力实现我最初意图的人不起作用,但也许这也会解决你的问题

结束

相关推荐

customize footer widgets area

我有一个自定义的页脚小部件区域,它在一行中水平显示最多4个小部件。如果我添加了4个以上的小部件,那么布局就会中断,因为我试图在同一行中显示它。我想让它更灵活,例如有2行(div),我可以在第一行中添加let’s 2 widget,在第二行中添加4个widget。可能我需要的是复制这一个,并制作两个页脚区域。这可能吗?如果可能,我如何实现?下面是我的小部件的实际代码。php: /* Footer Widgets */ $footer_widgets_num = wp_get_sidebars_