一直以来都抱着这样的态度去做WordPress主题开发:每一次都尽量用上新接触的知识去开发WordPress(比如说开发移动主题接触移动Web 开发),我相信这才能更好地贯彻“温故而知新”。最近开发的免费博客主题Bevework 便运用了最近接触的Sass 与Compass 。 这篇文章主要是小讲Sass 与Compass 在WordPress 主题开发中的运用,核心的技术Sass 自然不会提及。因此,如果你想要这篇文章对你有用的话,最好是先接触下Sass。 style.css 在根目录的问题 熟悉Word
在了解子主题功能之前,先来看一下你在使用 WordPress 的时候是否是这样:不会自己制作主题,只好从网上下载一个,这个主题整体风格比较适合,但是有些小地方不太好,自己只是有一点 CSS 基础,可以修改一些简单的样式。修改的时候,却发现主题文件这么多,里面掺杂各种 PHP、HTML 代码,让人不知道在哪里修改。
在开发WordPress 主题的时候,如果频繁更新主题的CSS、JS文件但主题已经上线,如何让访客的浏览器获取最新的CSS、JS文件而非等到浏览器删除缓存后?下面就介绍一个简单的方法。 版本号参数 相信有过开发经验的童鞋都知道是用版本号参数控制。即原来比如说css 文件路径代码是如下面的: http://devework.com/wp-content/themes/Devework/style.csshttp://devework.com/wp-content/themes/Devework/style.c
Style.css 和 CSS 介绍是从零开始创建 WordPress 主题系列教程的第九篇,学习 CSS 最好的方法就是去使用它,不像 XHTML 和 PHP 需要接触模板的核心文件,同样不要需要理解任何基本概念,只要去用它,通过试用和修正错误是可以让你快速学会。
嗨!您位于 https://www.baidu.com 的站点已被成功升级到WordPress 5.4.2。
该函数将主题文件内的style.css文件中的主题相关信息(也就是每个wordpress的主题样式页头必须遵守的主题描述格式)通过数组返回,需要说明的是该函数没有默认参数,参数必须指定为你的主题文件名。
搜索style.css 然后查找一个路径为 …../wp-content/themes/xxx/style.css 那么这个xxx就是主题的目录,然后查看这个style源码,源码里的前面几行就是主题介绍包括名字和作者等信息。
开始 Index.php 是从零开始创建 WordPress 主题系列教程的第三篇。在介绍了 WordPress 主题的一些规则和术语,以及对 WordPress 模板和模板文件了解之后,现在是开始动手创建 WordPress 主题了的时候。
WordPress 的自定义页面模板是一个非常强大好用的功能,使用它新建一些静态页面(Page),添加上一些数据调用的函数,再在网页上做一个导航连接到对应的页面就可以实现很多自定义的功能,非常强大。
在写关于主题的文章中涉及到主题最新版本和最新更新日期,不可能每次更新都去修改文章吧,于是想到从数据库中调用再通过简码(短代码)引用,刚开始从数据库获取信息,奇怪的是引用在文章中成功了,但文章后面的评论及评论框都没有了,反复折腾一番也没能解决。最后想到了style.css文件,因为后台关于主题的相关信息就是从这个文件中调用的。
在扁平化大行其道的时代,似乎很多人潜意识的认为扁平化就必须为方角,而拟物化才应该是圆角。其实大错特错,证明的方法很简单,去借一部跑着 IOS7 系统的苹果就知道了。以扁平化著称的 IOS7 也用了圆角样式! 好了,对于扁平化还是拟物化,一直众说纷纭,谁也说不出一个绝对优势来,因为这个世界本来就是萝卜白菜,各有所爱!就像有人喜欢骨感美女的,而有人喜欢肉感美女。一句话,不喜欢圆角样式的朋友,请移步看其他文章。 继续今天的主题,以中国风著称的响应式主题 FrontOpen 确实非常符合扁平迷的审美观,包括张戈也多
此岸永远是残缺的,否则彼岸就要塌陷。——史铁生 一直有小伙伴吐槽我的博客太花哨了,想让我加个隐藏主题功能,于是我就加了一个 📷 这里用到了jquery选择带对应属性的标签 我这里是让引入style.css的link标签失效了 关键代码如下: 隐藏 $("head").children("link[href='/css/style.css']").attr(
WordPress子主题怎么保留修改的代码来避免升级覆盖?每次升级主题总是有人问都修改了什么,因为很多人根据自己的喜好对主题进行了个性化修改,虽然我也作了记录,但具体修改了什么文件以及修改了哪个样式属性还真没办法详细记录。那么如何将主题升级到最新版本,而又能保留自己个性的修改呢?答案很简单,使用WordPress子主题功能,升级后无需再次修改原主题,只需要启用并修改子主题就可以了,下面就以Ality主题为例,创建一个Ality主题的子主题。
如果您对旧的Jenkins UI,其字体和图标不满意,则可以使用带有自定义徽标的自定义CSS样式对Jenkins进行改头换面。自定义CSS样式会更加美观些。
Satelite是一款创新且优雅的创意WordPress主题,在很多主题中你都找不到这类型创意的主题。包括它优秀的界面设计,所以又很适合摄影站点使用,主题全屏展示界面十分的亮眼, 精选的各种图片排版展示,巧妙的菜单选项,视频音乐背景支持等等。所以是一款非常有创意又好用的主题。
周五晚上发布了计划,计划一出来,就要坚定执行,不然怎么算得上男人这个称号呢?昨天已经研究了 vue 一些常用的 组件,也已经整理到自己的组件学习库中了,喜欢的伙伴可以点赞,收藏加评论,一起进步吧
从零开始制作 WordPress 主题的教程是一个循序渐进的教程,不会一次就教会你所有的东西,那样也是不大可能的,这个教程也不是 WordPress 主题制作的参考,而是一步一步教你从零开始教你如何制作 WordPress 主题,所以首先一定要耐心。
前面我们介绍 WordPress 官方要求主题作者切换到本地托管字体,今天简单说说如何实现在本地托管的 Google 字体。
在准备篇已经提到本系列教程将使用模板yii-candy为例,这里再贴一次下载链接Yii-candy的源码
宽度和布局是从零开始创建 WordPress 主题系列教程的第十一篇,这篇将介绍如何设置每个 DIV 的宽度和布局排版,并且也会展示如何让主题显示正确,并同时在 Firefox 和 IE 下兼容,显示一致。
直白的说:编写优秀的 css 代码可能是很痛苦的。很多程序员都不想从事 CSS 开发—我可以做任何事情,除了css以外。
首先需要准备好字体,字体大家自己百度找一下就行了(字体不建议文件太大的) 其实只要改一下css就好了,一般都是在style.css,没有css文件就自己创建一个 这里我就以Typecho示例,Typecho这样的程序css都在主题里面,找到主题文件夹就好了 之后打开自己的css文件夹打开style.css或者其他css都可以,加上如下代码 字体文件格式可以自己转码,一般woff、ttf、otf、svg四种格式已经可以兼容市面上99%的浏览器了
这篇文章最后修改于 2022-06-07 日,距今已有 168 天,请注意甄别内容是否已经过时!
前阵子解决了博客在低版本 IE 下会假死的问题,发现居然是因为我自定义 CSS 的闭合误用了中文大括号导致的! 解决这个问题之后,又发现了另外一个坑:发现博客在 IE8 及以下版本的响应式不生效。 奇
一般在全国哀悼日或者某些纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的代码,来实现这个功能。
让人纠结的首行缩进 中文没有缩进,真心不好看。 具体原理见 http://neoear.com/2009/10/wordpress-indent/ 因为原作者的文章是09年写的,对增加wordpress按钮的第一种方法已经失效,而第二种方法要根据不同的对不同的主题要适当的改变一下。而且第一种方法对于离线编辑器没有作用。 首行缩进具体有3种方法。 一,方法1: 对wordpress自带的编辑器增加按钮,因为我用的是CKEditor,这方法不实用。PASS 二,方法2:
CSS(层叠样式表)是用于控制网页布局和样式的标记语言,它能够将内容与表现分离,并使网站具有更好的可维护性和可扩展性。然而,在实际开发中,我们有时会遇到CSS加载失败的问题,这可能导致网页样式错乱或无法显示。本文将分析CSS加载失败的原因,并提供具体的代码示例。
底部和拆分 Index是从零开始创建 WordPress 主题系列教程的第十四篇,这篇我们完成对主题的样式化和开始把 index.php 文件分成多个小文件。在这篇中,首先要对 style.css 文件进行修改,然后把 index.php 分成一些新的文件。
一个文件夹代表一个主题,一个主题最少需要两个文件,分别是 index.php 和 style.css
我觉得自己的审美是在一直在变化的,总是感觉还会有更好的效果。那就要不断的更改尝试。
让我们开门见山:编写优秀的 CSS 代码是件十分痛苦的事情。很多开发人员都不想做 CSS 开发。你让我干什么都行,但是 CSS 还是算了吧。
Author: p0wd3r (知道创宇404安全实验室) 0x00 漏洞概述 1.漏洞简介 WordPress是一个以PHP和MySQL为平台的自由开源的博客软件和内容管理系统,近日研究者发现在其<=4.6.1版本中,通过上传恶意构造的主题文件可以触发一个后台存储型XSS漏洞。通过该漏洞,攻击者可以在能够上传主题文件的前提下执行获取管理员Cookie等敏感操作。 2.漏洞影响 在能够上传主题文件的前提下执行获取管理员Cookie等XSS可以进行的攻击,实际的攻击场景有以下两种: 攻击者诱导管理员上传恶意构
最近 @Shawn 的群里超级多人问 Shawn 博客标题字体怎么弄的。(其实我的博客也弄了只不过他们不看而已)。
pace.js是一个非常赞的JavaScript插件,可以实时监听页面的数据加载,包括Ajax请求,显示页面加载进度,并且能够定制样式,类似浏览器加载进度条,比如Safari。
当我们用文本编辑器打开从WordPress主题制作:开始前的准备下载的Yii-Candy中的 .php 文件,不难看出他们头部的代码都非常的相似!我们可以提取这部分相似的代码,放到一个单独的文件header.php中,各个页面想用这部分代码的时候再用WordPress的get_header()包含进去就可以达到所有页面头部内容一致,不再需要给每个页面都写一次这部分代码了,我们后期维护起来也至需要修改header.php即可。
如果您想要手动在亮/暗模式之间切换,您可以通过在nativeTheme模块的themeSource属性中设置所需的模式来做到这一点。此属性的值将传播到您的渲染进程。任何与prefers-color-scheme相关的CSS规则都将相应地更新。
官方主题插件: https://wiki.jenkins-ci.org/display/JENKINS/Simple+Theme+Plugin git https://github.com/cloudinsight/jenkins-theme
本文最后更新于2021年12月13日,已超过1年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码:
不知道大家留意没有,其中两种方式引入CSS样式都有一个共同的属性“media”,而这个“media”就是用来指定特定的媒体类型,在HTML4和CSS2中充许你使用“media”来指定特定的媒体类型,如屏幕(screen)和打印(print)的样式表,当然还有其他的,比如说“TV”,“handheld”等,其中“all”表示的是支持所有媒体介质。有关于更多的Media类型,可以点击这里。
不同的程序主题有不同的全局变量调用方式。比如我们熟悉的WordPress程序,他的各种调用标签是不同的,这些也是官方设定好的,我们也无法改变。任何的主题开发和二次开发都要遵循官方的标签调用。这不在Halo轻量博客程序中,我们要主题开发也需要熟悉官方的标签。这里,老蒋整理Halo轻量博客程序的全局变量。
每次修改 WordPress 的 css 和 js 文件,都要主动清理文件的缓存才能生效,尤其是采用了 oss 和 cdn 回源。使用函数 filemtime() 获取文件修改时间戳,并以此做版本号,
这篇教程是在 WordPress 2.7 之前撰写的,而 WordPress 2.7 之后支持了 Thread Comments,这里有让你的主题实现 WordPress 2.7 的 Thread Comments 的方法。但是还是建议你查看下这篇教程。
内联样式,也叫行内样式,指的是直接在 HTML 标签中的 style 属性中添加 CSS。
最简单的使用方式参照以下 StackBlitz 演示,也推荐 Fork 本例来进行 Bug Report,注意不要在实际项目中这样使用。
MyCSS 是一个让你独立于主题而能编辑样式表的插件,翻译自:Weblog Tools Collection 的 APAD: MyCSS
页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:
作者:matrix 被围观: 7,204 次 发布时间:2013-08-01 分类:Wordpress 兼容并蓄 零零星星 | 一条评论 »
使用最新的 CSS 特性,并编译为就浏览器兼容的语法,类似于 babel preset env 安装:
领取专属 10元无门槛券
手把手带您无忧上云