继续分享wordpress建站教程。最近我自己用woocommerce制作了一个虚拟产品销售的独立站，因为是教程、模板类的产品，可下载可复制，所以单个产品就不需要数量选项，防止用户重复购买。这个需求有插件可以实现，不过我使用的是下面两段代码，分享给大家，有需要自取。 代码一：取消数量，一个产品只有购买1个 上面的代码可以直接复制到主题的functions.php文件中，或者是使用wp code之类的插件添加，启用之后就可以隐藏产品的数量选项，每个产品只能添加一个到购物车。如果继续添加，它会提示错误。 但是，默认的提示消息是You cannot add another’xxxR…
继续给大家分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第6个页面。 如上图，这是一个简约的网站首页或落地页设计稿。我们同样还是分析拆解它的第一个BANNER部分。 分析 我们先边分析一下，第一个BANNER部分初看起来大家可能会觉得非常简单，但实际制作时可能也是遇到问题。对初学者或新手而言，它的难点可能有：黑色的波浪刘海、两个箭头曲线效果、如果让页面元素看起来更生动。 拆解 接下来我们开始对页面进行拆解。（忽略掉页眉导航内容） 如上图所示，这个banner可以看成一个整体，然后里面分成的3个部分。左右两边宽一些，放图片/图标、标题、文本、按钮，中间放一个长条形的图片。…
继续分享wordprss建站教程。收个一个粉丝咨询，他想在wordpress网站中实现一个效果，即显示两种背景色，用来区分LOGO和菜单区域，这也是一种比较常见的导航设计效果。接下来就给大家分析一 下如何制作吧。 分析 我们先来分析一下，这个导航的背景划分成了白色和蓝色。要实现这种效果最简单的方法就是制作一张图片，然后上传作为页眉背景，但这个方法不怎么好。 还可以通过容器划分，把这个导航部分成两部分，一部分设置白色背景，一部分设置黑色背景。但是，这两个颜色之类的划分是有个倾斜角度的，这种方法也不是太好。 还有一种方法是使用页面编辑器的渐变背景功能，通过设置两种渐变后来实现这样的效果，悦然wor…
继续分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第5个页面。 如上图所示，这是一个宠物网站落地页设计稿，整体看直来很简单，主要是图片和文字的组合，再加上一些圆圈的点缀。如果是你来制作这个页面，要怎么做呢？接下来悦然wordpress建站就和大家一起来分析拆解，以第一块BANNER来演示。 页面拆解 第一块BANNER内容看起来非常简洁，主要是文字、图片、背景加上一些圆圈色块点缀。但有的时候，看起来简单的页面，制作起来其实也并不是特别容易哦。 如上图所示，我们可以把整个页面划分为3部分，左边放文字、圆圈色块，中间放图片，右边放一个文字框、圆圈色块。拆解的方式不止一种，我…
继续分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第4个页面。 如上图所示，这是一个简单的网站落地页，也可以作为首页的BANNER部分，整体的结构看着来比较简单。但实际制作时新手可能会在一些细节上犯难。接下来悦然wordpress建站就带大家一起来分析拆解这个页面吧。 页面拆解 这个页面其实是一个整块容器，然后内部由一些子容组成，拆解起来其实也很容易。 如上图所示，这个页面的内容可以拆解为3个子容器，然后每个容器放放对应的内容就可以了。也有其它拆解方式，比如1和2作为一个整体，然后里面再用子容器划分。 页面制作 页面一旦拆解出来之后，制作起来就会相对容易很多了。接下来分…
继续分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第3个页面。 如上图所示，我随便找了张免费图片，这里一个网站页面的设计稿，我们只看第一张图的前两部分，看看可以如何拆解，如何制作。 页面拆解 前两部分其实就是两个模块，这个很容易看出来，就不用再花时间分析了，我们可以直接对页面进行拆解，大概如上图所示。整体来看这个页面其实还是比较简单的，根据我们前两节的页面拆解教程都可以做出来。 页面制作 接下来我们来看看怎么把这个页面做出来，我们直接写大概的步骤了，大家可以参考一下。 模块1制作 模块1整体是一个比较常规的布局，制作步骤如下： 子容器右路边部分如果要严格参照设计稿，做细…
继续分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第2个页面。 如上图所示，这是一个网站的BANNER部分，如果把这个BANNER设置为全屏高度的话，也可以用来制作全屏滚动网站。同样我们把页眉先忽略，只看内容部分，看看可以如何拆解。 PC端页面拆解 这个页面可以有多种拆解方法，但如果考虑到背景颜色的话，把它里面的内容都放到一整块容器中会更好。因为这个页面的背景似乎是用了一个整体的渐变色，所以页面拆解之后大概如上图所示。 这个页面的制作步骤大概如下： 这个整体的整体制作思路大概就是这样，当然仅供您参考，方法不是唯一，只要能实现差不多的效果就行。 移动端页面拆解 这个设计稿…
继续分享wordpress外贸建站教程。做wordpress外贸建站时，Elementor编辑器的使用频率非常高，所以遇到的问题可能也比较多。 如果你的网站页面是使用elementor编辑器制作的，或者是某些页面使用了elementor编辑器制作，那么你就有可能会遇到这样一个问题（主要是新手）：页面原来的样式布局出错，页面显示错乱，很难看，如上图所示。 今天悦然wordpress建站就来帮您分析并解决这个问题。 问题分析 根据悦然个人的wordpress建站经验来看，出现这种情况可能有两个原因。 解决问题 知道了问题原因，接下来开始解决。 清理过期缓存 CSS缓存导致的问题在以前element…
前两天悦然发布了一个Elementor外贸建站课程的预告，在网站上做了一个简单的报名活动倒计时模块，如上图所示。这里给大家分享一下在wordpress中如何制作类似的模块。 先来分析一下这种模块可以怎么做。左边的卡片可以使用一些插件自带的功能，如event等模块，如果网站没有安装这类插件，那就不用单独安装，使用现有的模块做一个也可以。右边的内容其实就是一个倒计时模块和一个按钮。接下来悦然wordpress建站分别给大家介绍古腾堡和Elementor中如何实现。 古腾堡制作 wordpress自带的古腾堡区块可以实现上面的大部分，但倒计时不行，所以这里我们还是要借助古腾堡增强插件，悦然就以Gre…
© Copyright 2024. 悦然网络工作室/悦然wordpress建站 专注中小企业wordpress建站 All Rights Reserved.网站地图
本站图片来源为Pexels、Pixabay、Freepik、Unsplash等图片库的免费许可，CC0协议;还有部分为自己手绘，版权碰瓷请自重！法律服务：law@yueranseo.com 蜀ICP备20016391号-1 
川公网安备 51011502000367号
