建站笔记(续更~)

Published in Nov-13-2017


因为是强迫症患者,所以在写这个网站的时候,总觉得不顺眼,所以一直都是改改改,特别是对一下小细节方面,如文字间距、行距,字体被选中时的颜色和背景颜色,点击a标签时出现的虚线边框等等….这里就记录一下这些小细节的代码,原因呢,主要是怕一觉醒来都忘记了。

#style.css

-webkit-tap-highlight-color:none; -webkit-tap-highlight-color:transparent;/*解决手机端a、img标签点击事件时的出现遮罩或闪屏问题*/

//选中的字体颜色和背景颜色 ::selection {color:#ffffff;background-color:#0085a1;} ::-moz-selection {color:#fffff;background-color:#0085a1;}

//取消a标签点击后的虚线框 a:focus { outline:none; -moz-outline:none; }

position: absolute;left: 左边距;top:上边距 ;/*直接对元素定位*/

textarea::-webkit-input-placeholder { }/*输入框内的显示文字样式*/

overflow:hidden;/*一是隐藏溢出,二是解决当height:auto时,背景颜色和背景图片不能显示*/

 letter-spacing:0.08rem;/*字间距*/ 

outline:none;/*去除input点击时出现的边框*/

#WordPress


控制文章文章摘要字数,在functions.php内加入如下代码

<?php function new_excerpt_length($length) { return 135;/*文章摘要字数控制*/ } add_filter('excerpt_length', 'new_excerpt_length'); ?> add_filter( 'avatar_defaults', 'newgravatar' ); /*修改默认头像*/ function newgravatar ($avatar_defaults) { $myavatar = PHP输出图片RUL'; $avatar_defaults[$myavatar] = "头像名称"; return $avatar_defaults; }

 


评论回复添加@评论人,在functions.php内加入如下代码

 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);


开启wordpress友情链接管理

先在functions.php内加入如下代码

add_filter( 'pre_option_link_manager_enabled', '__return_true' );

然后在页面位置加入如下代码

<!--友情链接-->
<ul class="friends">
<?php $resul = $wpdb->get_results("SELECT link_ID,link_url,link_name,link_description FROM $wpdb->links where link_visible ='y' ORDER BY rand() LIMIT 0 , 10");
      foreach ($resul as $links) {
      setup_postdata($links);
      $linkid = $links->link_ID;
      $linkurl = $links->link_url;
      $linkname = $links->link_name;
      $linkdescription  = $links->link_description 
?>
<li ><a  href="<?php echo $linkurl ?>" target=”_blank” title="<?php echo $linkdescription ?>"c><?php echo ( $linkname); ?></a></li> 
<?php } ?>   
</ul>


使WordPress支持post thumbnail(特色图片)

先在functions.php内加入如下代码

add_theme_support( 'post-thumbnails' );

然后在页面位置加入以下代码

<?php if ( has_post_thumbnail() ) { ?> <?php the_post_thumbnail(); ?> <?php } else {?> <img src="<?php bloginfo('template_url'); ?>图片地址//如果没有设置图片则调用这张图片" alt="特色图片" /> <?php } ?>



全站301跳转到https,在.htaccess内加入如下代码

RewriteCond %{SERVER_PORT} !^443$
RewriteRule ^(.*)?$ https://%{SERVER_NAME}/$1 [L,R=301]

 

  







评论区