WordPress theme WildBook

主题作者:Nord Studio
然后这文章改改,我在这个主题上的一些修改内容全都放这里面了。因为疯改主题时间有点长,过去改的就想到什么补什么,随缘吧。

小工具栏背景图片

style.css
找到下面代码

.site-content > :last-child,.site-main > :last-child{
  border: none;  
}

修改成这样

.site-content > :last-child{
  border: none;  
  background-image: url(你的图片地址);
  background-repeat: no-repeat;
  background-position-y: bottom;}
.site-main > :last-child {
  border: none;
}

侧边大图内置阴影

style.css
找到下面代码:这个代码有两段,我用的是900多行的那段,也不知道同样的代码段删掉管不管用,就没管。

.sidebar-inner

修改成这样

.sidebar-inner {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 8% 9%;
  box-shadow:0px 0px 9px #0000009c inset;
}

代码段默认颜色修改

wp-includes – css – dist – block – library – theme.min.css
找到下面代码

.wp-block-code

其中的color修改成你想要的颜色,我这里color: #dddddd;

评论框背景图修改

style.css
找到下面代码:这里也是有很多段,我是用的浏览器的F12抓出的段上改的,700多行的那个。

textarea

修改成这样

textarea {
	overflow: auto;
	vertical-align: top;
	background-image: url(你图片的地址);
    border-radius: 5px;
    border: 1px dotted #CBB78F;
}

鼠标的修改

style.css
在body段添加这样的代码,这个就是普通款,你不点链接时候的样子,我这里是红玫瑰。

cursor: url(你的鼠标地址),auto;

然后再在a段添加这样的代码,这个就是鼠标滑过链接的样子,我这里是黄玫瑰,当然这里A段的代码,可以不用。

cursor: url(你的鼠标地址),auto;

文章归档时间轴插件小圆点颜色的修改

请移步这篇文章《WordPress 文章归档插件》,这里就不赘述了。

点击鼠标出现十六字真言

在主题的footer.php文件</body>前插入如下代码

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善");
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

额外CSS部分

body {
    cursor: url(https://snake-1252886103.cos.ap-shanghai.myqcloud.com/2021/03/20210305155726484.png),auto;
}
a {
    cursor: url(https://snake-1252886103.cos.ap-shanghai.myqcloud.com/2021/03/20210305155728926.png),auto;
}
.wp-block-buttons .wp-block-button {
    margin-bottom: 8px;
}
.wildbook-widget-recent-posts ul li {
    margin-bottom: 1.0rem;
}
p {
    margin: 0 0 0.5em;
}
.hljs {
    color: #ccc !IMPORTANT;
}
.top-nav {
    padding: 0rem 0rem;
}
.wp-block-code {
    padding: .0em 0em;
}
.sidebar-nav .sub-menu {
    font-size: 1.2rem;
    line-height: 0.5;
    margin-top: 0.5em;
}
.sidebar-nav {
    text-align: left;
}
.posts-grid .grid-item, .posts-grid .masonry-item {
    text-align: left;
}
.entry-header {
    text-align: left;
}
.page-header {
    display: none;
}
.navigation, .inner-box {
    padding: 1.642857rem 5.357142rem;
}
.post-thumbnail img, .entry-attachment img {
    border-radius: 3px;
    margin: 3px auto !IMPORTANT;
}
.wp-block-image img,.entry-content a img, .entry-summary a img, .comment-content a img, .textwidget a img {
    border: 1px dotted rgba(0, 0, 0, 0.3);
    padding: 3px;
}
.sidebar-inner {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 8% 9%;
  box-shadow:0px 0px 9px #0000009c inset;
}

.entry-content .wp-block-image,.post-thumbnail, .entry-attachment {
  margin-bottom: 0.6em;
}
.avatar {
    border-radius: 8%;
}
.author-avatar {
    flex-basis: 3em;
}
.author-link {
    display: none;
}
.entry-content .wp-block-latest-posts {
    list-style: thai;
}
.page-numbers {
    border-radius: 5%;
}
.entry-content .wp-block-gallery {
    margin-bottom: 0.1em;
}

《WordPress theme WildBook》有4个想法

  1. 猫鱼 說:

    握握手,看来你也好享受折腾主题。

    1. Js.nake 說:

      ヽ(*^ー^)人(^ー^*)ノ哈哈哈,是的,没事就喜欢瞎折腾,然后博客一篇不更新,哈哈哈

  2. 模板挺有个性,喜欢英文的字体,这些插件我都快忘了。。。以前都折腾过

    1. 是的,当时看到这款主题后,就放弃使用Toranj的那款主题了,那个主题是我用WordPress唯二使用的主题,就因为wildbook太个性了。整个主题的字体都是谷歌字体调用,很是便捷。

发表评论

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