小编gal*_*exy的帖子

如何自定义wordpress功能:标签?

在我的 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)

这为我提供了相同黑色背景中的所有标签。如何获取每个带有黑色背景的标签文本,每个文本都用逗号分隔?

css php tags wordpress post

3
推荐指数
1
解决办法
4056
查看次数

如何使用jquery切换类if else语句?

我想使用jquery切换类如果指定条件的Else语句.

我的Html默认为css class="horizontal"

<div id="foo-bar"  class="my-item horizontal"> 
</div>
Run Code Online (Sandbox Code Playgroud)

现在我如何在我的css类之间移动horizontalvertical使用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?

css jquery if-statement

2
推荐指数
1
解决办法
1万
查看次数

H1 标题的背景图像

在我的 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 的矩形和:第二个在文本字符串末尾后带有箭头(三角形)。

这样我就可以获得任何页面标题文本的箭头图像。建议我如何得到这个?

html css background-image

2
推荐指数
1
解决办法
3万
查看次数

Draggable 和 droppable 在 wordpress 管理中不起作用

在我的 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 管理中是否有任何冲突?

wordpress jquery jquery-ui

2
推荐指数
1
解决办法
2689
查看次数

CSS3媒体查询以特定设备为目标

我有基本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样式表来定位响应设备?

wordpress css3 media-queries responsive-design

1
推荐指数
1
解决办法
6780
查看次数