标签: 2024主题

  • 汇总整理下本站所有使用的WordPress插件-精选WP博客插件推荐

    汇总整理下本站所有使用的WordPress插件-精选WP博客插件推荐

    网站到目前为止应该不会再有大的变动了,为了后续其他网站也有类似需求,故此,整理下本站在使用的所有插件。

    本站所有样式、页面、文章内容、侧边栏等等都是基于古登堡块。因此,轻松地:

    由于发现很多古登堡的块/样式插件使用时都会出现类似样式丢失的情况,而多次刷新后又恢复正常,反反复复,不厌其烦,因此,本鱼直接抛弃了所有的古登堡区块插件,转而使用wordpress内置区块编辑器完成所有的一切样式。但部分不影响主功能的古登堡插件保留了下来。

    插件下载地址:

    后台设置图:

    二、Bookmark Card

    这是一款将外链嵌入文章变成卡片式/列表样式风格的美化插件,兼容Anylink插件,本站没有使用这个插件,此处仅为收藏。该插件也有2年没有更新了。

    样图:

    三、Cachify

    用于做下网站基础的缓存,连接服务器的memcached使用。可以方便的完成缓存清除!

    后台配置图:

    设置区域,需要在nginx conf中添加的部分:

    以下是本站的nginx配置代码,含伪静态:

    location /
    {
    	 try_files $uri $uri/ /index.php?$args;
    	 error_page 404 405 = @nocache;
     
        if ( $query_string ) {
            return 405;
        }
        if ( $request_method = POST ) {
            return 405;
        }
        if ( $request_uri ~ "/wp-" ) {
            return 405;
        }
        if ( $http_cookie ~ (wp-postpass|wordpress_logged_in|comment_author)_ ) {
            return 405;
        }
    
        default_type text/html;
        add_header X-Powered-By Cachify;
        set $memcached_key $host$uri;
        memcached_pass localhost:11211;
    }
    
    rewrite /wp-admin$ $scheme://$host$uri/ permanent;
    ## GZIP
    gzip_static on;
    
    
    location @nocache {
        try_files $uri $uri/ /index.php?$args;
    }
    

    四、Code Snippets

    由于本站使用的是wordpress 默认的2024主题,因此没有地方可以用来放置部分php代码片段,因此,该插件能帮不少忙,同时能够清晰的知道那行代码是用来做什么的【手动备注】,删除修改也方便,

    免费版后台界面一览:

    五、IZ Block Editor Tooltips

    这个插件是找了好久才找到的一个插件,能够做到,快速添加tooltips,鼠标悬浮这里,你就可以看到什么叫tooltips了。强推!尤其是那些惜字如金的,有时候真的难以理解某些缩写/代号是什么意思,那使用这个插件即可,几乎没有占用。而且后台添加操作简直不要太丝滑!

    这就是所有的设置项:

    六、Prismatic

    这是一个代码高亮插件,内置了3种代码高亮方案【prissm.js/ highlight.js/ Plain Flavor】,对本鱼来说,其使用比很多代码高亮插件要简单,因此毫不犹豫地就上了。代码高亮对本站来说太有必要,还有代码复制功能,自己去集成这些总没有直接使用插件方便,快速。

    后台设置:

    七、Simply Static

    这个插件是为本站后续做纯静态化做准备,有试过 WP2STATIC ,出现了安装报错,可能是PHP版本问题,而这个插件还可以,可以生成全站链接的静态压缩包然后可以下载下来。方便地后续转移至任何一个能够托管纯静态资源的地方,如: GITEE, Serverless, Github, Cloudflare等等有太多的选择,而且几乎没有费用!

    八、TinyPNG – JPEG, PNG & WebP image compression

    一款图片压缩插件,后台简洁使用方便,压缩效果好。使用邮箱注册即可!如果有域名邮箱的话,可以注册多个,因为免费版限制每月500张图片,对于个人博客应该是足够了。

    九、USS Upyun

    wordpress图片上传UPYUN插件,搜一圈,upyun(及又拍云)可能太小众了?仅有2款插件:

    这款插件可以说是 bookmark card 插件的升级版【功能意思,非同一开发者,之间也没有关系】,做了许多自定义项。主要有:

    • 后台可设置自定义样式模板【不是特别好用以及方便设置】
    • 可点击选择下载获取到的图片/上传自定义图片作为目标网站图片
    • 可编辑网站名称/标题
    • 兼容古登堡编辑器
    • 可以放自己站的链接/站外的链接

    一些个图片:

    后台设置:

    十一、Wenprise Pinyin Slug

    自动转换 WordPress 中的中文文章别名、分类项目别名、图片文件名称为汉语拼音。

    【主要为了防止图片链接的中文编码乱码问题】

    十二、WP Sitemap Page

    通过短代码来输出网站地图,即,短代码输出站点地图。本鱼主要拿来做网站的搜索用,为后续的纯静态化做准备。放弃使用该插件了, 因为短代码有冲突,古登堡编辑器中存在与其他插件不兼容的情况。

    目前改为使用另一款插件:

    输出界面选项够用,html版本样式也不错,可以用来做后续的静态化搜索。

    关于Html的展示效果,你可以点击这里查看。

    十三、Wenprise Pinyin Slug

    一款能将URL中的中文字符转拼音的插件。旨在解决:很多图片上传时命名是用标题命名的,不使用转换直接上传的话,图片的文件名将是中文的,然后,图片链接就会是中文转编码之后的,很长而且可读性差不利于SEO,故此使用这类转换插件就可以解决这个问题。

    设置页面图:

    十四、WPOPT

    一款由果壳剥壳站长开发的wordpress优化插件,功能实用实测能有不错的优化效果,应该说,该插件并不改变站点结构,只是优化掉原wordpress中不适应中国地区使用习惯的部分选项,

    插件作者自述:

    WPOPT插件,是由本站开发的一款WordPress优化插件,能对WordPress底层功能进行优化,支持功能开关,系统加速等功能。

    目前有几十种开关可以供使用,同时,每个功能都有开关说明。将永久免费提供给广大WordPress用户使用。

    2.0版本全新发布,采用vite打包,界面采用Vue3+element-plus制作。无论是外观,还是框架功能,都是空前的强大。

    十五、简易目录(EOC(easy table of contents))

    一款精简的wordpress文章目录插件。具体效果你可以看本文章右侧边栏的文章目录区域。

  • 使用古登堡及WordPress默认2024主题来自定义各项内容

    使用古登堡及WordPress默认2024主题来自定义各项内容

    一、简单记录下一个粘性定位的问题。

    看到文章有时候内容太长,如果往下滑动时,右侧边栏会因为没有内容了导致一篇空白影响美观,因此想要让右侧边栏变得相对左边的文章内容粘性。

    解决方法并不复杂,只需要css使用position: sticky 属性就好了。【ps: 才不考虑IE及落后浏览器的兼容性问题!】

    附上代码:

    .apost-content{
    height:100%;}
    
    .sidebarsticky{
       position: sticky !important;
       top: 0px;
      height: 100%;
    
    }

    注意:以上代码不一定适用于所有的网站。

    需要注意几点核心:

    1. 高度,【2个相对定位的元素需要有高度属性,否则无法定位,高度可以是百分比/定高,但一定要有。】
    2. 注意css冲突。【添加完成不生效后,一定要学会在前端进行debug,看看添加的代码是否正确,如果出现position: sticky这种,说明有其他css干扰,你可以添加!important 来加强优先级,如上述代码。】

    二、记录下文章标题的拟写规范:

      一级标题序号 如:一、二、三、

      二级标题序号 如:(一)(二)(三)

      三级标题序号 如:1.2.3.

      四级标题序号 如:(1)(2)(3)

      五级标题序号 如:①②③

    三、记录下开站后先做的事情

    (一)ico文件 – 即网站图标

    随意百度搜索或者ps导出一个ico格式的图片文件,放在网站根目录即可,一般命名: favicon.ico

    (二)伪静态

    无论是后期生成纯静态还是网站SEO,都推荐以.html结尾,如图: