一个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…
继续给大家分享wordpress外贸建站教程——页面结构分析拆解。今天我们来分析第6个页面。 如上图，这是一个简约的网站首页或落地页设计稿。我们同样还是分析拆解它的第一个BANNER部分。 分析 我们先边分析一下，第一个BANNER部分初看起来大家可能会觉得非常简单，但实际制作时可能也是遇到问题。对初学者或新手而言，它的难点可能有：黑色的波浪刘海、两个箭头曲线效果、如果让页面元素看起来更生动。 拆解 接下来我们开始对页面进行拆解。（忽略掉页眉导航内容） 如上图所示，这个banner可以看成一个整体，然后里面分成的3个部分。左右两边宽一些，放图片/图标、标题、文本、按钮，中间放一个长条形的图片。…
继续分享wordprss建站教程。收个一个粉丝咨询，他想在wordpress网站中实现一个效果，即显示两种背景色，用来区分LOGO和菜单区域，这也是一种比较常见的导航设计效果。接下来就给大家分析一 下如何制作吧。 分析 我们先来分析一下，这个导航的背景划分成了白色和蓝色。要实现这种效果最简单的方法就是制作一张图片，然后上传作为页眉背景，但这个方法不怎么好。 还可以通过容器划分，把这个导航部分成两部分，一部分设置白色背景，一部分设置黑色背景。但是，这两个颜色之类的划分是有个倾斜角度的，这种方法也不是太好。 还有一种方法是使用页面编辑器的渐变背景功能，通过设置两种渐变后来实现这样的效果，悦然wor…
继续分享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号
