代码笔记

古腾堡(Gutenberg)添加自定义块

代码笔记

使用阿里巴巴iconfont图标库

代码笔记

文章内页新增彩色渐变框

代码笔记

文章内页新增底部版权申明

7月10日 · 2020年

2020年中总结

77 0
其实接触网站博客这个内容开始起始于2012年,那个时候什么都不懂,直到现在才是真正的算是所谓的“站长”,重新开始的博客差不多一年了,程序换了又换,改版了又改,也不知道能安定多久,域名也马上到期了,不知道是继续还是放弃,对此表示很迷茫,想想初心是什么 坚持写,一周最少一篇,对自己的承诺,自己看得到! 写出快乐,这是在无聊的时间能做的最有成就感的事情~ 为了提高自信这是开始,如何判断一个有质量的人,标准很简单,长期做一件事,有7本共同喜欢的书。 促进认真看书,提高写作能力多读多写,不变法门。以前看所有书都是消遣阅读,像看小说一样翻到结尾,至多冒出一句写的真好,这本书太牛了。然而怎么个好法牛法,跟人推荐的时候往往词穷。一是读的未必认真,二是表达能力欠佳。培养一个勤写的习惯,促进思考,练习表达,受益终身。 获得反馈 如果幸运,获得反馈,对自己更是极大的鼓励;如果更加幸运,认识几个朋友就更好了。对于这条尤其要平常心。 不作为个人品牌宣传当初看牛人谈写作的意义,有一条很是心动:个人博客就如同门面,信号,是展示自己证明自己的舞台。我对此博客不作此要求;首先这是个练习册,过程记录居多。以现在的水平,实在谈不上证明不证明。所以,不要怕写出来的东西水平太低而不敢写,最重要的事情是写! 主要的读者还是自己,哈哈如果有人看我的文章,我肯定开心;但是不要忘了,这个博客的第一读者是自己呀~ 以后考虑写些经验类文章,模拟读者是他人,这是后话。 暂时空缺。
7月1日 · 2020年

文章内页新增底部版权申明

201 0
1、在模板的 functions.php 文件里添加如下代码: 使其产生相应的函数输出格式和效果 2、在模板中的管理文章的 php 文件,比如 single.php 或 post.php 中的文章底部,比如 </article> 后面添加如下 官方函数参考 本模板的的文章底部版权写法如下: css
6月30日 · 2020年

古腾堡(Gutenberg)添加自定义块

338 0
上篇文章是用纯代码和css编写的渐变框,然后加入了编辑器的按钮,但是Gutenberg用多了,这样来回切换也挺麻烦,想了一下能不能自定义一个区块来实现这个效果其实会更加的方便,花了一晚上的时间来了解了一下,其实实现方法也是不难的,下面就开始详细的介绍。 新的编辑器采用Block块的方式插入文章,把内容分成各种块,方便内容的调整和修改,同时也大大的扩展了编辑器的功能。 目前相关的中文内容还是很少,需要了解更多内容可以参考官方介绍 Gutenberg官方网站 Gutenberg 开发API WordPress 官方图标 如图所示,通过创建自定义块可以更方便的调整文章内容功能和效果,以实现上图的自定义块为例,一步一步的创建。 创建自定义的过程大致分为三步,只要按照我的教程一步一步的来,还是很简单的 在function中注册相关的脚本文件 编辑块Block的JS文件 编辑块的css外观 找到你主题的 function.php文件,在最下方添加以下代码: wp_register_script () 引入核心的js文件 wp_register_style() 引入css外观样式文件 最后我们检测一下是否使用古腾堡,然后排队注册 块是的核心就是JS文件控制的,要实现的所有功能也是靠这个就是文件 blocks, editor, i18n, element, components等均是官方的API接口,实现数据传递 blocks.registerBlockType() 创建Block的函数接口 registerBlockType的几个参数:title(标题)、icon(图标)、category(分组)、attributes(自定义属性) 两个核心函数:edit 和 save ,分别定义了编辑时候的函数和保存的函数 上面我们增加了几个按钮,传递onClick事件,实现点击切换不同的className 通过创建了自定义块,能实现加载不同的 className 了,那我们添加一些样式在 gradient.css 文件中引用,就可以看到效果了! 以上的 css 仅后台展示的效果,文章的内的效果请把 padding:15px…
6月28日 · 2020年

文章内页新增彩色渐变框

255 0
首先把下面的CSS丢到你的主题style.css样式文件内。圆角值修改下边的第三行即可。默认8px 然后把下面的代码放到你主题的函数文件functions.php内 如图,WordPress后台文章编辑器 文本选项插入相应文本框即可。可返回可视化编辑操作。如换行不生效可检查div嵌套关系 经后续测试发现: 此文章css样式部分效果在安卓Android设备上会出现部分不兼容无法显示完整效果。如天空之境在安卓设备上显示是纯粉色。PC和iOS均显示正常。
6月28日 · 2020年

使用阿里巴巴iconfont图标库

105 0
1、先到阿里巴巴的矢量图标库注册一个账号,网址是这个 https://www.iconfont.cn/ 2、然后再新建项目 3、当我们新建了项目以后,这时候就需要去找自己需要的图标了。在图标库搜索自己需要的图标,将其加入自己的购物车 4、当我们需要的图标挑选好了以后,这时开始生成属于自己的图标库吧。将自己选好的图标,添加到自己的项目列表中 5、当图标添加至图标库以后,开始制作自己的css了(个人比较喜欢用 Unicode) 6、 复制class类和图标的样式名称,到主题的菜单标签前面
6月28日 · 2020年

文章段落文本标记

95 0
There is no excerpt because this is a protected post.
6月28日 · 2020年

插入提示工具

72 0
There is no excerpt because this is a protected post.
6月27日 · 2020年

学会盛享生命的孤独

124 0
一个人学会了独处,也就学会了爱的能力。 一个人,当不介意孤独的陪伴,不介意形单影只,其实是内心已然丰满。那些在独处时安享的时光,忍受孤独时不断增强的心理素质,恰好让你在爱的面前更容易像你自己。 有时候,孤独并不可怕,可怕的是不会享受生命的孤独。孤独的人,往往拥有了更多的底气,也拥有着更好的生命姿态。他们明白在看似热闹的狂欢里,其实是一个人的孤单。而一个人的孤单中,却有着心灵的安静和丰满。 生活中,我们都是在一群人的热闹里,想寻找一个让心可以放松安静的港湾。而它不在闹市,却在用孤独垒成的城堡里。 想想爱情,想想那些被山水阻隔的恋情。你就会懂得那些可以在孤独中安静下来的人,才能拥有爱的权利。那些可以在别人离开自己的视线时,依旧能够安静地做事,安静地思考的人,更是一个独立的个体,而不是一棵攀附的植物。 看过太多纠缠,也看过太多的逃避,如果当事人能够学会独处的能力,或许这世间的美好和幸福就可延续。然而,身在幸福中的人并不懂得这些。而是用不断扩大的趋势掠夺了另一个人的自由呼吸,想想,这样的生活,谁能不累呢? 学会给自己留下成长的空间,学会给别人的生活留下余地。不要妄图以爱的名义填满另一个人的生活,也不要以任何理由允许自己肆无忌惮地掠夺别人的生活自由,更要学会在生活中盛享生命的孤独,那样,我们就学会了远离一些负面的情绪,也让离别渐行渐远…… 学会享受生命的孤独,学会理解每一个人的生活方式,学会在情绪失落和无助的时候安静下来,学会面对再杂乱无序的生活都要靠自己,这样,你真的变好了!