知更鸟 Begin 自定义子主题修正缩略图

2015年10月8日原创教程 建站历程59,1008

知更鸟 Begin 自定义子主题修正缩略图文章源自狐狸影视城-https://fox-studio.net/28960.html

子主题简介

使用wordpress主题，很多用户对当前使用的主题会有自定义的地方。在原主题修改，当每次父主题更新时都需要重新去修改，而子主题的目的就是即保留了自定义的地方，又不妨碍父主题的更新。当然只是相对的，尤其是对于鸟哥的付费的Begin主题，相对来说还是稍微麻烦一点。文章源自狐狸影视城-https://fox-studio.net/28960.html

通常主题更新是不会大改文件目录结构的，只是鸟哥的主题是付费，为了防止被某些人破解盗卖，所以鸟哥每次大更新都会修改主题的目录结构，这会导致子主题也需要进行匹配。但若是你比较了解子主题的修改，那么相对于每次更新父主题去修改还是方便很多。文章源自狐狸影视城-https://fox-studio.net/28960.html

以上是我使用子主题的目的所在，因为我对主题的自定义修改地方还是比较多的。关于更多子主题的介绍可以去百度。文章源自狐狸影视城-https://fox-studio.net/28960.html

 文章源自狐狸影视城-https://fox-studio.net/28960.html

注：以下内容仅对于使用知更鸟的Begin（1.7.1版）主题有效，其他主题使用的朋友请勿留言咨询，因为我也很业余，其他问题回答不了。文章源自狐狸影视城-https://fox-studio.net/28960.html

 文章源自狐狸影视城-https://fox-studio.net/28960.html

鸟哥前两天做了一个Begin主题的简洁版begin-pure子主题，购买的朋友在群里都会看到。这里不使用精简版，而是参考子主题的文件进行修改。不赘述理论知识，只介绍方法步骤。文章源自狐狸影视城-https://fox-studio.net/28960.html

 文章源自狐狸影视城-https://fox-studio.net/28960.html

创建子主题

Themes文件夹下新建一个文件夹名称随意。我使用“begin-prue”，themes/begin-pure 包含文件有：文章源自狐狸影视城-https://fox-studio.net/28960.html

  • style.css（必须）
  • screenshot.png（可有可无，主题的展示图片）

style.css中内容如下：文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. /*
  2. Theme Name: Begin Fox偏好版子主题
  3. Theme URI: https://fox-studio.net/28960.html
  4. Author: 千年骚狐
  5. Author URI: https://fox-studio.net/
  6. Description: Begin主题的子主题，千年骚狐偏好设置。
  7. Template:begin
  8. Version: 1
  9. */
  11. @import url("../begin/style.css");

以上信息显示在主题介绍中文章源自狐狸影视城-https://fox-studio.net/28960.html

知更鸟 Begin 自定义子主题修正缩略图文章源自狐狸影视城-https://fox-studio.net/28960.html

style.css其中最重要的是这一句，关联父主题的。缺少或不正确，子主题无法使用。文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. Template:begin

在后台外观→主题处，就可以看到新创建的主题了。需要注意的是，启用子主题后，需要重新设置主题选项和小工具，就如同你第一次使用这个主题时一样。文章源自狐狸影视城-https://fox-studio.net/28960.html

下面进行偏好的修改，以下修改均在子主题中进行，不对父主题做任何删改。文章源自狐狸影视城-https://fox-studio.net/28960.html

 文章源自狐狸影视城-https://fox-studio.net/28960.html

视频分类缩略图裁剪

此方法治标不治本，详情咨询主题作者。启用子主题后，按以下方法操作。文章源自狐狸影视城-https://fox-studio.net/28960.html

复制Begin根目录下的 taxonomy-videos.php 文件到子主题 begin-prue 目录下。文章源自狐狸影视城-https://fox-studio.net/28960.html

查找 taxonomy-videos.php 中的以下内容，约13行起：文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. if (zm_get_option('lazy_s')) {
  2. zm_videos_thumbnail_h();
  3. } else {
  4. zm_videos_thumbnail();
  5. }

修改为文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. if (zm_get_option('lazy_s')) {
  2. zm_the_thumbnail_h();
  3. } else {
  4. zm_the_thumbnail();
  5. }

保存后刷新视频页面，效果如下：文章源自狐狸影视城-https://fox-studio.net/28960.html

知更鸟 Begin 自定义子主题修正缩略图文章源自狐狸影视城-https://fox-studio.net/28960.html

 文章源自狐狸影视城-https://fox-studio.net/28960.html

图片分类缩略图裁剪

此方法和子主题无关，很简单。复制以下内容：文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. @media screen and (min-width:999px) {
  2. .related-site-img {
  3. height: 131px;
  4. overflow: hidden;
  5. }
  6. .picture-img {
  7. height: 195px;
  8. overflow: hidden;
  9. }
  10. }

到主题选项→定制风格，自定义样式代码中。保存后刷新图片页面，效果如下：文章源自狐狸影视城-https://fox-studio.net/28960.html

知更鸟 Begin 自定义子主题修正缩略图文章源自狐狸影视城-https://fox-studio.net/28960.html

 文章源自狐狸影视城-https://fox-studio.net/28960.html

我的文章列表（用户中心）隔行背景

拷贝父主题 begin\inc\user\my-post.php 文件到子主题相同路径下  begin-prue\inc\user\my-post.php 打开文章源自狐狸影视城-https://fox-studio.net/28960.html

方法一，用下方内容替换所有：文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. <table cellspacing="0" cellpadding="0" border="0">
  2.     <thead>
  3.         <tr>
  4.             <td width="40%">标题</td>
  5.             <td width="12%">日期</td>
  6.             <td width="10%">浏览</td>
  7.             <td width="20%">分类</td>
  8.             <td width="7%">评论</td>
  9.             <td width="8%">状态</td>
  10.         </tr>
  11.     </thead>
  12.     <tbody>
  13.         <?php
  14.         $userinfo=get_userdata(get_current_user_id());
  15.         $user_id= $userinfo->id;
  16.         $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
  17.         $args = array(
  18.             'post_type' => array('post','video','picture','bulletin','tao'),
  19.             'author' => $user_id,
  20.             'posts_per_page' =>'10',
  21.             'post_status' => array('publish', 'pending'),
  22.             'orderby' => 'date',
  23.             'paged' => $paged
  24.         );
  25.         query_posts($args);
  26.         if(have_posts()) : while (have_posts()) : the_post();
  27.              switch(get_post(get_the_ID())->post_status){
  28.                case 'publish':
  29.                $status='通过';
  30.                break;
  31.                case 'pending':
  32.                $status='<span>待审</span>';
  33.                break;
  34.              }
  35.             $color_z = '';
  36.             $zhiz = $i%2;
  37.             ($zhiz == '1') ? $color_z ="#ffffff": $color_z = "#f7f7f7";
  38.             echo "<tr bgcolor=$color_z>\n";
  39.         ?>
  40.             <td><?php the_title( sprintf( '<a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a>' ); ?></td>
  41.             <td class="tc"><?php the_time( 'Y-m-d' ) ?></td>
  42.             <td class="tc"><?php if( function_exists( 'the_views' ) ) { print ''; the_views(); print '';  } ?></td>
  43.             <td class="tc"><?php echo get_the_term_list(get_the_ID(), array('category','videos','gallery','notice','taobao'), '', ', ', ''); ?></td>
  44.             <td class="tc"><?php echo get_post(get_the_ID())->comment_count?></td>
  45.             <td class="tc"><?php echo $status?></td>
  46.         <?php
  47.             echo "</tr>";
  48.                 $i++;
  49.                 endwhile; endif;?>
  50.     </tbody>
  51. </table>
  53. <?php pagenavi(); ?>
  54. <div class="clear"></div>

 文章源自狐狸影视城-https://fox-studio.net/28960.html

方法二，添加所需代码。查找下方内容，约26行起：文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. if(have_posts()) : while (have_posts()) : the_post();
  2.        switch(get_post(get_the_ID())->post_status){
  3.        case 'publish':
  4.        $status='通过';
  5.        break;
  6.        case 'pending':
  7.        $status='<span>待审</span>';
  8.        break;
  9.        }

在此处下方添加：文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. $color_z = '';
  2.             $zhiz = $i%2;
  3.             ($zhiz == '1') ? $color_z ="#ffffff": $color_z = "#f7f7f7";
  4.             echo "<tr bgcolor=$color_z>\n";

然后删除下方的内容：文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. <tr>

接着查找如下内容：文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. <?php endwhile; endif;?>

替换为：文章源自狐狸影视城-https://fox-studio.net/28960.html

  1. <?php
  2.         echo "</tr>";
  3.         $i++;
  4.         endwhile; endif;
  5. ?>

完成，保存后刷新用户中心，我的文章列表如下图：文章源自狐狸影视城-https://fox-studio.net/28960.html

知更鸟 Begin 自定义子主题修正缩略图文章源自狐狸影视城-https://fox-studio.net/28960.html

 文章源自狐狸影视城-https://fox-studio.net/28960.html

待续……

以上是大家都可以用的地方，我自己还使用了其他插件在用户中心添加了前端，不适用与Begin的其他用户。也就不写了。日后有新的地方再编辑此页面。文章源自狐狸影视城-https://fox-studio.net/28960.html

Begin主题购买
文章源自狐狸影视城-https://fox-studio.net/28960.html
weinxin
千年骚狐
  • 本文由 发表于 2015年10月8日
  • 除非特殊声明，本站文章均为原创，转载请务必保留本文链接
评论：5   其中：访客  3   博主  2
    • wanzhou
      wanzhou 1
      2016年2月15日 下午4:49 2F
      回复

      我用知更鸟的begin主题, 整个网站都反映非常的慢, 请问您知道是什么原因吗?

        • 千年骚狐
          千年骚狐
          2016年2月15日 下午9:11 B1
          回复

          @ wanzhou 具体问题具体分析，和网站程序与服务器都有关。你可以考虑换成wp的默认主题，测试服务器的速度，再确定是主题程序的问题。
          不过同样的主题，我用的就很好。

            • wanzhou
              wanzhou 1
              2016年2月17日 上午9:42 B2
              回复

              @ 千年骚狐 嗯嗯, 我还是换成知更鸟Ality主题了, 速度非常快. 谢谢你啦 :smile:

          • 知更鸟
            知更鸟 0
            2015年10月8日 下午12:10 1F
            回复

            其实只要一句CSS就可以扩定隔行变色：
            table tr:nth-child(odd){background:#f8f8f8;}

              • 千年骚狐
                千年骚狐
                2015年10月8日 下午1:50 B1
                回复

                @ 知更鸟 嘿嘿，css不太懂，当时百度就找到这个，能套进去就已经很高兴了！ <img src="” />

            匿名

            发表评论

            匿名网友 填写信息

            :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

            确定