最近文章

Automatic CSS – 一款为WordPress打造的CSS框架

Automatic CSS在国外wordpress圈子是一款比较火的工具,特别是你如果有用Oxygen builder,Bricks builder这样的wordpress页面编辑器的话,这个工具几乎无法避开讨论的。搜遍了中文互联网,似乎没有找到什么文章来介绍这个工具的。也许是这个软件太小众,也许大家只是默默的在使用没有说而已。写下这篇文章记录一下我从2021年11月份购买这个软件,在Kevin的youtube频道,内部圈子不断的学习教程下,自己wordpress建站的一些心路历程。 什么是Automatic CSS? Automatic CSS是一款专门为Wordpress页面编辑器而编写的一款CSS framework(CSS框架),能极大的提升建站时的工作效率和网站的统一性。官网:https://automaticcss.com/,目前已经支持的编辑器有Oxygen builder, bricks builder。之后还会支持Wordpress默认的Gutengburg和Zion builder,Cwicly等工具。注意是不支持Elementor的,因为Elementor不支持自定义CSS。 CSS 框架是一系列 CSS 文件的集合,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块,用于简化web前端开发的工作,提高工作效率。 Automatic CSS可以做什么? 我们知道使用科学的CSS框架, 会减少你的开发时间和提高效率,因为在平时的网站编写设计中总会遇到很多重复使用的代码参数。 Automatic CSS就是一款这样的工具,其预设好的CSS可以帮助你: 自动文字大小 Automatic.css 支持的网站上包含文本的任何内容,无论是标题、段落、列表、表单字段还是其他任何内容,都通过 12 种不同的大小选项遵循完美的数学等级层次结构,在不同的显示分辨率下自动调整字体的大小。平时一般我们设置比如把桌面端分辨率下下字体设置成16px,平板和手机端如果不单独设置都会显示16px大小,如果要在这两段显示不同的字体大小就必须单独在对应的分辨率下去设置。同过Automatic.css的自定义css,如 text-m,实际上你已经得到了一个在不同分辨率下自动调整大小的字体设置。如下图所示,字体会从14px到16px去自动调节,大屏幕字体大,小屏幕字体小。 自动颜色 设置您的品牌颜色,Automatic.css 会自动生成每种颜色的六种色调变体。 类使您能够使用这些变体为任何元素(包括背景和覆盖)着色,您甚至可以通过 Automatic.css 颜色实用程序变量将它们与自定义类和 ID 一起使用。 Primary color:设置网站的主色调。Secondary color:设置第二颜色,提示颜色。Accent color:强调性颜色,可用来做CTA按钮等。。。。 相对于直接设置颜色代码,通过设置变量的方式可以很好的保持设计的延续性和一致性,也可以避免每次都要输入记住一堆没有意义代码的麻烦。另一个好处是如果你会将这个网站移植到新的站点,可以及其方便的一键更换网站色调。 自动边距 与 Automatic.css 中的排版一样,边距、填充和间隙都遵循完美的数学比例,让您可以访问六个层次间距值和六个层次部分间距值,所有这些都是自动响应的。 此外,间距实用程序变量确保即使是完全自定义的元素也具有一致的间距。 自适应不同的设备 Automatic.css 使用先进的 CSS Clamp 和 Calc 技术来确保所有版式、边距、填充和间隙都根据您网站的最大和最小视口尺寸完美响应。…

Excel大于等于号占的格子很高(宽)的解决办法

不知道是不是用excel 2022版本的缘故,在工作中excel输入内容如果遇到大于等于号≥这样的符号时候,点进去这些符号会占一个很高的格子,类似于网页css里面有一个很大的padding top, padding bottom数值。双击选中他发现他的字体是Cambria Math,而我设置的字体是Arial,设置更改字体也改不了。 这个问题困扰我我很久,之前我的临时解决办法是把文字设置成微软雅黑。后面在一次搜索看到有人提供了解决办法,在Excel选项 - 语言 - office创作语言和校对这里把英语设置成首选,重启excel就不会出现这个问题了。 原因可能是因为有大于等于符号被当成一个是数学公式了。 特写此博客记录一下!

Windows 11 下多标签资源管理器Clover下黑框的解决办法

因为看重Window 11 新设计的颜值,我最近把我的笔记本升级到的Win 11系统。相比与成熟的win10,整体使用下来确实还是会有卡顿,不知道是不是我的配置比较老旧的缘故还是新系统的问题。鼠标右键明显卡顿,最后变为旧版的界面得到解决。 软件上面基本上常用的办公软件适配都没有什么问题。只是有一个我经常用到的Clover - 多标签资源管理器,会有很大一块的黑块,就像这样: 强迫症患者表示不能忍,最后发现把资源管理器换回旧版的能解决这个问题,步骤如下: Win + R 打开“运行”,输入regedit回车。打开注册表注册表定位到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Shell Extensions,右键Shell Extensions,新建,选择“项”,命名为Blocked。 右键Blocked,新建,字符串值,命名为{e2bf9676-5f8f-435c-97eb-11607a5bedf7} 重启电脑即可变为经典资源管理器 办法并不是完美的,如果缩放了文件夹下面能看到重影,也不知道后面的更新会不会就失效了,但是起码黑色的块还是去掉了,特写此博客记录一下。

WordPress文件夹神器Happy Files

Wordpress的原生媒体库可以说-简直了。所以每一次新的网站都要装一个文件夹插件,最开始用的是FileBird,应该是2美金样子买的,用下来也还不错,但是一个只能用在一个网站。 直到后来在看到有人推荐了另一款插件 - Happy Filles,看了下介绍好评非常多,很多人认为官方应该收购这个插件。看了下官网Pro版本,要59美金,可以无限个网站整体还是挺良心的。 但是对于拿着人民币工资的我来说三百多的价格还是有点贵的,于是搜索了下Fiverr,果然有人拿上去贩售,价格5美金,算上手续费也就7美金一个,果断下单买了一个。 Happyfile这个插件强大之处不止在于管理媒体文件,甚至博客,页面同样可以创建文件夹分类,这就真的非常实用了。

Happy files screenshot

我的建站工具

Automatic.css

一款专门为Wodpress建站工具Oxygen,Bricks builder而开发的CSS框架(CSS framework)

Bricks builder

Happyfiles作者的又一力作,一款现代的网页编辑器,界面友好,功能强大。

Oxygen

一款轻型的页面编辑器,直接把主题禁用了,做出的页面代码干净,速度快。

Happyfiles

Wordpress媒体文件管理最好的工具,没有之一。通过Happyfiles可以非常方便的分类管理媒体素材。

SEO framework

免费的SEO优化插件,界面简洁,功能一点都不弱。

WPcodebox

付费的wordpres代码php,CSS管理软件,支持云端储存代码。