Tag: WordPress

2023-07-08

我们设计制作网站，或者自己在检验请人搭建的网站是否适配各种不同的显示设备是其中很重要的一个点。根据我自己建站的经验，现在阶段移动端用户访问网站的比例已经达到了百分之四十多接近一半了。那些在移动端没有适配，只是把电脑端缩小显示的网站可想而知会损失多少的流量。 访问网站常用的设备有电脑，平板，手机。那么如果你不是同时拥有这些设备的情况下，或者想更快速的查看网站的适配情况，下面的工具是很好的助手，这也是我平时开发当中会使用到的工具。 浏览器右键检查（inspect） 无论你是使用谷歌浏览器，还是火狐，Edge或者其他品牌的浏览器，都有一个右键检查的功能。只需要点击右键，找到检查inspect。你就会进入一个拥有工具栏并且可以选择不同设备的界面，同时还会显示当前的分辨率多少，而且还可以自己填入想要的分辨率。工具完全是免费的，属于浏览器自带的功能。 Chrome插件 Mobile simulator - responsive testing tool 你只需要在你的谷歌应用商店搜索Mobile simulator - responsive testing tool并安装，在扩展列表把这个扩展钉住这样就可以显示在插件栏。 使用方法也很简单，浏览器输入要检测的网站，并点击插件图标，这样你就进去了界面，可以看到这个和浏览器自带的不一样的地方是他给你套了一个当前工具的图片，类似于手机截图套壳。不过你也会发现，一个这个工具免费是是会带有一些广告的，而且有些设备型号需要付费Pro版本才能使用。 Responsively 官网：https://responsively.app/…

2023-06-23

这篇文章我从外贸出口建站角度聊聊做一个网站需要准备的东西。 在现在这个阶段，特别是一场疫情打击下，在外贸领域，我知道很多人都明白了一个道理 - 不能完全靠线下展会了。因为线下展会指不定什么时候就被中断，延期了，也许是几个月，也许是几年。有一个专业的独立站是很多人在考虑的，但是因为自己又不懂，不知道要准备什么东西。下面就以我自己作为业务出身，同事亲身实践自己一点点建站以来实操的经验分享给大家。 做一个网站分为自己做和请人做，这篇文章我着重将如果你请人做一个外贸独立站你自己要准备的东西。在后面的文章我也会聊如果是自己学习建站，你需要学习那些技能和知识，同样可以让你少走很多弯路。 域名 划重点，任何时候域名千万要拿在自己手里。有太多的案例，域名在服务商手里，最后不合作导致的一系列问题。 哪里注册域名？ 注册域名有很多个选择，但是我建议你，如果以后还会注册更多的域名，最好是在一家注册，方便管理，续费等等。 阿里云 阿里云的域名注册前身是万网。在阿里云注册的好处是，可以用支付宝支付，中文界面看得懂，管理续费方便。我自己很多域名也是在阿里云注册的。 Namesilo Namesilo，老牌的域名注册商，价格便宜，支付的域名扩展多，同样也可以支付宝支付。不过个人没有使用过，个人觉得界面有点老旧。 Namecheap Namecheap，是另外一个老牌的域名注册商，同样的价格不贵，界面个人觉得会比Namesilo好看一点。 Cloudflare Cloudflare，更多被熟知的是CDN，DNS，域名解析服务。不过其实域名注册也可以在Cloudflare上完成。缺点是他只能用信用卡支付，并且支持的域名扩展比较少，价格也并没有多少优势。好处是如果你的域名全部是在cloudflare上托管的，在这里注册方便统一管理。 托管服务器 有了域名，下一步需要考虑的就是你的网站存放在哪里，网站是一个24小时都在运行的展厅，所以放在你自己点脑里面是不太现实的。这时候就需要用到云服务器，如果你的网站的用户基本是国内，那么优先选择阿里云服务器。如果客户都是国外的那么选择会比较多，但是多了也就意味着选择困难。下面说说我所用过的一些服务器： Siteground…

2023-06-11

Bricks builder，是一款很年轻的WordPress生态下的页面构建器（页面生成器），它的1.0版本是2021年3月16号发布的。相比如其他市面上大家耳熟能详的工具Elementor 2016年发布，Divi 2013年发布，Beaver builder，2014年发布，Oxygen builder 2016年发布，Webflow（非WordPress下的产品） 2013年发布。它比其他的工具起码晚了5年的时间出现。 我的建站经历 Avada主题 我的了解和尝试建站是从2017年初开始的，那时候在阿里云注册了两个域名，空间是在淘宝买的那种香港主机，照着网络教程起码是把WordPress程序搭建好了。最开始了解到的建站工具是Avada，Avada是一款主题，功能非常强大的主题，也是当时很多国内WordPress用户推荐和使用的一个主题。当然了，一个正版的主题要60多美金。对于刚开始入门的我来说自然是可望而不可及的，所以我就在网络上找到了破解版本的Avada。最终的结果是我并没有用Avada建出一个完整的网站来，就算最后我熟悉了点使用流程后真的花钱购买了正版的主题软件。关于Avada，后面几年慢慢的也不被大家推荐了，因为一款工具如果做的什么功能都有的话必然也就意味着臃肿和速度的牺牲了。 Divi 印象中似乎Divi当时是比Avada更强大的一个工具，界面很华丽，可视化编辑。不过最终在试了之后一个页面也没有建出来。 Elementor页面构建器 终于到了一款工具让我真正完整的建成了一个网站，这就是elementor。现在回过头来看，有几个因素： 通过elementor，我终于建立好了一个属于我自己的完整网站，而且是比较复杂的Woocommerce网站，带有比较多的custom field，自定义内容。 但是问题随之出现，我发现用elementor建好这样的比较复杂的网站，无论我自己如何优化，电脑端的打开时间也要6秒左右。无奈之下我在Fiverr上找了人来专门优化速度，优化好之后首页能到3秒左右。但是产品页面因为比较复杂，打开速度还是堪忧。 Oxygen builder…

2023-05-28

Automatic CSS在国外WordPress圈子是一款比较火的工具，特别是你如果有用bricks builder, Oxygen builder这样的WordPress页面构建工具，这个工具几乎无法避开讨论的。搜遍了中文互联网，似乎没有找到什么文章来介绍这个工具的。也许是这个软件太小众，也许大家只是默默的在使用没有说而已。写下这篇文章记录一下我从2021年11月份购买这个软件，在开发者Kevin Geary的youtube频道，内部圈子不断的学习教程下，自己WordPress建站的一些心路历程。 什么是CSS framework（CSS框架）？ CSS 框架（framework）是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块,用于简化web前端开发的工作，提高工作效率。通俗的理解，它就像是超市里面卖的那种给你切好，搭配好的肉，菜一样，你买回去就可以直接炒菜了，省去了你自己去处理的过程。 什么是Automatic CSS? Automatic CSS是一款专门为WordPress生态编写的一款CSS framework（CSS框架），能极大的提升建站时的工作效率和网站的统一性。官网：https://automaticcss.com/，目前已经支持的编辑器有Oxygen builder, bricks builder。之后还会支持Wordpress默认的Gutengburg和Zion…