• 正文概述
  • 售后服务
  • RiPro主题文章页添加FAQ 文章标题美化,添加常见问题FAQ

    效果演示:请查看本站效果即可:

    文章标题美化教程:

    1. ripro -> parts -> single-header.php 文件,整体替换为如下代码

    <div class="aug_entry_header">
        <div class="single-avatar"><?php echo get_avatar( get_the_author_meta( 'email' ), '50', null, get_the_author_meta( 'display_name' ) ); ?></div>
        <div class="single-tgroup">
    	<?php edit_post_link('[编辑]'); ?>
    		<?php if ( ! is_page() ) {
    			aug_entry_header( array( 'tag' => 'h1') );
    		} else {
    		    aug_entry_header( array( 'tag' => 'h1', 'link' => false ) );
    		}
    		get_template_part( 'parts/entry-subheading' );?>
    		<header class="entry-header">
    		 	<span class="single-name">作者 :
                    <a <?php echo _target_blank(); ?> href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' )) ); ?>"><?php the_author(); ?></a>
                    <span class="single-time"> 发布时间:<i class="fa fa-clock-o"></i> <?php echo the_time('Y-m-j'); ?></span>
                    <span class="single-views"><i class="fa fa-eye"></i> <?php echo _get_post_views();?> 人阅读 </span>
      		</span>
      		<?php get_template_part( 'parts/entry-tags' );?>
      	</div>
    </div>

    2. ripro -> assets -> css-> diy.css 添加如下样式

    /***文章标题美化***/
    .sjblog-avatar {width: 50px;float: left;}
    .sjblog-avatar img {float: left;border-radius: 50%;margin-right: 20px;}
    .sjblog-tgroup{padding-left: 66px;padding-bottom: 20px;border-bottom: 1px solid #f5f5f5;margin-bottom: 20px;}
    .sjblog-tgroup .entry-header{ margin-bottom: 0 !important;}
    .article-content .entry-header .entry-title{padding-bottom:0;margin-bottom: 0 !important;border-bottom: none;}
    .sjblog-name {padding-top:5px;display: block;font-size: 13px;color: #cdcdcd;}
    .sjblog-name a{color: #cdcdcd;}
    .sjblog-name a:hover{color: #2756fc;}
    .sjblog-time {margin-left: 20px;}

    添加“常见问题FAQ”教程:

     

    1. ripro ->inc -> codestar-framework -> options -> options.theme.php 搜索“share_poster_img_qrcode”,在第一个“),”后添加如下代码

    多啦咪【免费获取↓↓】此处内容已经被作者隐藏,请输入验证码查看内容
    验证码:
    微信扫描右侧二维码,回复“资源码”,获取。在微信里搜索“多啦咪”或者“duolamiwx”公众号

    2. ripro -> parts ->author-box.php,在“<div class=”article-footer”>”前添加如下代码

    <?php if (_cao('is_show_faq')) : ?>
    <div id="help" class="m main">
      <h2 class="mt mt20">常见问题FAQ</h2>
      <div class="mb">
        <?php $show_faq = _cao('faq_help_field');if (!empty($show_faq)) {
          foreach ($show_faq as $key => $text) {
            echo '<dl><dt><i></i>'.$text['_matter'].'</dt>';
            echo '<dd style="display: none;"><i></i>'.$text['_answer'].'</dd></dl>';
          }
        } ?>
      </div>
    </div>
    <?php endif; ?>

    3. ropro -> footer.php,在“<?php if (_cao(‘web_js’)) : ?>” 前添加如下代码

    <script>
    	var ndt = $("#help dt");
    	var ndd = $("#help dd");
    	ndd.eq(0).show();
    	ndt.click(function () {
    		ndd.hide();
    		$(this).next().show();
    	});
    </script>

    4. ripro -> assets -> css-> diy.css 添加如下样式

    多啦咪【免费获取↓↓】此处内容已经被作者隐藏,请输入验证码查看内容
    验证码:
    微信扫描右侧二维码,回复“资源码”,获取。在微信里搜索“多啦咪”或者“duolamiwx”公众号

    5. 附上所需图标,请自行下载,放入 ripro -> assets -> images -> background 目录下

    http://inews.gtimg.com/newsapp_ls/0/12435354047/0
    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!79581008@qq.com
    2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!(除原创作品外)
    3. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    4. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
    5. 站点所有资源仅供学习交流使用,切勿用于商业或者非法用途,与本站无关,一切后果请用户自负!
    多啦咪资源网 » WordPress教程:RiPro主题文章页添加FAQ RiPro 主题美化教程操作方法

    常见问题FAQ

    本站声明!
    (1)、因源码的可复制性及原创源码维护不易,一旦下单,概不接受退款。 源码你买去做啥希望你自己清楚且了解,需要准备什么请在下单前联系我问清楚! (2)、(视频类)源码适用于原创视频分享等,(视频类)源码为视频系统框架,不涉及任何音频影像播放内容,购买前请遵守相关法律法规 一旦下单购买即认为你已了解相关法律法规,买家所经营的任何内容均与本站无关,请仔细阅读并对该内容清晰且了解后再下单! (3)、再次警告,(视频类)源码仅为开发学习交流使用,请勿用做其他违法用途! 请在法律允许的范围内使用源码程序。上传数据均是个人行为,与本站无关。请仔细、认真的看完下面的介绍再来咨询!
    售后服务技术支持申明!
    (注:非本站购买的资源,如淘宝倒卖,其他个人渠道倒卖不提供任何服务及技术支持!)本站购买的如需要提供技术支持前,请发送订单号及会员uid 核对信息后会一一解答!【本站唯一服务:qq79581008,加前请说明问题重点,否则无视!】
    关于支付下载问题?
    支付成功后请及时下载,如支付未跳转,或没反应,请刷新下浏览器或者清理缓存,要不换个浏览器,建议使用360安全浏览器,或者uc、qq都行
    会员开通及支付说明!
    由于浏览器兼容问题,建议先充值到余额后,再开通会员选择余额支付哦!如支付成功后开通失败请及时联系管理员!
    免费下载或者VIP会员专享资源能否直接商用?
    1.本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。(除原创作品外)若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。