之前遇到一个客户需求，他们想修改woocommerce产品详情页默认的购物按钮部分的位置，原来是显示在产品简短描述后面，现在他们想显示在上面。这种需求在有些主题或编辑器中很好实现，比如Blocksy主题就可以在自定义设置中直接拖动调位置，如果你的产品详情页是使用的elementor定制的，那么也可以比较容易的修改，直接在详情页模板中拖动位置即可。 但是客户的网站不行，他们使用的是一个我也没听说过的wordpress主题，产品详情页是主题的默认样式，不支持直接编辑，要编辑的话就只能修改代码了，但修改主题代码有风险且麻烦。 所以我使用以下面的方法： 步骤一：禁用产品页默认购物模块 把上面的代码直接…
有很多想学wordpress外贸建站的用户在第一步就可能会遇到问题，那就是建站基础工具的购买和使用——云服务器和虚拟主机。 所以悦然wordpress建站专门录过一期教程，给大家详细讲解了云服务器和虚拟主机从购买到安装配置，以及优化维护的全部流程，学完本套视频教程你就可以比较轻松的玩转云服务器和虚拟主机，安装和部署wordpress也不会再有什么问题，也能够更加轻松的学习正式wordpress外贸建站课程。 其实这套视频教程已经发布很久了，但目前依然适用，大家可以参考。可能是因为现在人都比较懒，不太能够静下心来学习新东西，之前也有很多用户咨询过我相关问题，我都是直接发教程链接给他们，但几乎没几…
YRWP系列模板都是基于Elementor设计的主要页面。虽然是Elementor好用且强大，但个人还是建议要合理使用，比如只在主要的单页面或模板页使用Elementor制作，其它的内容页如文章产品都尽量使用wordpress自带的功能，用古腾堡区块来写内容这样会更好一些，可以减小网站数据库的负担。 所以YRWP系列模板的文章和产品我都默认使用了古腾堡编辑器，如需使用Elementor编辑，也可以，我会教程的最后会讲。下面介绍YRWP系列wordpress模板如何发布产品。 步骤一：后台点发布新产品 步骤二：使用古腾堡编辑器写内容 因为产品默认使用的古腾堡编辑器，所以和写文章基本上一样的。填写…
制作一个B2B类型的wordpress外贸建站，产品展示功能是刚需。可能是我们看各种电商网站比较多，它们的产品展示形式大多数都是如上图这种样式的，早已深入人心，所以不出意外绝大多数人都想用这种形式来展示自己的产品。 但都用这种形式是不是有点单一呢？比如你的产品和宠物、儿童相关的，那有什么办法让这个页面再活泼一点、生动一点呢？ 悦然的YRWP系列模板为产品图库提供了一个简单的图片边框和圆角设置项，您可以根据您的产品类型对它进行一些微调。 比如我在YRWP004这个宠物类的wordpress外贸网站模板中就把图库的缩略图设置成了圆形，这样可以让图片展示更生动，更符合宠物这个产品类目了（当然仅仅是个…
继续分享wordpress独立站建站教程。今天悦然给大家分享一种简单通用的网站轮播图片设计没方法，使用这种方法无需抠图，无需PS，只需要稍微好看一点的产品图片就可以了。 如上图所示，这是给一个客户的网站设计的首页BANNER广告图样式。最开始客户给和图片是没办法直接使用的，因为图片上面本身就有文字，这样加按扭和宣传文案就不好看了，精细一点的处理方法是把产品主体抠出来，然后再通过网站配文字，但是这样太折腾，每换一个主推产品就得处理一下，如果公司没有专职美工，那就特别麻烦了。 方法 结合实际情况，悦然wordpress建站使用了一种简单粗暴的方法，直接把素材图片放上去，再通过背景叠加点缀，最后再配…
继续分享wordpress独立站建站教程——页面结构分析拆解。今天我们来分析第8个页面。 这是一个主题鲜明的旅游网站首页模板，也可以作为一个全屏模块，或者是作为单独的落地页。 分析 如果做做单个页面，这个页面的制作并不难。但是设计稿左下角有一个切换的按钮，一般这种都是想做成轮播的，简单的图文轮播大家可能都问题不大，但是把一个完整且丰富的页面模板作为轮播要怎么去实现呢？这就是我们今天需要解决的问题了。 拆解 接下来我们开始对页面进行拆解，先把单个页面拆解出来，再去考虑轮播的问题。 如上图所示，我们可以先把页面分成左右两个部分，然后再分别制作左右两部分的内容。左边的部分可以再细分为两个；右边的部分…
继续分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第7个页面。 如上图所示，这是一个简单的网站首页设计，此网页设计采用“多区域、多色块”的网格布局，合理分配视觉重点，强化内容层次感，具有良好的视觉引导和信息组织能力。 分析 实际上，这个页面的整体设计很简单，就是几个容器的组合划分，接搭配不同的图片和包块即可。只要把它的整体布局划分出来，做起来就相对容易了。 拆解 接下来我们开始对页面进行拆解。（忽略掉页眉导航内容） 如上图所示，这个页面可以分成左右两个部分，然后左边的再进行细分，可以分成上下两个部分，然后下面的再划分成3部分，这个整个页面的拆解就完成了。 制作 通过上面…
继续给大家分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第6个页面。 如上图，这是一个简约的网站首页或落地页设计稿。我们同样还是分析拆解它的第一个BANNER部分。 分析 我们先边分析一下，第一个BANNER部分初看起来大家可能会觉得非常简单，但实际制作时可能也是遇到问题。对初学者或新手而言，它的难点可能有：黑色的波浪刘海、两个箭头曲线效果、如果让页面元素看起来更生动。 拆解 接下来我们开始对页面进行拆解。（忽略掉页眉导航内容） 如上图所示，这个banner可以看成一个整体，然后里面分成的3个部分。左右两边宽一些，放图片/图标、标题、文本、按钮，中间放一个长条形的图片。…
继续分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第5个页面。 如上图所示，这是一个宠物网站落地页设计稿，整体看直来很简单，主要是图片和文字的组合，再加上一些圆圈的点缀。如果是你来制作这个页面，要怎么做呢？接下来悦然wordpress建站就和大家一起来分析拆解，以第一块BANNER来演示。 页面拆解 第一块BANNER内容看起来非常简洁，主要是文字、图片、背景加上一些圆圈色块点缀。但有的时候，看起来简单的页面，制作起来其实也并不是特别容易哦。 如上图所示，我们可以把整个页面划分为3部分，左边放文字、圆圈色块，中间放图片，右边放一个文字框、圆圈色块。拆解的方式不止一种，我…
© Copyright 2024. 悦然网络工作室/悦然wordpress建站 专注中小企业wordpress建站 All Rights Reserved.网站地图
本站图片来源为Pexels、Pixabay、Freepik、Unsplash等图片库的免费许可，CC0协议;还有部分为自己手绘，版权碰瓷请自重！法律服务：law@yueranseo.com 蜀ICP备20016391号-1 
川公网安备 51011502000367号
