如何把自己的英文站导航栏单词从大写改成首字母大写呢?

如何设置英文网站的文案导航的大小写

 

作为一个强迫症患者,我经常会为网站的小细节,寻找最佳的解决方案。

最近上线了一个新的英文博客,用了一个新的Wordpress主题,当我设置好导航栏的时候,发现开发者用的导航栏全部是默认大写。其实,对于海外顾客,母语为印欧语系的客户,看到纯大写的单词,是没有阅读障碍的,但是,对于,非母语的人士来说,对于纯大写是有一定的阅读障碍的。所以,我决定把主题的导航栏,大写字母全部改掉,原因除了是让非母语人士也能有不错的阅读体验外,也是因为:

1. 在英文中,纯大写的排版并没有那么好看,首字母大写,从排版的视觉角度看,更具有层次感。

2. 纯大写还有一个用处是用来强调,所以大写可以适用在网站里,你最想让客户看到的地方,比如首页的Banner上的活动海报,热推款商品,爆款文章的标题等等,如果所有的导航都用大写,就失去了强调作用了。

3. 很多美国的大的独立购物网站的首页,导航栏文案都采用的是首字母大写,比如亚马逊,Sephora,NordStorm等等。这些文案的书写排版方式,一般都是经过海量用户访问后,验证的最佳展现方式。

4. 你网站的访客,并不一定都是英文很好的母语人士,向下兼顾,照顾更广泛的用户习惯于偏好是更好的选择

接下来,我们就来说说,具体该如何操作,让网站的导航栏,首页的其他文案,秒变首字母大写呢?

使用Wordpress搭建的网站,因为是用CSS样式表来定义网页的样式的。所以呢,我们就可以让浏览器强制显示某些英文字母,成为我们想要的样式。

Wordpress的开发者,一般都是使用“text-transform”这个属性,并赋予一定的值,然后强制浏览器将英文字母显示为首字母大写、全部大写字母、全部小写字母的外观。下面就是text-transform 值:

Capitalize 英文拼音的首字母大写
Uppercase 英文拼音字母全大写
Lowercase 英文拼音字母全小写

具体技术细节,咱们就不讲了,接下来,我们就来讲讲具体如何操作。首先,我们打开Wordpress后台,鼠标停留下在目录选项:外观,然后选择:主题编辑器,找到进入编辑主题的 CSS样式表,具体操作如下图所示指导,进入后,把所有的CSS样式代码,全选,并且复制。然后在电脑的桌面新建一个.txt文档,再把复制的代码粘贴进去,然后使用替换功能,把主题样式里的所有 Uppercase 替换为 Capitalize,然后复制新的替换完成的代码文档,回到ordpress后台,粘贴到样式表里,保存并更新,再次打开首页的时候,你就会发现,首页的导航栏就变成你想要的样子,全部是首字母大写,读写起来很流畅的排版了。

 

wordpress如何修改英文网站全部大写变首字母大写

wordpress如何修改英文网站全部大写变首字母大写

 

PS: 如果你用的是shopify或者其他的CMS软件搭建的网站,修改方法大同小异,都是去CSS样式表里修改后,保存更新就可以了。

本篇小结:很多外贸人或者运营人,只要提到修改代码,就很畏畏缩缩,其实,基础的代码修改,对于大多数有英语基础的外贸人,都是很简单的,不需要各种复杂的逻辑,就相当于玩连连看,找对位置,复制粘贴就可以了。慢慢理解了代码的工作逻辑,再去深入了解,也不会畏难。

 

外贸交流QQ群

WhatsApp外贸交流QQ群

             WhatsApp外贸交流QQ群

 


更多关于Victor满天星博客的精彩内容

我们的海外推广讨论社区欢迎你:点击直达

更多WhatsAPP营销与运营经验分享:点击直达

更多关于Facebook广告与运营经验分享:点击直达


Victor的满天星博客跨境电商

Victor:跨境电商独立站站长,出海互联网人,外贸营销咨询师。我的微信:dadacheng2014 我的QQ:3367191254  欢迎来访加我好友交流的朋友,请记得自我介绍,我可以备注下。另外,不接受免费加QQ或者微信咨询,理由不是我缺钱,恰恰是我时间宝贵很值钱,而且我也不叫雷锋。如果实在有问题需要问,但是又预算紧张的小伙伴,可以访问博客留言区提问,我每周都会认真统一时间回复大家的,博客区,我尽量有问必答,除非太不会问问题。

 

 

 

相关推荐

暂无评论

发表评论

您的电子邮件地址不会被公开,必填项已用*标注。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

如何把自己的英文站导航栏单词从大写改成首字母大写呢?