分类: 建站

18 篇文章

教程|微博/推特自动转发为博客脑电波
工具 奇点APPIFTTTIFTTT Post Formats & Post Types(WordPress插件) 微博 → 推特 奇点是一个iOS平台的微博第三方客户端,它能够较完美地将微博内容同步转发到推特,包括图片和文字。实际上它的界面也与Twitter神似,以蓝色为基调。我怀疑开发者和目标用户都是推特群体。同步过程几乎无时差,但似乎…
常用短代码
显示左边框的折叠区块折叠内容 [collapse title="显示左边框的折叠区块" showleftborder="true"]折叠内容[/collapse] 有图标和标题的警告 [admonition title="有图标和标题的警告" icon="exclamation-triangle" color="red…
浏览器开发者工具轻度使用指南
查看元素的CSS样式 进入开发者工具的方式:键盘 F12 或者 Ctrl+Shift+I 或者鼠标右键菜单 - 检查。 你可以直接用鼠标定位到一个元素,然后查看它的样式。这个功能需要点亮左上角的箭头按钮。 你会发现左下角的 Styles 窗口里面显示的就是这个元素的 CSS 样式!而且还能看到这个样式在哪个 …
WordPress 主题修改经验
新手一般不知道,踩了很多坑…… 子主题很鸡肋不要直接改CSS,添加额外CSS来覆盖不要直接改PHP,用JavaScript来取代用好浏览器开发者工具 至于子主题为什么鸡肋,见WordPress 子主题能干什么以及不能干什么。额外CSS怎么用,见不要再傻乎乎地通过主题编辑器style.css修改主题样式了。JS如何取代PHP见本篇。浏览器开发者工具轻…
养一只博客宠物
我尝试了两种方式,普通平面图像与 Live2D 半立体图像。 宠物一:浮动小人 主题页脚 (footer.php) 添加以下代码。另外还需要一个js文件与图片。 折叠的代码 <!--.浮动小人--> <script type="text/javascript"> <?php if(is_home()) echo 'var…
WordPress 子主题能干什么以及不能干什么
子主题基本用法 以Twenty Ten主题为例: 子主题放在wp-content/themes目录下属于自己的目录里。下面的结构显示的就是子主题和它的父主题(Twenty Ten)在典型的WordPress目录结构中的位置: wp-contentthemes (主题存放的目录)twentyten (示例中父主题Twenty Te…
Argon 主题修改记录
动手前建议阅读WordPress 主题修改经验。 文章过时信息显示 作者已更新此功能,可跳过。 计算发布日期,显示修改日期。如果间隔天数为0显示为今天,为1显示为昨天。 在模板函数(function.php)中1409行左右开始改为: 折叠的代码 //文章过时信息显示 function argon_get_post_outdated_info(){…
不要再傻乎乎地通过主题编辑器style.css修改主题样式了
我真傻,真的,我单知道要改css文件,却不知道世间竟有这等好物…… 第一,不是所有主题都只有一个CSS文件。 比如Argon主题,除了style.css,它还有至少3个CSS文件,分别为: argon.cssargon.min.cssargon_css_merged.css merge是合并的意思,Argon主题真正使用的应该就是第三个CSS文件,…
遇到的一些 CSS
CSS注释格式:/*This is a comment*/ 透明与模糊 opacity:0.5; /*透明度*/ filter: blur(4px); /*模糊毛玻璃效果(整个元素)*/ backdrop-filter: blur(20px); /*背景模糊毛玻璃效果(元素背后)*/ #text::before /*伪元素*/ { content:…