继续分享wordpress外贸建站教程。前段时间给一个客户做wordpress外贸独立站，客户临时想添加一个导航栏的毛玻璃效果。这个功能有一些主题和插件可以直接实现，比如Blocksy Pro、Astra Pro，还有一些elementor扩展插件也可以实现。但是这个客户的wordpress外贸独立站已经基本完成，没有用到这些主题和插件，就是用的原生的elementor，没加其它扩展插件。 本着能不加插件就尽量不加的原则，我使用了一个简单的CSS来实现这样的效果，代码如下： 上面的代码中，颜色、背景透明度、blur的数值可以按需修改。 复制上面的CSS代码，然后打开网站的页眉模板，选中最上层容…
最近在继续完善新的YRWP成品网站模板，因为加入了AI插件，所以暂时就叫它YRWP AI模板吧。这个系列的模板我添加了一个多规格管理，里面有两种形式，一种是询盘篮模式，填写后用户可以把不同的子项目产品添加到询盘篮，另外一种是纯展示械，就是只展示一些纯文字信息。 默认情况这个纯展示信息添加后，它在前端显示的样式如上图所示，很简单，没有任何样式。因为考虑到不是每个人都需要这个功能，同时又不把想模板做得太复杂。而且每个人都有不同的审美，这些这部分功能我不准备改。 不过我会给大家分享一些设置好的样式，大家直接把CSS代码复制粘贴到【外观-自定义-额外 CSS】就可以了。下面的CSS样式复制粘贴即可，里…
Elementor编辑器更新之后，后台菜单变得非常复杂，还有一些平台的课程、广告，虽然看起来功能很多内容丰富，但很多是用不上的，这让后台变得很复杂。这里给大家分享一个隐藏Elementor不需要的菜单的方法，只保留Submissions入口，用来查看询盘表单。 实现思路 我们可以通过代码把后台的Elementor菜单和它内部的侧边栏菜单直接隐藏（CSS隐藏，不会影响功能），然后额外在顶部工具栏添加一个表单查看的入口，这样后台就会变得干净些，表单查看页面也会更清爽。 使用到的代码 大家可以直接把上面的代码添加到主题functions.php文件，或者是添加到wp code之类的插件中。 查看效果…
之前我的网站有一个页面添加了密码保护功能，不过它是通过wordpress自带的密码保护实现的，通过代码美化了保护页的样式。这个功能在wordpress 7.0更新后可能出现一个小问题，就是用户输入密码后不能马上看到内容，可能出现一个空白页面，url是：网址/wp-login.php?action=postpass，需要再次刷新才能看到真实页面。所以我觉得有必要更新一下这个功能，用新方法给wordpress网站内容添加一个密码保护功能。 功能代码 这里直接给出代码，大家如有需要，可以直接把它添加到主题的functions.php文件中，或者是添加到wp code之类代码管理插件中，也可以改造成插…
继续分享wordpress建站教程。默认情况下wordpress自带的文章列表中是不显示图片，但在woocommerce产品列表中是有的。这个一般来说影响不大，但如果一定要给wordpress文章列表添加缩略图功能，可以找找相关插件，我记得水煮鱼大神的那个插件可以开启。 如果你不想安装插件，也可以找找相关代码片段，网上挺多分享的，我也找了下，有些确实可以，但效果有些不太行，所以我参考woocommerce样式让AI修改了一下，最后成品代码为： 把上面的代码直接添加到主题的functions.php文件中，或添加到wp code插件中即可，然后刷新页面或清空缓存就可以看到效果了。 好了，分享完毕…
最近的一个wordpress外贸建站项目中，客户需要做一个比较复杂的表单页，同一个页面显示两套表单，但需要通过链接直接打开对应的表单。这种需要首选想到的就是使用TAB标签模块，给TAB标签添加锚点链接就可以了。 但是想实现这种效果得看插件或模板是否支持，有些支持，有些不支持。比如这个网站用的是Elementor编辑器，使用的是Elementor TAB选项卡模块，自带的那个，它原生是不支持的，虽然能过给每个标签指定ID，并通过#锚点链接打开，但它并不会直接打开对应的标签。 如果你跟我一样不想单独装插件来实现，可以参考我使用的方法： 步骤一：设置CSS ID 如上图所示，给不同的TAB标签项目设…
继续分享wordpress网站维护教程。相信很多人的wordpress网站都遇到过前端样式出错的情况，比如排版错乱，原来正常的小图标变的很大。这类问题绝大多数都是缓存导致的。 常规处理步骤 1.清空缓存。可以先本地清空浏览器缓存看能不能恢复，如果不行就在缓存插件中清空一下。如果页面用的是Elementor编辑器，如上图，可以在前端的Elementor下点【Clear Files & Data】清空一下Elementor的样式缓存。 2.特殊情况。部分wordpress主机或服务器会有专门配套的缓存插件，比如siteground主机，有时你用其它缓存插件如wp rocket清空缓存会不起…
Elementor V4的原子化元素代码更简洁，对网站性能的提升会有一些帮助。但是新版本新元素带来的新的操作逻辑，对新手不怎么友好，同时有些功能相对旧版元素功能还更少了。比如原来的容器可以比较容易的实现背景视频和背景图片轮播效果，而且效果挺好的。但是新版本的原子化元素没有提供这个功能，它只能添加背景图片和颜色叠加。 如果你的wordpress外贸建站项目中有这个功能需求，那么有两个方法。 方法一：直接使用旧元素 在Elementor官方没有提供V4的背景视频和图片轮播功能之前，直接使用旧版本元素是最简单方便的。而且现在绝大多数情况下，我们都不太可能完全使用新的V4原子化元素，更多的是需要新旧配…
昨天看到一个悬停背景图片切换效果的教程，如上图这样，鼠标放到那个框框上就切换为对应的背景图片。但感觉看到的这个教程复杂了一些，又是CSS又是JS的，于是我自己折腾了一会，用CSS算基本实现了，这个方法适用于Elementor编辑器（含V4 Atomic编辑器）和古腾堡编辑器。接下来分享介绍。 CSS代码 本教程要用到的CSS代码如下，大家可以把它用到elementor编辑器或古腾堡编辑器中，里面的一些参数值可以自行按需修改。 重点：以上代码中main-bg-box作为主容器的CSS类，hover-item-1、hover-item-2、hover-item-3、hover-item-4作为子容…
© Copyright 2020~2026. 悦然网络工作室/悦然wordpress建站 专注中小企业wordpress建站 All Rights Reserved.网站地图
本站图片来源为Pexels、Pixabay、Freepik、Unsplash等图片库的免费许可，CC0协议;还有部分为自己手绘或AI生成，版权碰瓷请自重！法律服务：law@yueranseo.com
蜀ICP备20016391号-1
川公网安备 51011502000367号
