优创客电子商务工作室

聊聊wordpress建站到底行不行

2021-8-28 玖月客 学习的心得笔录

如果你是一个没怎么接触过wordpress外贸建站的新手,那么你大概率会看到下面这样的言论。

  1. 千万不要用wordpress建站 ......

  2. 为什么我不推荐您用wordpress ......

  3. wordpress非常容易被黑,不安全......

  4. wordpress使用复杂,学习困难......

类似的言论还有更多,换作是我,要不要我已经用wordpress做了超过200个网站了,我可能也一不小心就相信了。图片

我也懒得再去反驳类似的观点了,太多了,每个人的观点都可能不同,wordpress也好,其它建站工具也好,它只是一个工具,只要用好了就行。只要你觉得其它建站工具更好更符合你要求,那你直接去用就好了。

有很多黑wordpress的帖子其实都是做建站的人发的,他们可能用的是其它的闭源建站系统,懂的都懂了,也不细说了。

几乎所有人都存在一个从众心理,免不了人云亦云,这样就比较容易被人误导,如果遇到一些别人用心的人,那还可能掉坑里。悦然觉得大家还是要有自己的主见,不要人云亦云。

不管别人怎么说,只要大家稍微仔细一点去甄别网上有关wordpress的信息,那么你一定会发现一个不可否认的事实,那就是wordpress的生态目前几乎是独一档的存在,不管是主题、模板、插件都非常多,绝大多数的建站需求都可以从已有的主题、模板、插件中找到解决方案。

wordpress外贸建站学习会员服务正式上线!

不管你是找人用wordpress建站或是自己学习wordpress建站,它都会相对容易很多,成本一般也会节约很多,这就是wordpress建站的优势。

好了,就聊到这吧。

评论(0) 浏览(643)

给Wordpress网站元素添加动态漂浮效果

2021-8-28 玖月客 学习的心得笔录

继续分享wordpress外贸建站教程。之前的一个wordpress外贸建站项目中,为了让页面元素不过于单调,我给一些装饰性的元素添加了CSS动态动态漂浮效果。

其实这个代码是向AI请教出来的,不敢独享,分享给大家吧。

代码分享

selector {
  animation: float 1s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

如上所示,代码中的1s代表时间,数值越小,漂浮的动作就越快,下面的px控制元素运动的幅度。这些数值可自行修改。

使用方法

这段代码可以使用到elementor或古腾堡中。

图片

如果你使用的是elementor编辑器(需要pro),打开编辑器,选中需要添加效果的元素,比如按钮、图片、文字等,然后打开【高级设置】-【Custom CSS】把上面的代码粘贴进去就可以了。


图片


效果如上面的动图所示。

给WP古腾堡区块添加CSS效果


如果你使用的是古腾堡编辑器,那可能需要安装第3方插件才能更方便的使用这段代码。悦然wordpress建站以前给大家分享过一个插件Blocks Css,大家可以安装试试,然后上面的代码使用方法是一样的。在古腾堡中选中元素,然后添加CSS代码就OK了。


图片


如果你安装了GreenShift插件付费版,那么它自带了自定义CSS功能,只要是使用GreenShift提供的模块,选中之后,点右边的高级设置-【响应式和自定义CSS】,然后把CSS代码粘贴进行就可以了,不过稍微不同的是需要把selector换成{CURRENT},具体请看下面的代码。

{CURRENT} {
  animation: float 1s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

评论(0) 浏览(132)

Elementor弹窗不能编辑,打不开怎么办?

2021-8-28 玖月客 学习的心得笔录

继续分享wordpress网站维护教程。最近遇到一个客户咨询,他们网站的elementor弹窗模板不能编辑、不能修改、不能添加,但其它页面是正常的,可以使用elementor编辑修改。

图片

当打开popup弹窗模板时,会出现上图这样的提示,点开安全模式同样不行。一般情况下大家如果网上搜索,找到的答案都是让你检查网络,或者是检查服务器,检查php配置,但客户的这个网站已经参考了网上的大多数方法,都不管用,php设置也没有问题。

所以接下来还是得通过经验判断,或者用排除法来验证了。处理步骤如下:

1.先做好网站备份。

2.禁用其它插件看能不能打开,排除插件干扰。

3.尝试降级或升级elementor/elementor pro。

图片

经过悦然wordpress建站的检查,排除了其它插件干扰,所以可以尝试降级或升级插件。不过当我检查插件列表时发现一个问题,客户使用的elementor pro版本太老,有提示更新,但直接更新一直不成功,或许这就是问题所在。

图片

实际测试下来也确实如此,我手动上传安装高版本的elementor pro之后,网站就恢复正常了,elementor的popup弹窗模板可以正常打开。看来就是这个问题——elementor pro版本过低。

除了今天提示的这个问题,悦然wordpress建站之前还遇到过其它一些非主流的elementor故障。如果你的网站elementor出现了某些故障,常规的处理方法又不管用的话,可以去看看我之前的分享。

评论(0) 浏览(171)

Wordpress中给表格添加边框的另一种方法

2021-8-28 玖月客 学习的心得笔录

悦然wordpress建站已经分享过很多篇关于网站插入表格的教程,大家如果感兴趣可以去看看。之前分享的内容应该可以解决大多表格相关问题了。


Wordpress外贸建站教程:Elementor编辑器插入表格没有边框怎么办?

图片

wordpress最新插入复杂表格的方法

图片

Wordpress建站教程:网站表格插入方法及相关问题汇总

图片


今天再给大家分享一个表格相关问题。前几天有客户咨询,他的网站复制word或excel表格到网站时不显示边框,他使用的是经典编辑器,所以我之前分享的教程不适用(上面第1个),那要怎么办呢?


悦然这里分享一个相对比较简单的方法。

图片

1.把表格复制到经典编辑器后,点右上角的【Text/文本】,然后可以看到表格的HTML代码,大概如上图所示。

style="border: 1px solid #ddd;" border="1"

2.接下来我们只需要对这个代码进行一点小小的修改即可显示边框了。这里会用到上面的CSS代码,其中数字可以修改,#后面的是颜色值,你可以修改为任何的颜色,或者就这样直接用。

图片

3.把上面的代码css代码添加到表格代码第一行的【table】后面,如上图所示。

图片

接下来切编辑器切换到正常模式【Visual/可视化】,此时表格应该就会显示边框啦。

评论(0) 浏览(147)

宝塔面板申请通配符SSL证书的方法

2021-8-28 玖月客 学习的心得笔录

现在免费的SSL证书好像都是3个月了,腾讯的1年期免费证书也没了。如果不准备花钱买,那一年大概就要换4次SSL证书。

如果你用的是国外wp主机,那应该没啥影响,因为基本都是自动续签的。

如果你做的是中文网站,放国内的,那就麻烦点了,一个网站还好,多个网站也挺烦人的。虽然有办法可以自动续签自动部署,但对普通用户还是有使用门槛,而且自动部署的好像是不能直接自动部署到CDN或对象存储(应该是我还不清楚、不会,有大神会的可以分享一下哈)

图片

最近我的一批网站证书就要到期了,其它未使用CDN和对象存储的网站都是宝塔自动续签的,但使用了CDN和对象存储的网站就不得不做一些手动操作了。

因为还有一些二级域名站点,所以我这里用了宝塔上面的通配符证书(也是3个月),只需申请一次,然后二级域名和就不用再单独弄了,可以减少一点工作量。

简单步骤如下:

图片

1.打开宝塔SSL证书管理,点开Let’s Encrypt,如果目前已启用证书,可以先关闭,然后如图所示,选DNS验证。

图片

DNS接口按实际选,比如我是阿里云的域名,所以就选阿里云。然后它会提示你输入Accesskey和Secretkey

图片

2.登陆阿里云。鼠标放到右上角用户头像,点AccessKey管理,去生成一个Accesskey和Secretkey,记得保存复制下来。

图片

3.然后回到宝塔,把Accesskey和Secretkey粘贴进去,保存。

图片

4.接下来勾选【自动组合泛域名】,下面的域名只勾主域名,www或其它二级域名都不要勾选,最后点申请就可以了。

评论(0) 浏览(115)