WordPress 4.1版本开始引入了一个新的filter，最终提供了一种简单的方法来添加异步/延迟属性。 apply_filters(‘script_loader_tag’, string $tag, string $handle, string $src); 具体用法： function add_async_attribute($tag, $handle) { if ( ‘my-js-handle’ !== $handle ) return $tag; return str_replace( ‘ src’, ‘ async=”async” src’, $tag ); } add_filt…
WordPress默认方法输出内容时，会为编辑器内换行的内容自动加上<p>标签。 如果想去掉这个功能，可使用 remove_filter( ‘the_content’, ‘wpautop’ ); 而有时，例如用了$post->post_content会使这个功能失效，若想还原，可这样写 $content = $post->post_content; $content = wpautop( $content ); 同理可处理摘要the_excerpt()及评论内容comment_text().
纯css实现扫光动效，js辅助激活动效，非必要。 另用到伪元素是为实现阴影及渐变。效果及具体代码参考codepen [codepen_embed height=”265″ theme_id=”0″ slug_hash=”EGJqLm” default_tab=”css,result” user=”sheshihui”]See the Pen 文字扫光动效 by Frank She (@sheshihui) on CodePen.[/codepen_embed]
安装： [cc] npm install gulp.spritesmith –save-dev [/cc] 设置： [cc lang=”css”] img: [‘src/img/**/*.*’,’!src/img/**/sprite/**/*.*’], sprite_src:’src/img/’ + current_folder +’/sprite/**/*.*’, sprite_img:’src/img/’ + current_folde…
How to use it Themes define a subset of core-provided starter content using add_theme_support() – let’s look at a breakdown of how Twenty Seventeen does things. In its setup function hooked to after_setup_theme, we see an array with collections of widgets, posts (pages), attachments, options, theme …
WordPress的Widget小工具是个非常实用的功能，它让非技术型WordPress用户也可以根据自己对版面的需求轻松定制主题，WordPress无数的widgets让用户得以尽情发挥自己的创意。 在很多人的意识里，widget就是出现在侧边栏的小工具，不过实际上它可以出现在主题的任何地方。 这篇文章我们就来看一下怎样用简单的步骤让主题的其它版块也支持widget。 最后还会送上几个widget使用技巧。 第一步 在当前主题的functions.php文件里添加下面这段代码： if (function_exists(‘register_sidebar’)) { register_sideb…
不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等。我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里，出现了一个新的用来优化网站速度的新功能：页面资源预加载/预读取(Link prefetch)。 页面资源预加载/预读取(Link prefetch)是什么？来自MDN的解释: 页面资源预加载(Link prefetch)是浏览器提供的一个技巧，目的是让浏览…
SVG在既能满足现有图片的功能的前提下，又是矢量图，在可访问性上面也非常不错，并且有利于SEO和无障碍，在性能和维护性方面也比icon font要出色许多，总之大家可以根据项目实际情况去尝试使用。 SVG是什么？ SVG是一种可缩放矢量图形（英语：Scalable Vector Graphics，SVG）是基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式。SVG由W3C制定，是一个开放标准。 简单的理解，它是图形的另一种格式例如它和常见的图片格式.png、.jpg、.gif等是一类。 SVG发展历程 2001年9月4日，发布SVG 1.0 2003年1月4日，发布SVG 1.1 2…
add_theme_support() 用于在我们的当前使用的主题添加一些特殊的功能，函数一般写在主题的functions.php文件中，当然也可以再插件中使用钩子来调用该函数，如果是挂在钩子上，那他必须挂在after_setup_theme钩子上，因为 init hook 对于一些功能来说，已经太迟了. 用法 <?php add_theme_support( $feature ); ?> 参数 $feature (string) (必须) 需要添加特殊功能名称，可以是以下参数: ◆ ‘post-thumbnails’ —– 增加缩略图支持 ◆ ‘automatic-feed-li…
