wordpress +sakura主题 各种修改

Posted lqerio

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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

修改合集

https://m1314.cn/302.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/live2d-widget@latest/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

以上是关于wordpress +sakura主题 各种修改的主要内容，如果未能解决你的问题，请参考以下文章

Wordpress有啥作用？

如何在不更改代码的情况下修改 wordpress 主题？

WordPress主题修改以在标题中交换徽标

PHP HTML5 header.php WordPress主题修改

wordpress错误提示”抱歉，由于安全原因，这个文件类型不受支持。”解决方法

WordPress上传主题，提示“文件过大，请修改最大文件限制”，该如何解决？