在我的 wordpress 帖子中,我包含了使用 wordpress 功能的标签
<?php the_tags( $before, $sep, $after ); ?>
Run Code Online (Sandbox Code Playgroud)
我的实际 CSS :
.postclass{
margin:10px 0px 10px 0px;
}
.posttag{
font-size:10px;
float:left;
color:#212121;
margin-right:15px;
padding:5px;
border-radius:2px;
background:black;
}
Run Code Online (Sandbox Code Playgroud)
在我的模板中:
<div class="postclass">
<?php the_tags( '<p class="posttag">', ',', '</p>' ); ?>
</div>
Run Code Online (Sandbox Code Playgroud)
这为我提供了相同黑色背景中的所有标签。如何获取每个带有黑色背景的标签文本,每个文本都用逗号分隔?
我想使用jquery切换类如果指定条件的Else语句.
我的Html默认为css class="horizontal"
<div id="foo-bar" class="my-item horizontal">
</div>
Run Code Online (Sandbox Code Playgroud)
现在我如何在我的css类之间移动horizontal并vertical使用jquery var=mayvar作为条件.
myvar may be layout1 or layout2.
Run Code Online (Sandbox Code Playgroud)
for myvar=layout1 class="horizontal"
for formyvar="layout2 class="vertical"
以及如果有更多不同的css类有两个以上的条件,如何编写jquery?
在我的 wordpress 主题页面标题中<?php the_title(); ?>。
我的CSS:
#page h1.pagetitle {
width:auto;
text-align:left;
font-size:30px;
padding:25px 40px 25px 0px;
text-transform:uppercase;
}
#page h1.pagetitle span{
background:#202020;
padding:5px 40px 5px 10px;
}
Run Code Online (Sandbox Code Playgroud)
网址:
<h1 class="pagetitle"><span><?php the_title(); ?></span></h1>
Run Code Online (Sandbox Code Playgroud)
我想要像这个示例的箭头丝带背景图像http://www.123rf.com/photo_12816420_green-arrow-ribbon-on-wooden-desk.html
我可以直接放置背景图像或使用带有重复 x 的背景图像。但我的页面标题文本跨度宽度始终不固定。每个页面都有不同的页面标题。
所以我想使用两个图像部分:一个在文本后面使用repeat-x 的矩形和:第二个在文本字符串末尾后带有箭头(三角形)。
这样我就可以获得任何页面标题文本的箭头图像。建议我如何得到这个?
在我的 wordpress metabox 中,我正在创建拖放和可排序的 metabox 字段。
加载在 admin 中加载的 jquery UI(完整稳定版本)。
function load_custom_wp_js() {
wp_register_script( 'jQuery_Ui', get_template_directory_uri() . '/js/jquery-ui.js');
wp_enqueue_style( 'jQuery_Ui' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_js' );
Run Code Online (Sandbox Code Playgroud)
相对 CSS:
ul#content-box{
position:relative;width:100%;height:auto;padding:20px 0px;background:#C7C7C7;
}
ul#content-box li.field{
float:left;width:20%;height:50px;border:2px solid #787878;border-radius:2px;margin:3px 19px;background:#909090
}
Run Code Online (Sandbox Code Playgroud)
查询:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery( "ul#contnet-box" ).sortable({
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
以上 Sortable 对我来说工作正常,但对于以下可拖动功能
jQuery( init );
function init() {
$('ul#content-box').draggable();
}
Run Code Online (Sandbox Code Playgroud)
抛出错误 TypeError: jQuery(...).draggable is not a function。droppable 也是同样的错误。sortable 工作正常,但可拖动和可放置的问题。任何人都可以帮助我解决实际问题。wordpress 管理中是否有任何冲突?
我有基本CCS的wordpress主题,现在我想让这个设计响应下面提到的大多数使用的设备布局.我想要在横向和纵向模式下定位所有苹果设备: -
blackberry(320x240),
iphone3 (320x480),
iphone4 (640x960),
iphone5 (640x1136),
ipad (1024x768),
large desktop screen above 1280.
Run Code Online (Sandbox Code Playgroud)
如何使用CSS3媒体查询编写CSS样式表来定位响应设备?