Skip to main content

WordPress免费主题 Colorlib 的 Sparkling主题

 

本站阿勋主题采用 Colorlib 的 Sparkling

有几个注意的地方:

  • Recommended Image Sizes  推荐的特色图像/幻灯片 图片尺寸如下:

Featured Image (Blog and Single Post) is set to 750 by 410 pixels. 
Featured Slider Images. Personally I use 1920 by 550 pixel images for Sparkling Demo but you can feel free to use any other image size. Images won’t be scaled and you will get what you upload.

Please note! Images for slider is not resized and are displayed the same size you uploaded them. Other images such as featured images for posts are resized automatically as you upload them.

 

 

  • 首页文章摘要字数修改

设置了WordPress博客的首页文章摘要的网站,有时候因为字数的问题只显示很小的一条,留出2到3行空白很难看。这里介绍一个修改首页文章摘要字数的方法。

首页摘要字数的设置方法:在程序的wp-includes文件夹里寻找formatting.php文件,然后找到这行代码:

$excerpt_length = apply_filters(‘excerpt_length’, 55);$excerpt_more = apply_filters(‘excerpt_more’, ‘ ‘ . ‘[…]‘);

这里的55就是显示的字数字符数量,可以通过修改这个数字来达到目的。

特别提示:这个数值是字符数量,不是字数数量,这是两个不同的概念。中文一个字是2个字符的量,标点和数字一个是一个字符的量。意思就是一个中文字算2个字符,一个标点和数字算两个字符。(数字若非个位数,则有几个阿拉伯数字就是几个字母)

 

  • 额外CSS  自定义CSS
*:not([class*="icon"]):not(i) {
font-family: Segoe UI, "NotoSansHans-Regular" !important;
}

#colophon nav.col-md-6 {
    display: none;
}

#colophon .copyright.col-md-6 {
    float: none;
    width: 100%;
    text-align: center;
}

#cc-logo img, span.icon img {
    width: 40px;
    height: 40px;
}

.navbar-default .navbar-nav > li > a {
  font-size: 18px;
  font-weight: normal;
  color: #333;
  
}


.navbar.navbar-default {
    background-color: #fefefe;
  border-bottom: rgba(0,0,0,.08) 1px solid !important;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-sizing: content-box;
}

改了顶部导航的颜色(仿的另外一个站的 背景——文字颜色、大小都重设了)

改了整站字体为思源黑体

 

微博 主题色 黄色:#ff9933

微信 主题色 绿色:#00d500

#menu-social li a[href*=”weibo.com”]:hover {
background-color: #ff9933 !important;
}

#menu-social li a[href*=”weixin.com”]:hover {
background-color: #00d500 !important;
}

fa-weixin · Unicode: f1d7 · Created: v4.1 · Categories: Brand Icons · Aliases: fa-wechat

fa-weibo · Unicode: f18a · Created: v3.2 · Categories: Brand Icons

#menu-social li a[href*=”weibo.com”] .fa:before{content: “\f18a”}
#menu-social li a[href*=”weixin.com”] .fa:before{content: “\f1d7”}

阿勋

男,80‘s,不是程序员,稍微懂点CSS/HTML/PS。 我是一名爱生活爱社会爱祖国的三爱青年,也是一名热心网友。 平时喜欢吐槽,偶尔来点幽默。 这就是iaxun.com

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据