主题修正记录

如风2016-05-11浏览 2,103评论 17
XM

主题也是经过N次修正,才成为现在的模样,虽不那么高大尚,本人却已满足。我个人也就懂得点皮毛CSS,其他的功能基本是复制了各位草根程序员的成果,在此谢谢各位在无日无夜地堆码下,让我们这些人变得无比便利。谢谢!

10.31

发现问题:投稿页面,没有把投入用户的网址信息/联系方法插入数据库。原来没有添加这个自定义栏目,解决方法是:

add_post_meta($status, 'tougao_blog', $tougao_blog, TRUE); //自定义栏目的名称
add_post_meta($status, 'email', $email, TRUE); //自定义栏目的名称

10.8

1-完善投稿页面,不再以弹窗或者跳转的形式出现错误提示。以前弹窗提示错误,有几个提示几个,现在这一问题彻底得到解决。
2-投稿页面用户昵称和博客写入数据库自定义字段。

9.17

大大小小的修改不知道有多少次了,折腾得觉得已经差不多了。更新如下:

  1. 下一页无限加载,点击加载更多即可。方法:WordPress实现分页Ajax无限加载功能
  2. 时间显示更改,效果如本站。代码如下:

    // Changing the_time
    add_filter('the_time', 'past_date');
    function past_date(){
    $suffix='前';
    $endtime='2419200';
    $day = '天';
    $hour = '小时';
    $minute = '分钟';
    $second = '秒';
    if ($_SERVER['REQUEST_TIME'])
    $now_time = $_SERVER['REQUEST_TIME'];
    else
    $now_time = time();
    $m = 60; // 一分钟
    $h = 3600; //一小时有3600秒
    $d = 86400; // 一天有86400秒
    $endtime = (int)$endtime; // 结束时间
    $post_time = get_post_time('U', true);
    $past_time = $now_time - $post_time; // 文章发表至今经过多少秒
    if($past_time < $m){ //小于1分钟
    $past_date = $past_time . $second;
    }else if ($past_time < $h){ //小于1小时
    $past_date = $past_time / $m;
    $past_date = floor($past_date);
    $past_date .= $minute;
    }else if ($past_time < $d){ //小于1天
    $past_date = $past_time / $h;
    $past_date = floor($past_date);
    $past_date .= $hour;
    }else if ($past_time < $d*10){
    $past_date = $past_time / $d;
    $past_date = floor($past_date);
    $past_date .= $day;
    }else{
    echo get_post_time('y-m-d');
    return;
    }
    echo $past_date . $suffix;
    }

  3. 作者相关信息显示在内容页底部和作者页。
  4. 多处小修改。

5.13

转眼间都13号了,时间过得真的好快。什么也没干成。
1-小小修改了下。自适应方面,以后基本不会把时间过多地花在这个主题上了。

5.11

1-注册页面(其实早就有了)
2-移动导航栏更改以前样式。如图

4/29

1-增加内容页自定义栏目判断是否去掉边栏。演示
代码如下:

<?php if ( get_post_meta($post->ID, '自定义栏目名', true) ) {?>
<!-- 判断是否去掉边栏 -->如果有则显示
<?php } else {?>
没有则显示
<?php }?>

2-定型

3- 增加图片弹窗功能,做了些小修改。

参照:懿古今
修改点:css样式修改、fancybox.js内部简单修改。addclass.php内容直接放inc\functions\文件内。

4-想弄个最新读者墙,由于读者头像显示默认头像而取消了。

4/28

1-移植外链跳转功能

2-增加了一个电视在线直播页面,自己平时用。传送门

阅读驿站现有主题3月10日新增功能如下:

1- wordpress文章形式开启
aside -----------------日志:不显示标题的标准文章
image --------------图像:单张图像。文章中的首个 <img /> 标记将会被认为是该图片。
video ---------------视频:单一视频。
quote -----------------引语:引用他人的一段话。
link -----------------链接:链接到其它网站的链接。
gallery ---------------相册:图像陈列厅。
status --------------状态:简短更新,通常最多 140 个字符。类似于微博
audio ----------------音频:一个音频文件
chat ------------------聊天: 聊天记录
如果想添加对以上形式的支持,在functions.php对应数组中增加以上列表的类型别名即可

add_theme_support( 'post-formats', array(
'aside', 'image', 'video', 'quote', 'link', 'gallery', 'status', 'audio', 'chat'
) );

2- wordpress首页、分类页判断文章形式

代码如下:

<?php if( has_post_format( 'video' ))://形式为视频则输出全文,否则摘要 ?>
<?php the_content(); ?>
<?php else : ?>
<?php if (has_excerpt()){ echo wp_trim_words( get_the_excerpt(), 120, '...' );} else { echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 280,"..."); } ?>
<?php endif; ?>

3.11日修改如下

1-去掉首页、分类页摘要
2-文字链接颜色统一蓝色,字体14号

3.12日

1-增加公告栏,暂设为笑话。并判断PC在边栏显示,移动端第一篇文章上方。

3.14日

1-列表标题改为黑色
2-增加内容页回复可见功能,代码如下:

function reply_to_read($atts, $content=null) {
extract(shortcode_atts(array("notice" => '<p class="reply-to-read">温馨提示: <a href="#respond" title="评论本文">回复</a>后才能查看.</p>'), $atts));
$email = null;
$user_ID = (int) wp_get_current_user()->ID;
if ($user_ID > 0) {
$email = get_userdata($user_ID)->user_email;
//对博主直接显示内容
$admin_email = get_bloginfo ('admin_email'); // $admin_email 可改指定的 e-mail.
if ($email == $admin_email) {
return $content;
}
} else if (isset($_COOKIE['comment_author_email_' . COOKIEHASH])) {
$email = str_replace('%40', '@', $_COOKIE['comment_author_email_' . COOKIEHASH]);
} else {
return $notice;
}
if (empty($email)) {
return $notice;
}
global $wpdb;
$post_id = get_the_ID();
$query = "SELECT comment_ID FROM {$wpdb->comments} WHERE comment_post_ID={$post_id} and comment_approved='1' and comment_author_email='{$email}' LIMIT 1";
if ($wpdb->get_results($query)) {
return do_shortcode($content);
} else {
return $notice;
}
}

3.18日

1-阅读驿站正式更名为“阅读1站”,与域名相呼应
2-制作了新的logo,不过还是启用文字显示。显得好看!
3-备案已提交,等待审核中

3.20日

1-阅读驿站更名为“阅读一站”
2-取消列表省略图,再次启用了截取文字。
3-剔除列表边框线

3.24日

1-备案成功
2-站名更正原来名称

3.26日

1-回复评论自动添加@评论者,当前主题functions.php中添加以下代码

// 评论添加@,by Ludou
function ludou_comment_add_at( $comment_text, $comment = '') {
if( $comment->comment_parent > 0) {
$comment_text = '@<a href="#comment-' . $comment->comment_parent . '">'.get_comment_author( $comment->comment_parent ) . '</a> ' . $comment_text;
}

return $comment_text;
}
add_filter( 'comment_text' , 'ludou_comment_add_at', 20, 2);
//原文:http://www.ludou.org/wordpress-comment-reply-add-at.html

4.6日

1-取消列表和小工具边框
2-CSS #content 宽度由原来的70%改为68%

4.7日

1-列表判断形式,如果形式是图像则显示图片。不显示摘要。如图:

代码如下:
<?php if( has_post_format( 'image' )): ?>
<h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<span class="new-ico">PHOTO</span>
<div class="entry-content-img">
<figure class="image-format">
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>" ><?php all_img($post->post_content);?><div class="clear"></div></a>
</figure>
<div class="clear"></div>
</div>
<?php else : ?>
<?php if( has_post_format( 'image' )): ?>
<h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<span class="new-ico">PHOTO</span>
<div class="entry-content-img">
<figure class="image-format">
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>" ><?php all_img($post->post_content);?><div class="clear"></div></a>
</figure>
<div class="clear"></div>
</div>
<?php else : ?>
<h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2><?php get_template_part( 'inc/thumbnail' ); ?><div style="text-indent:2em;"><?php if(wp_is_mobile()){ echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 120,"..."); } else { echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 280,"..."); } ?>
</div>
<?php endif; ?>
</div>
<?php endif; ?>

图像css

/** 图像 **/
.entry-content-img {
white-space: nowrap;
overflow: hidden;
margin: 0 -20px;
}
.image-format a img {
float: left;
width: 22.8%;
max-width: 100%;
height: 100px;
margin: 0 1.1%;
display: inline;
-webkit-transition: -webkit-transform .3s linear;
-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;
transition: transform .3s linear
_position: relative;/** IE6 **/
}
.content-m:hover a img, .sticky-box-m:hover a img, .image-format img:hover, .hot_commend li:hover img, .hot_commend img:hover {
transition: All 0.7s ease;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
}
.image-format img:hover {
transition: All 0.4s ease;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}

4.8日

1-边栏移到左边,个人认为这样更能提高用户的注意力。

4.9日

1-站点地址(URL),去掉www.。大多认为带www网站权重要高些。本人经过对多个网站在百度收录情况来看,不带www的站点收录更及时、更全面。

4.15日

1-启用张戈博客的sitemap.xml,将以下代码保存为sitemap.php放在网站的根目录

阿里云服务器2折起

发表评论


31 + 32 = ?

  1. 夏日博客
    夏日博客 【农民】 @回复

    改的东西好多啊,我就一个主题,几乎就没动过。

  2. boke112导航
    boke112导航 【队长】 @回复

    感觉博主最近折腾得很厉害啊,继续下去迟早能折腾出一款属于自己的主题,加油

    • 网中人
      网中人【站长】 @回复

      @boke112导航 就只在CSS和排版上有所改动

  3. 龙笑天
    龙笑天 【农民】 @回复

    折腾的很不错!但像这样记录的话,很累的…小修改太多了!

    • 网中人
      网中人【站长】 @回复

      @龙笑天 是的,乐在其中吧

      • 龙笑天
        龙笑天 【农民】 @回复

        @网中人 我经常小修改一下,备份了很多文件,一开始每改一下都记录,后来改的太多了,就没记录了….

  4. boke112导航
    boke112导航 【队长】 @回复

    发现博主也挺能折腾的,越折腾越快乐,加油

    • 网中人
      网中人【站长】 @回复

      @boke112导航 感觉没重心了、不知道做啥。申请了几个域名。空着

  5. 巴力迅猛龙
    巴力迅猛龙 【农民】 @回复

    谢谢分享 五一劳动节快了 欢迎回访

  6. 龙砚庭博客
    龙砚庭博客 【农民】 @回复

    很用心啊!做这个记录非常好~

  7. boke112导航
    boke112导航 【队长】 @回复

    看到这个,博主确实很有心,把每次修改的都记录下来,不错

  8. 小C博客
    小C博客 【农民】 @回复

    来学习下!!

  9. 东皇太一
    东皇太一 【农民】 @回复

    赞一个

    • 网中人
      网中人【站长】 @回复

      @东皇太一 谢谢来访问

  10. 姜辰
    姜辰 【镇长】 @回复

    好高大上的样子

    • 网中人
      网中人【站长】 @回复

      @姜辰 这样是不是好看些

      • 姜辰
        姜辰 【镇长】 @回复

        @网中人 是的,更好看了。