wordpress +sakura主题 各种修改
写在前面
注意备份数据文件。无论何时(正常运行,修改时...)
备案,更换主题...
建议备份数据库
备案
备案期间domin无法访问。所以不应该修改wordpressurl,站点url。(我改了无法访问,后台也登录不了,所以无法后台修改这两个地址)
解决是登录服务器修改theme的functions.php
建议修改当前主题的functions.php。 修改之后登录后台发现设置里的地址已经修改为functions.php设置的地址了(每次加载功能文件都会更新数据库)
update_option( ‘siteurl‘, ‘https://ip‘ ); //这里其实该修改为http,因为SSL证书申请的时候用的是domin update_option( ‘home‘, ‘https://ip‘ );
这也引发了思考,其实一些文件应该放到CDN,不然用域名写死了,域名出问题就加载不出来了
实在不行修改wp-config.php(根目录)
define( ‘WP_HOME‘, ‘https://www.liwei8090.com‘ ); define( ‘WP_SITEURL‘, ‘https://www.liwei8090.com‘ );
https://www.liwei8090.com/21909.html
SSL
腾讯云申请
下载的两个文件放到/etc/nginx
参考
https://cloud.tencent.com/document/product/400/4143
注意这是模板不需要全抄,我们只需要只修改server的一部分,
#SSL 访问端口号为 443 listen 443 ssl; #填写绑定证书的域名 server_name www.domain.com; #证书文件名称 ssl_certificate 1_www.domain.com_bundle.crt; #私钥文件名称 ssl_certificate_key 2_www.domain.com.key; ssl_session_timeout 5m; #请按照以下协议配置 ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #请按照以下套件配置,配置加密套件,写法遵循 openssl 标准。 ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; ssl_prefer_server_ciphers on;
然后wordpress后台设置 url,站点为 https
然后使用really simple ssl插件
注意有时候有问题需要调整 插件的Enable Javascript redirection to SSL
解决 SSL证书--您与此网站建立的连接并非完全安全
检查页面中是否有引用http资源
友链
除了创建 link 页面外,在后台有链接设置可添加链接,链接分类
伪静态
参照官方教程。https://www.wpdaxue.com/wordpress-rewriterule.html
添加追番页面
https://m1314.cn/280.html 追番页面 https://github.com/Fog-Forest/bilibili 刷新浏览器缓存
添加不可点击的顶级菜单
就算先随便给个链接,然后添加子页面后删除链接(或者设置成当前页) 更新->: 最好设置为 #
http://www.seaomc.com/archives/3299.html
添加心情/说说页面
添加说说页面 https://m1314.cn/277.html
修改合集
botui 聊天
https://github.com/botui/botui
:https://m1314.cn/216.html botui
留言板
留言板:创建页面,显示选项,讨论,开启评论
文章别名:方法同上,修改 英文 别名的好处是 ,同时在 设置 固定链接设置改为 postname, 地址会变为 ip/别名
添加动态诗句
直接查看官网提供的api :https://sdk.jinrishici.com/
参考https://m1314.cn/210.html
然后在markdown 中插入
<div class="poem-wrap"> <div class="poem-border poem-left"></div> <div class="poem-border poem-right"></div> <h1>念两句诗</h1> <p> <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script> <div id="poem_sentence"></div> <div id="poem_info"></div> <script type="text/javascript"> jinrishici.load(function(result) { var sentence = document.querySelector("#poem_sentence") var info = document.querySelector("#poem_info") sentence.innerHTML = result.data.content info.innerHTML = ‘【‘ + result.data.origin.dynasty + ‘】‘ + result.data.origin.author + ‘《‘ + result.data.origin.title + ‘》‘ }); </script> <p> <p id="info"> </div>
添加live2d看板娘
https://github.com/stevenjoezhang/live2d-widget
https://m1314.cn/287.html
添加 到 Sakura主题 header.php的
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"> <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang//autoload.js"></script>
jetpack
暂时没有安装,似乎会降低速度
sitemap
baidu-sitemap-generator :https://www.xuhan98.com/wordpress-baidu-sitmap.html
google-sitemap-generator
歌单
-新建页面,安装hermit X插件,直接点击插入音乐,添加网易云歌单连接
文章添加目录 未完成,建设中
文章目录:代码添加(建议): https://2heng.xin/2018/02/13/add-a-toc-for-your-article/ 一下作废。js函数应该是添加到sakura--app.js,html代码应该是放到header,但是css有问题。我觉得是放到cdn-theme-sakura.css,因为这是页面的主题,但是有问题。以后学了前端再说吧
header.php <link href="https://cdn.bootcss.com/tocbot/4.1.1/tocbot.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/tocbot/4.1.1/tocbot.min.js"></script> <div class="toc"></div> sakura-app.js # 商业转载请联系作者获得授权,非商业转载请注明出处。 # For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source. # 协议(License):署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) # 作者(Author):Mashiro # 链接(URL):https://2heng.xin/2018/02/13/add-a-toc-for-your-article/#toc-head-6 # 来源(Source):樱花庄的白猫 function mashiroToc(mashiro) { // 滚动及悬浮 $(document).ready(function() { if ($("div").hasClass("toc")) { var $elm = $(‘.toc‘); var iniTop = 500; var finTop = 100; var hasScrolled = $(‘.site-header‘).offset().top; if (hasScrolled > iniTop) { $elm.css({ ‘top‘: finTop }); } $(window).scroll(function() { var p = $(window).scrollTop(); if (p > iniTop - finTop) { $elm.css({ ‘top‘: finTop }); } else { $elm.css({ ‘top‘: iniTop - p }); } }); } }); // 初始化 if (mashiro) { var id = 1; $(".entry-content").children("h1,h2,h3,h4,h5").each(function() { //var hyphenated = $(this).text().replace(/\s/g, ‘-‘); var hyphenated = "mashiro-" + id; $(this).attr(‘id‘, hyphenated); id++; }); // 初始化 tocbot.js tocbot.init({ tocSelector: ‘.toc‘, contentSelector: ‘.entry-content‘, headingSelector: ‘h1, h2, h3, h4, h5‘, positionFixedSelector: ".toc", scrollEndCallback: function (e) { window.scrollTo(window.scrollX, window.scrollY - 80); }, }); } } mashiroToc(true);
文章目录: wp-editor .md 点击设置,文章目录设置,安装插件table-of-contents-plus.2002(http://downloads.wordpress.org/plugin/table-of-contents-plus.2002.zip),开启目录
然后在设置-小工具添加到侧边栏
然后安装Q2W3 Fixed Widget for WordPress 固定侧边栏
菜单添加图标
使用Font Awesome 4 Menus 插件
https://m1314.cn/144.html Font Awesome 4 Menus