最近给一个wordpress B2C网站做维护时，他们想给woocommerce打折产品添加一个优惠角标，这样能够更明显一些，提醒用户有优惠，可能有助于成交。 其实这是一个woocommerce中本身就有的功能，大多数主题一般也会集成这个功能。但客户的网站是修改过的，而且前后经过了多人修改，主题本身的优惠角标功能已经无效了。安全起见我不准备修改他们的主题设置，也不想再安装插件。所以使用下面的代码给产品详情页添加了一个文字角标。 上面的代码中，【HOT】文字可以修改为其它任意内容，但不要太长，尽量简短一些。CSS样式代码那里可以自行修改字体大小、颜色、padding内距等。代码可以添加到 wp …
悦然YRWP系列wordpress外贸建站模板是一个打包好的整站数据，包含常规wordpress外贸网站建设所需要的主要内容，而且可以一键导入，导入即可得到和演示站一样网站的网站。接下来给大家介绍如何导入模板。 悦然给大家提供了两种导入方法，分别对应两种数据格式。 方法一：使用wpstg文件格式 购买并下载好模板后，里面提供了一个wp-staging插件，在wordpress后台安装好这个插件，然后激活插件。（注意，请不要升级插件） 接下来如上图所示，在wordpress后台打开【WP Staging Pro】-【Backup&Migration】，然后点【Upload Backup】…
YRWP系列模板都是基于Elementor设计的主要页面。虽然是Elementor好用且强大，但个人还是建议要合理使用，比如只在主要的单页面或模板页使用Elementor制作，其它的内容页如文章产品都尽量使用wordpress自带的功能，用古腾堡区块来写内容这样会更好一些，可以减小网站数据库的负担。 所以YRWP系列模板的文章和产品我都默认使用了古腾堡编辑器，如需使用Elementor编辑，也可以，我会教程的最后会讲。下面介绍YRWP系列wordpress模板如何发布产品。 步骤一：后台点发布新产品 步骤二：使用古腾堡编辑器写内容 因为产品默认使用的古腾堡编辑器，所以和写文章基本上一样的。填写…
一个Elementor页面是由多个不同的布局模块组合而成的，我们用Elementor建站就是把不同的模块组合起来，展示我们的产品与服务，或者是在线销售产品。但是很多新手或懒人来说，自己来制作各种模块还是过于困难了，大多数人可能会选择直接导入模板。 但是直接导入模板也可能会遇到问题，如果是导入主题森林的那种模板套件，可能要先安装配套的插件，然后一个个页面导入，再应用，也会有些繁琐。之前悦然做过Elementor成品站，就是把这些模板套件统一安装并打包好，方便大家一键导入，但是问题又来了，直接导入只适合新项目，会覆盖原来的内容。 如果你只喜欢某个模板中的其中一小部分，或者你只想为你现有的网站添加一…
最近在做wordpress样板库模板，我需要实现的功能是会员登陆后可以一键复制样板代码，然后ctrl+v粘贴到他们自己的网站就可以把模板样式复制过去，过程要尽可能简单方便。 能实现类似复制功能的插件很多，不少代码块插件或专门的复制插件应该都可以，但因为这个功能不公开展示，仅会员可见，所以我想它再简单一些，也不想再装插件，所以最终通过下面的代码实现了这一简单功能。 添加一个代码区块，把代码放上去，发布之后效果如上图所示。在我的网站中对应的会员登陆后可以在右上角一键复制。就是这么一个简单且实用的功能。分享完毕。 这个复制功能其实也并不一定只用来复制代码，复制其它文本也是可以的。因为最新的wordp…
继续分享wordpress独立站建站教程。今天悦然给大家分享一种简单通用的网站轮播图片设计没方法，使用这种方法无需抠图，无需PS，只需要稍微好看一点的产品图片就可以了。 如上图所示，这是给一个客户的网站设计的首页BANNER广告图样式。最开始客户给和图片是没办法直接使用的，因为图片上面本身就有文字，这样加按扭和宣传文案就不好看了，精细一点的处理方法是把产品主体抠出来，然后再通过网站配文字，但是这样太折腾，每换一个主推产品就得处理一下，如果公司没有专职美工，那就特别麻烦了。 方法 结合实际情况，悦然wordpress建站使用了一种简单粗暴的方法，直接把素材图片放上去，再通过背景叠加点缀，最后再配…
继续分享wordpress独立站建站教程——页面结构分析拆解。今天我们来分析第8个页面。 这是一个主题鲜明的旅游网站首页模板，也可以作为一个全屏模块，或者是作为单独的落地页。 分析 如果做做单个页面，这个页面的制作并不难。但是设计稿左下角有一个切换的按钮，一般这种都是想做成轮播的，简单的图文轮播大家可能都问题不大，但是把一个完整且丰富的页面模板作为轮播要怎么去实现呢？这就是我们今天需要解决的问题了。 拆解 接下来我们开始对页面进行拆解，先把单个页面拆解出来，再去考虑轮播的问题。 如上图所示，我们可以先把页面分成左右两个部分，然后再分别制作左右两部分的内容。左边的部分可以再细分为两个；右边的部分…
继续分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第7个页面。 如上图所示，这是一个简单的网站首页设计，此网页设计采用“多区域、多色块”的网格布局，合理分配视觉重点，强化内容层次感，具有良好的视觉引导和信息组织能力。 分析 实际上，这个页面的整体设计很简单，就是几个容器的组合划分，接搭配不同的图片和包块即可。只要把它的整体布局划分出来，做起来就相对容易了。 拆解 接下来我们开始对页面进行拆解。（忽略掉页眉导航内容） 如上图所示，这个页面可以分成左右两个部分，然后左边的再进行细分，可以分成上下两个部分，然后下面的再划分成3部分，这个整个页面的拆解就完成了。 制作 通过上面…
继续分享wordpress建站教程。最近我自己用woocommerce制作了一个虚拟产品销售的独立站，因为是教程、模板类的产品，可下载可复制，所以单个产品就不需要数量选项，防止用户重复购买。这个需求有插件可以实现，不过我使用的是下面两段代码，分享给大家，有需要自取。 代码一：取消数量，一个产品只有购买1个 上面的代码可以直接复制到主题的functions.php文件中，或者是使用wp code之类的插件添加，启用之后就可以隐藏产品的数量选项，每个产品只能添加一个到购物车。如果继续添加，它会提示错误。 但是，默认的提示消息是You cannot add another’xxxR…
© Copyright 2024. 悦然网络工作室/悦然wordpress建站 专注中小企业wordpress建站 All Rights Reserved.网站地图
本站图片来源为Pexels、Pixabay、Freepik、Unsplash等图片库的免费许可，CC0协议;还有部分为自己手绘，版权碰瓷请自重！法律服务：[email protected] 蜀ICP备20016391号-1 
川公网安备 51011502000367号
