WordPress转动通告怎么做

阿奇源码默认解压密码为"www.aqiyuanma.com",2021年9月11日前的源码默认解压密码为"www.hnymwl.com"
阿奇官方VIP技术群:483386718,阿奇源码技术交流群:938992858!速奇云-香港云服务器38元/月

wordpress怎么安装手机主题

第一步,安装MobilePress插件。||第二步,配置MobilePress Options选项。||第三步,配置MobilePress Themes选项。||第四步,配置Moblie Ads选项。||第五步,准备手机主题的二次开发。

1、添加通告文章类型

首先,注册一个通告的文章类型,包罗通告的新建,添加,编辑与删除。在functions.php的同级目录下新建一个 gonggao.php ,代码如下:

<?php
function post_type_bulletin() {
 register_post_type(
 'bulletin',
 array( 'public' => true,
        'publicly_queryable' => true,
        'hierarchical' => false,
        'labels'=>array(
        'name' => _x('通告', 'post type general name'),
        'singular_name' => _x('通告', 'post type singular name'),
        'add_new' => _x('添加新通告', '通告'),
        'add_new_item' => __('添加新通告'),
        'edit_item' => __('编辑通告'),
        'new_item' => __('新的通告'),
        'view_item' => __('预览通告'),
        'search_items' => __('搜索通告'),
        'not_found' =>  __('您还没有公布通告'),
        'not_found_in_trash' => __('接纳站中没有通告'),
        'parent_item_colon' => ''
        ),
        'show_ui' => true,
        'menu_position'=>5,
        'supports' => array(
        'title',
        'author',
        'excerpt',
        'thumbnail',
        'trackbacks',
        'editor',
        'comments',
        'custom-fields',
        'revisions' ) ,
        'show_in_nav_menus' => true ,
        'menu_icon' => 'dashicons-megaphone',
        'taxonomies' => array(
        'menutype',
        'post_tag')
 )
 );}add_action('init', 'post_type_bulletin');
 function create_genre_taxonomy() {
 $labels = array(
 'name' => _x( '通告分类', 'taxonomy general name' ),
 'singular_name' => _x( 'genre', 'taxonomy singular name' ),
 'search_items' =>  __( '搜索分类' ),
 'all_items' => __( '所有门类' ),
 'parent_item' => __( '父级分类目录' ),
 'parent_item_colon' => __( '父级分类目录:' ),
 'edit_item' => __( '编辑通告分类' ),
 'update_item' => __( '更新' ),
 'add_new_item' => __( '添加新通告分类' ),
 'new_item_name' => __( 'New Genre Name' ),
 );
 register_taxonomy('genre',array('bulletin'), array(
 'hierarchical' => true,
 'labels' => $labels,
 'show_ui' => true,
 'query_var' => true,
 'rewrite' => array( 'slug' => 'genre' ),
 ));}add_action( 'init', 'create_genre_taxonomy', 0 );

在functions.php中引用该通告的gonggao.php文件,在functions.php的底部加上如下代码:

include ("gonggao.php");

之后,再登录到wordpress网站的后台,就可以看到在文章的下面多了一个通告标签。
上述代码中的

'menu_icon' => 'dashicons-megaphone',

就是我们设定的 Dashicons 图标,效果如下图。若是去掉这行的话,图标默认和文章的图标一样。

2. 添加通告样式

WordPress怎么优化

WordPress优化经验和技巧:优化WordPress,首先下载和安装WPJAM Basic插件。然后选择好的服务器和托管商,对WordPress程序进行优化,并且使用Memcached做好缓存。

将下面的通告内容代码放在 index.php 自己想要显示的位置:

<div id="site-gonggao"><div class="site-gonggao-div"><i class="fa fa-volume-up"></i> </div>
 <div id="site-gonggao-div2" class="sitediv">
    <ul class="list" id="siteul">
    <?php $loop = new WP_Query( array( 'post_type' => 'bulletin', 'posts_per_page' => 3 ) );
          while ( $loop->have_posts() ) : $loop->the_post();
     ?>
      <li><?php mb_strimwidth(the_content(), 0, 70, '…'); ?></li>
      <?php endwhile; wp_reset_query(); ?>
      </ul>
 </div></div>

其中 3 代表有 3 条通告, 70 则示意每个通告显示 70 个字符。这个可以凭证你自己的情形设置。

3. 添加 css 代码

将下面代码复制到 main.css 文件当中即可:

div#site-gonggao {
    line-height: 25px;
    height: 30px;
    background-color: #FFF;
    padding-left: 10px;
    color: #666;
    -webkit-box-shadow: 0 5px 5px #D3D3D3;
    box-shadow: 0 5px 5px #D3D3D3;}
 #site-gonggao .list {
    padding-left: 5px;}
 .site-gonggao-div {
    float: left;}
 .fa-volume-up:before {
    content: "\f028";
    color: #428bca;}
 #site-gonggao a {
    color: #1663B7;}
 #site-gonggao a:hover {
    color: #09F;}
 #site-gonggao-div2 {
    overflow: hidden;
    height: 30px;}
 #site-gonggao-div2 .list li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;}
 #site-gonggao-div2 .list li p {
    display: inline;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

4. 添加转动通告 js 代码

添加通告的转动代码,需要 jQuery 库,固然 DUX 主题是已经加载了的,直接将下面代码复制到 header.php 中即可

function autoScroll(obj){  var aa=document.getElementById("siteul").getElementsByTagName("li").length;if(aa!==1){
    jQuery(obj).find(".list").animate({  
          marginTop : "-30px"  
      },500,function(){  
      jQuery(this).css({marginTop : "0px"}).find("li:first").appendTo(this);  
      })  
      };
      }
   $(function(){   
       setInterval('autoScroll(".sitediv")',4000)  
     })  ;

其中,第 4 行的 “.list” 是挪用代码中,ul 标签的 class 样式;第 12 行的 “.sitediv” 是包裹 ul 的 div 标签的 class 样式。

更多wordpress相关手艺文章,请接见wordpress教程栏目举行学习!

怎么去除wordpress底部链接

去除wordpress底部链接的方法:首先在wordpress后台点击-外观-编辑;然后找到底部模板footer.php文件,并用注释符号隐藏代码,或者直接删除掉即可。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

注:在使用本系统时,使用方必须在国家相关法律法规范围内并经过国家相关部门的授权许可,禁止用于一切非法行为。使用用途仅限于测试、实验、研究为目的,禁止用于一切商业运营,本团队不承担使用者在使用过程中的任何违法行为负责。

阿奇源码 WordPress教程 WordPress转动通告怎么做 https://www.aqiyuanma.com/109967.html

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务

  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    文章总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

你的前景,远超我们想象
WordPress转动通告怎么做-海报

分享本文封面