一、安装
用的阿里云服务器,上面原来就有mysql、php、nginx,所以安装过程就不多说了,创建数据库和用户,解压文件,编辑wp-config.php,配置nginx,基本就差不多了。值得注意的是nginx需要配置URL重写,否则修改permalink格式之后回报404错误。编辑/www/server/panel/vhost/rewrite/hostname.conf:
location / {
index index.html index.php;
if (-f $request_filename/index.html){
rewrite (.) $1/index.html break; } if (-f $request_filename/index.php){ rewrite (.) $1/index.php;
}
if (!-f $request_filename){
rewrite (.*) /index.php;
}
}rewrite /wp-admin$ $scheme://$host$uri/ permanent;
二、主题
官网就不需要左边的widgets了,原来的2014主题删掉所有widgets之后左边还是有占位,不太好看,也看了些第三方的主题,但大部分还是收费的或者免费的功能受限,预览了一下官方的主题,最后选了2016,去掉所有widgets之后看起来就比较像了。
三、站点标题和LOGO
在主题的自定义-站点身份里上传logo和输入公司名称之后,左上角就会显示logo和公司名称,取消 显示站点标题和副标题 之后就只显示logo了。logo默认是240×240的,就算上传小像素的logo,也会放大到240×240来显示,在style.css最后加上下面这段就可以了。
/ 修改Logo宽度和高度 /
.sitelogo img {
maxwidth: 120px; / 替换为你的宽度值 /
maxheight: 120px; / 替换为你的高度值 /
}
四、菜单
新建两个page,一个主页和一个联系我们,再按需求新建一些文章分类,然后新建一个顶部菜单,把这些都加进去,这样右上的模块菜单就有了。
五、页脚
2016主题默认页脚显示公司名和Proudly powered by WordPress,修改footer.php,删去wordpress的部分,再把ICP备案和网安备案加上,最后在DIV里头加上 style=”margin:auto” 使页脚居中显示。
<div class=”site-info” style=”margin:auto”>
<?php
/**
* Fires before the twentysixteen footer text for footer customization.
*
* @since Twenty Sixteen 1.0
*/
do_action( ‘twentysixteen_credits’ );
?>
Copyright ©<span class=”site-title”><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?></a></span>
<?php
if ( function_exists( ‘the_privacy_policy_link’ ) ) {
the_privacy_policy_link( ”, ‘<span role=”separator” aria-hidden=”true”></span>’ );
}
?>
<a href=”<?php echo esc_url( __( ‘https://beian.miit.gov.cn/#/Integrated/index’, ‘京ICP备xxxx号’ ) ); ?>” class=”imprint”>
<?php
/* translators: %s: WordPress */
printf( __( ‘京ICP备xxxx号’ ));
?>
</a>
<span role=”separator” aria-hidden=”true”></span>
<a href=”<?php echo esc_url( __( ‘http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=xxxx’, ‘京公网安备xxxx号’ ) ); ?>” class=”imprint”>
<?php
/* translators: %s: WordPress */
printf( __( ‘京公网安备xxxx号’ ));
?>
</a>
</div><!– .site-info –>
</footer><!– .site-footer –>
</div><!– .site-inner –>
六、主页里文章只显示部分内容
编辑文章时在右侧加号 添加区块或者左上加号 切换区块插入器里头搜索more,插入一个阅读更多标签就可以
七、图片轮播
用了MetaSlider插件在首页增加一个图片轮播的广告。