ripro主题文章页添加FAQ wordpress美化教程

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

2、找到ripro/assets/css/diy.css文件并在内添加内容。

#help h2,#down h2{ font-size:18px; line-height:54px; color:#323232; border-bottom:2px solid #4f8af1; width:150px; font-weight:normal;}
#help dt{cursor:pointer; color:#353535; font-size:18px;margin-bottom:20px; }
#help dd{ display:none;color:#767676; font-size:14px; padding:10px; border-radius:5px; background:#f0f0f0; margin-bottom:20px;margin-bottom:20px; line-height:25px; letter-spacing:1px;}
#help dt,#help dd{ margin-left:40px; position:relative;}
#help dt i,#help dd i{background:url(https://img.srcdict.com/ico.png) no-repeat; width:30px; height:30px; display:block; position:absolute; left:-40px; top:0px;}
#help dd i{background-position: 0 -35px;}

3、找到ripro/parts/author-box.php文件内第一个<?php **************?>后,<div class=”article-footer”>前 添加内容。

<div id="help" class="m main">
  <h2 class="mt mt20">常见问题FAQ</h2>
  <div class="mb">
    <dl>
      <dt><i></i>免费下载或者VIP会员专享资源能否直接商用？
</dt>
      <dd style="display: block;"><i></i>本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。</dd>
    </dl>
    <dl>
      <dt><i></i>提示下载完但解压或打开不了？</dt>
      <dd style="display: none;"><i></i>最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用百度网盘软件或迅雷下载。
若排除这种情况，可在对应资源底部留言，或 联络我们.。</dd>
    </dl>
    <dl>
      <dt><i></i>找不到素材资源介绍文章里的示例图片？</dt>
      <dd style="display: none;"><i></i>对于PPT，KEY，Mockups，APP，网页模版等类型的素材，文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买，且本站不负责(也没有办法)找到出处。
同样地一些字体文件也是这种情况，但部分素材会在素材包内有一份字体下载链接清单。</dd>
    </dl>
   
  </div>
</div>