WordPress模板编辑无法预览怎么办

免费和付费的Wordpress页面生成器(Page Builder)插件

不是程序员,不懂前端代码,如何快速的构建精美的Wordpress网站页面呢?采用手工方式编写一个页面的过程总是会有这样或者那样的问题。但有了WordPress页面生成器,采用拖拽式方式就可以快速的创建、编辑和定制你的网站布局,而且无需编写任何代码。

Wordpress页面生成器是什么

在WordPress中,页面生成器是一种插件或主题组件,用户使用最少的时间和精力来布局和设计页面。通常具有拖放功能和预先设计的模板、布局和设计元素,并且可以实时编辑和预览最终页面。页面生成器是一个快速设计网站的完美工具,具有高质量的设计,而且不需要了解代码。通过页面生成器使定制你的页面布局更快、更容易、更灵活,就像玩乐高积木一样,可以在网站上选择、重新排列和设计自己想要的各种效果。

使用Wordpress页面生成器的好处

1. 不需要专业的编码知识

阻碍大多数人进入IT行业的主要原因之一就是面对代码时会产生恐惧心理。多数人对一行行的HTML、CSS、JavaScript等编程语言代码犹如读天书一样,根本进入不了下一步操作,但是仍然可以在页面构建器的帮助下创建功能齐全的网站。如果自己本身就是一名资深的开发人员,大多数页面生成器也允许进行专业的编码。

2. 提高生产力
建立多个不同的页面需要花费大量的时间,尤其是自定义编码。由于页面生成器预先准备好了各种组件、自定义模板和工作流程,用户不用从零开始设计或者成为设计专家,通过几步微小的操作就可以轻松的创建出优秀的页面,节省大量时间和大大提高生产效率。

3. 维护成本低

如果付费购买的产品,卖家会定时进行更新,确保与最前沿的技术保持同步,会有一个相当大的社区来讨论这个工具,并提供相应的技术支持。如果出现了产品问题,社区支持可以帮助你渡过难关,用户可以完全专注于业务本身,而不是花时间在不应该关心的事情上。

免费的Wordpress页面生成器Beaver builder

Beaver Builder是一款流行的WordPress拖放式页面生成器插件,对新手非常友好,在WordPress社区受到高度评价。Beaver Builder提供布局教程,配备了30多个精心设计的着陆页模板和各种各样的小工具,可以迅速的创建令人惊叹的网站布局和精美的网站页面,提供免费精简版和付费版本最低75美元一年起。

Elementor

Elementor是一个流行的实时页面构建器插件,像大多数页面生成器一样,可以轻松地从头开始建立网站,不需要任何编码技能,而且可以免费使用。Elementor提供了许多现成的模板和大量的各种小工具,使用拖放功能就可以轻松的替换和编辑页面上的各种内容。免费版本可以解决大部分需求,如果需要更加高级的功能,可以购买专业版,49美元一年。

WP Page Builder

WP Page Builder是Themeum主题的一个前端页面编辑器插件,有60个预先设计好的模块、38个扩展、和27个布局包以简化创建网站流程,是那些不想在网页设计上花费大量时间的用户的理想选择。WP Page Builder基本免费版本可以满足创建基本网站的需求,如果想拥有插件更新、优先支持和访问扩展功能可以购买付费版本,个人版39美元一年。

SiteOrigin Page Builder

SiteOrigin Page Builder是一款免费的、开源的、古老的、轻量级的、功能强大的WordPress页面构建器,超过200万安装量。SiteOrigin Page Builder拥有直观的界面,容易学习,可以使用用户熟悉和喜爱的小部件轻松构建漂亮的,响应性的内容。每年花费29美元升级到付费版SiteOrigin Premium,可以解锁更多吸引人的效果。

Brizy Page Builder

Brizy Page Builder插件是一个面向非技术人员的拖放页面构建器。用户界面很简单,提供大量的模板库和小部件,非专业用户可以快速创建一个精美而又专业的网站。免费版可以获得超过40个模板和24个构建器元素,如果想要更多的模板和功能可以升级付费专业版,付费专业版一年只需29美元。

Themify Builder

Themify Builder是一个流行的主题开发程序,有超过40个可用的主题,每个Themify主题中都内嵌WordPress Themify Builder,也可以作为一个独立的页面构建器在任何WordPress主题中使用。Themify Builder主要好处之一是拥有大量专业的预先制作的页面模板库,可以用它来快速创建任何登陆页面,还可以从其他网站导入或导出任何你喜欢的设计布局。高级版本Themify Builder Pro,提供了很多额外的功能,包括1年的支持和更新,价格只要69美元。

Page Builder Sandwich

Page Builder Sandwich是一个易于使用、简单直观的WordPress可视化页面构建器插件,不必考虑任何后端设计,无需了解任何代码就可以快速创建功能强大且美观的页面。虽然页面构建器插件提供免费版本,但升级到高级版本将解锁高级功能,如多个矢量图标、Google地图的定制版本、短代码映射和插件,以及添加自定义CSS,单个站点39美元/年。

Live Composer

Live Composer是一个创建和定制WordPress网站的一体化免费开源解决方案,使用这个拖放页面构建器,不必担心编码或雇佣web开发人员或设计师就可以快速、轻松地构建一个伟大的网站。只需要为Woo-Commerce支持和高级集成(ACF, CPT, Mega Menus)付费。

Spectra

Spectra是一个免费的WordPress页面构建器插件,扩展了默认的Gutenberg编辑器功能,还提供了许多高级功能和额外的块。它被设计成不同水平的人都能尽可能容易地使用,拥有大量工具、模板和资源,还可以对排版、颜色、页眉、页脚和块进行控制,不需要接触一行代码就可以轻松建立一个性能卓越的网站。

Fusion Page Builder

Fusion Page Builder是一个灵活的、可扩展的、免费的WordPress页面构建器,可以进行无限的定制,允许免费添加和创建自定义插件,并且与所有的WordPress主题兼容。Fusion Page Builder使页面构建过程变得更加容易和轻松,可以让用户快速建立专业的网站。

付费的Wordpress页面生成器WPBakery

WPBakery是一个领先的WordPress拖放式页面构建器插件,提供前端和后端两种编辑模式,不需要任何编码就可以为网站创建一个完全自定义的设计。内置50个小部件和超过250个插件来控制站点布局,为了更快的网站建设,WPBakery为任何类型的业务提供了超过100个预先设计的模板。支持第三方插件,如WooCommerce、Essential Grid和各种联系表单,与任何WordPress主题兼容。WPBakery普通版56美元/年,专业加强版299美元/年,提供单个或多个使用站点、高级支持、免费更新、主题集成和访问模板库等权限。

SeedProd

SeedProd是一个强大的拖放页面编辑器插件,用户可以在几分钟内轻松构建任何WordPress登陆页面(Landing Page),不需要编码,无需雇佣开发人员和设计师,非常适合小企业主、营销人员和网页开发人员。插件提供了各种基本功能页面,如营销页面,HTML 404,新品发布和维护模式。为了帮助收集营销线索,SeedProd支持各种电子邮件营销服务提供商,如ConvertKit, Zapier, MailChimp和ActiveCampaign。SeedProd价格从79美元/年起,最高可达599美元/年。

Divi Builder

Divi是使用最广泛的付费WordPress主题之一,Divi Builder是一个可视化所见即所得的页面构建器。Divi Builder简单而强大对初学者友好,不用碰任何一行代码就可以设计出专业的网站。Divi Builder提供超过800个预先制作的布局设计和超过100个完整的网站包,适合自由职业者,网站开发人员和互联网机构。Divi Builder提供了两种付费方式——89美元的年订阅方式和249美元的终身会员。

Visual Composer

Visual Composer是一个WordPress页面构建插件,提供了拖放页面构建器和易于使用的界面,拥有大量的背景和动画效果,允许用户在WordPress网站上创建独特和有趣的响应式页面设计。这个页面构建器插件与各种社交媒体网络和插件集成,如Facebook, Twitter和Instagram、WPForms、WooCommerce、SEO插件Yoast。免费版虽然许多重要功能被禁用了,但是非常适合基础项目,付费版则解锁了网站建设的所有功能,从每年49美元的单站点许可到349美元一年的一千个站点许可。

Thrive Architect

Thrive Architect是一个受欢迎的页面生成器插件,允许用户在WordPress中创建页面,尤其适合初学者和网络营销人员,是任何网站建设者的理想选择。Thrive Architect配备了一个令人印象深刻的模板库,采用拖放的方式就可以迅速创建高转化率、独特的、让人眼前一亮的内容页面,Thrive Architect价格为每年97美元。

Zion builder

Zion builder是一个响应式的前端页面构建器,Zion builder将灵活性和高性能结合起来,以创建加载速度快、页面美观、排名高的网站。通过可视化编辑器,即使没有任何编码知识也可以创建和布局网站页面。Zion builder工作非常精确,可以将要设计的元素位置精确到毫米级别,非常适合注重细节的设计师。Zion builder价格实惠,单个网站授权只需39美元一年。

Cornerstone

Cornerstone是一个拖放式的WordPress页面生成器插件,具有真正直观的前端用户界面,通过编辑器和预览区为设计师提供即时反馈。Cornerstone是一个由一系列元素和模块组成的页面构建器,通过这些元素和模块能够创建极其复杂和可定制的页面布局,为了获得最佳的编辑体验,它已经被优化为与X主题一起使用,价格为65.5美元一年。

Oxygen Page Builder

Oxygen Page Builder通常被看作是一个完整的网站编辑工具,相比与其他的页面生成器,它允许用户对页面内容中的所有元素进行精确的修改,从菜单到侧边栏,从页眉到页脚。Oxygen builder非常轻巧,不会添加无用的代码,还加载了最小的CSS和JS文件。Oxygen Page Builder不需要一个主题,甚至可以 "禁用 "正在使用的主题就可以工作,不过价格也不便宜,起步价格为129美元每年。

MotoPress Content Editor

MotoPress Content Editor是一个强大的可视化页面编辑器,为帮助WordPress文章和页面创建自定义设计而建立的工具。通过拖放的方式,即使缺乏相应的编码知识和设计技能也可以创造出富有创意的页面。对于那些具有HTML、CSS和JavaScript技术的人来说,MotoPress Content Editor可以大大加快设计工作流程,价格实惠单个网站授权一年只需要39美元。

Genesis Pro

Genesis Pro是一个强大的WordPress页面生成器,在Genesis内容构建模块的帮助下,可以更快地建立网站,它的独特之处在于,它是为Gutenberg编辑器建立的。预设20多个全页面布局设计,内置50多个预设区块和先进的用户权限管理,不过价格比较昂贵,采用订阅模式,服务费用为360美元/年。

BoldGrid

BoldGrid是一个现代化的、拖放式的、轻量级的、响应式网站建设工具,简单易用,可以毫不费力的将网站创建与Wordpress进行无缝对接。不需要任何编码技能或页面设计专业知识,就能够快速建立和定制一个专业的网站。BoldGrid更像是一个完整的解决方案,提供几乎无穷无尽的扩展和预先配置了一系列移动友好的主题和插件,可以最大限度地为用户的数字营销目标服务,基本价格为60美元每年。

外贸阿里云、腾讯云、百度云哪个好?如何配置WORDPRESS网站?

做外贸这么多年,从开始自已写HTML代码用虚拟空间,到使用国内的CMS,到学会用WORDPRESS,使用WORDPRESS主机,再到直接选用轻量云服务器,分享一下自已的感受和经验。

域名注册

国内的阿里、百度、腾讯都差不多费用,腾讯略便宜,于是我开始把需要续费的转到腾讯了。

之前买的GODADDY虚拟空间,送域名,发现没有隐私保护,然后试了一下单独注册同样没有免费隐私保护,需要另加钱。但这个网站访问不稳定。

国内所有注册商都有隐私保护,管理也方便,最起码访问时不会出问题。

域名解析DNS

现有的域名有阿里、百度、腾讯的。研究后发现,免费的DNS解析三家都没有海外节点使用,但阿里的国内节点中明确有海外解析,我不太懂块,暂时以阿里的解析为主,使用时也并未发现百度和腾讯(DNS POD)的对海外解析不友好。倾向阿里云DNS,因为解析更改后生效时间极短。百度的解析变更后很慢,有时需要十几分钟后才ping出来正确的IP。

所以,建议用阿里云DNS,可以免费解析非阿里云注册的域名。

服务器

最初选用的是带CPANEL的虚拟空间,国内的西部网络等,后面使用了GODADDY、SUGARHOSTS美国虚拟主机,然后改用阿里云香港,现在使用腾讯云香港。下面一个一个说。

GODADDY,CPANEL后台,在淘宝上买的特价主机,续费太贵。国外主机的老毛病,访问不稳定!

SUGARHOSTS主机,个人认为没有突出优点。按月付费贵,按年付费便宜。最初认为只要是美西,在太平洋东岸离中国最近,网速不会差,结果发现我在国内用电信网络访问后台非常不稳定,下载速度不超过20KB/s。后来才知道还有美西中美极速的,费用略高一些,但我未使用。CPANEL面板管理还算方便,有数据库和文件备份功能,有访问记录,无限带宽和流量,网站数量不限,但限制索引节点,我中途挂了4个站就是示索引节点超限了。优点是美西访问速度快,但美东访问速度一般。

阿里云香港轻量服务器,30Mbps带宽,流量有限制,但作为外贸站足够。我是按月付费的,1C1G,安装BT PANEL,开了阿里云CDN,效果一般。尤其是电信网络访问香港服务器时据说链路要绕国外中转,我自身的体验是极慢,同我使用SUGARHOSTS几乎一样。所以大概一年左右看到腾讯云也有香港轻量,果断换了。

腾讯云香港轻量服务器,配置价格与阿里完全相同,但国内电信访问速度很好,同国内网站一样。最初是98抢了一年有上海独立服务器,建了一个中文博客站。后发现香港轻量云,果断上了1C2G,因为在阿里云的教训,内存不够用,上了2g的。上海服务器到期后中文站迁到香港轻量云,没感觉到访问速度有区别。

期间了解过百度、京东云没有香港轻量,华为云需要预存1000以上,都不合适。总体来说目前腾讯香港轻量较满意。

服务器配置

现在都是老规矩了,安装BT PANEL。

最初时使用PHP+APACHE,不懂任何技术,只是看教程。后来了解到NGINX效率更高,就换了过来。在1C1G的阿里轻量云上内存硬是用到八九百兆,也就五六个站。

换腾讯云后上了2g内存,也能用到1G。

后来终于换上OPEN LITESPEED,内存占用彻底降至不足500M,活跃的网站有6个,另外挂了几个测试站,一共14个。

所以服务端建议PHP+OPEN LITESPEED组件。

WORDPRESS后台配置

据称,WORDPRESS的可用对象缓存有ReDis和Memcached,可百度详细方法。我选用了后者。前者在测试时多个站同时开启后访问时会串站,A站打开后访问页面时会跳到B站。我完全搞不定,非专业人士嘛,就放弃了。

对于国内访问为主的中文站,WORDPRESS安装Litespeed Cache、Memcached Is Your Friend两个插件。

开启LITESPEED CACHE缓存后,同时还要在此插件中打开MEMECACHE对象缓存选项,请读者朋友们自行探索。

对外贸站,我最初也是同上述配置,但使用CDN后频繁出错,访问时有各种莫名其妙的问题。于是,在所有CDN加速的网站上,不使用上述2个插件。

优化插件

为了减少代码、加快站点速度和SEO,以下是我的必备插件:

SEO ULTIMATE:可以自定义关键词、TITLE和描述的,另外还有社交分享通用的OPENGRAPHICS标签,可任意设置分享到FB等外网的属性。

REMOVE WORDPRESS OVERHEAD:删除模板头部的多余元素,比如页面元素、无用的js代码等,可以简化HTML头部。但此插件与我用的部分模板的冲突。

MINIFY HTML:简化代码,删除多余的注释。

WP No Base Permalink:去除系统默认的分类目录页的URL中的category等,直接减少网页URL层级。

Remove CPT base:配合上面的插件,部分模板有自定义页面类型,比如PRODUCTS,可以单独去除URL中的字眼。

zhanzhangb-baidu-submit和Sitemap by click5:专为中文站用,百度作恶,必须用唯一的站点地图格式。前者是主动推送插件。

Advanced Image Sitemap:外贸站专用,站内图片索引到搜索引擎。

Google XML Sitemaps: 外贸专用,网页新建或修改后通知GOOGLE BING,也生成站点地图。

网站后台设置

中文站url直接选用自定义/%post_id%/。

外贸站选文章名。

如果开启了HTTPS,网站常规设置中,WordPress地址(URL)和站点地址(URL)的网址前面均以HTTPS开头。

HTTPS加密

目前没有确定说HTTP不好,但普遍建议开启HTTPS,可以在宝塔面板上申请,然后打开强制HTTPS。

注意,要先在面板上启用并强制,然后再到上面说的后台改HTTP为https,否则当场就进不了网站后台了。

如启用后不将URL改为https,网页显示不全,图片和CSS会加载不到。

CDN加速

中文站因为访问距离近,不面向海外,未开启加速,只使用LITESPEED缓存插件,访问速度非常满意。

外贸站在开启上述插件时,发现CDN加速访问会有莫名其妙的问题,缓存机制之间可能的冲突。于是使用CDN的外贸站后台不开缓存。

如果不用CDN,还是需要上述后台的缓存。

如果网站启用了HTTPS,需要注意下面的问题。

最初使用阿里的CDN,开HTTPS后,必须在CDN中配置HTTPS否则访问时会提示不安全。但阿里云CDN中使用服务器上同样的SSL证书后网站不可访问,报错TOO MANY REDIRECTS,询问客服后得知,必须在CDN中另外再申请一个SSL证书才可以使用。

但SSL本意就是为使网站访问更安全,如果CDN中不配置SSL,那服务器端也无必要配置SSL了。

所以如果使用阿里云CDN,二选一:服务器和CDN均不配置SSL;均配置一个独立的SSL(2个不同的SSL证书)。

但使用腾讯云则不存在此问题,直接将服务器的私钥和证书复制到CDN的HTTPS证书界面,保存后网站可正常访问。

另外,使用阿里云CDN后,国内访问非常慢,因为使用的是仅海外加速(不包括国内),并非全球加速(需要备案过的才可以全球加速)。我猜测是解析和链路过多导致访问太慢。而使用腾讯云同样仅海外加速,国内访问则并没有出现太高的延缓,仅比未开CDN的访问速度稍慢。

所以目前针对没有备案、仅面向海外的外贸站,建议使用腾讯CDN(暂不与其它CDN比较).

我的CDN中的其它重要配置:

开启压缩和CSS/JS合并。节点缓存设置为1天(如果网站后台有更新,第二天节点上更新)。浏览器缓存设置为14天(有利于终端访问速度和SEO排名)。

具体使用上,阿里和腾讯的CDN都选择了海外加速(不包括中国大陆),但实际在国内访问时,阿里云CDN的访问极慢,而腾讯云的好些。所以考虑国内维护网站需要,建议后者。百度云也有海外加速,但需要申请,不直接对外开放。我原本是申请试用看看,可申请后没任何进展和答复。

费用上,因为都是企业站,访问量不大,一天也才几分、最多几毛钱。不用在乎价格差异。

目前想到的就这些了,欢迎朋友们提出更多建议和分享更好的技巧!谢谢!

#外贸##SEO##外贸干货分享##CDN##网站#