首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Sass 与Compass 在WordPress 主题开发中的运用

一直以来都抱着这样的态度去做WordPress主题开发:每一次都尽量用上新接触的知识去开发WordPress(比如说开发移动主题接触移动Web 开发),我相信这才能更好地贯彻“温故而知新”。...这篇文章主要是小讲Sass 与Compass 在WordPress 主题开发中的运用,核心的技术Sass 自然不会提及。因此,如果你想要这篇文章对你有用的话,最好是先接触下Sass。...style.css 在根目录的问题 熟悉WordPress 开发的自然知道style.css 对于一个WordPress 主题的重要性。...然而在Sass 与Compass 中,因为配置上的原因,一般是将scss 及css 文件放在以此命名的文件夹中,但WordPress 确是要style.css 放在主题根目录下。...一个WordPress 的Compass 插件 这个是我在看《Sass与Compass实战》这本书的时候在作者的Github 上看到的,Github 地址点击这里。

2K70

在【用户、角色、权限】模块中如何查询不拥有某角色的用户

用户与角色是多对多的关系, 一个角色可以被赋予给多个用户,一个用户也可以拥有多个角色; 查询不拥有某角色的所有用户, 如果用leftjoin查询,会造成重复的记录: 举例错误的做法: select...`create_time` desc limit 38; 这个查询虽然用到了(or `system_user_role`.`role_id` is null )防止结果缺失,但会有重复的记录出现!...如果一个用户, 被赋予了角色(id为6ce3c030-a2e0-11e9-8bdc-495ad65d4804) 该用户又被赋予了另一个角色(id为其他值) 那么这个查询中会查出该用户, 违背了我们的需求...system_user_role.user_id and system_user_role.role_id = '6ce3c030-a2e0-11e9-8bdc-495ad65d4804' ); 这个做法用到了not exists子查询...注意:这样的子查询是可以设置与父查询的关联条件的(where system_user.id = system_user_role.user_id) 这种查询比(not in)查询要快的多!

2.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    优化WordPress性能的高级指南

    这可能会导致不一致,特别是如果我们在代码中使用查询相关的过滤器,因为你在页面中不期望的帖子可能会被该函数返回。 使用WP_Query类 在我看来,这是从数据库中检索帖子的最佳方式。...因为它在内部生成一个子查询。特别是在大型安装(large installations)中,这可能导致响应缓慢。...基本上,我从数据库引擎中脱掉了一些工作,而是将其转移到PHP引擎,功能和在数据中处理的相同但在内存中,因此更快。 如何做的? 首选,我在查询中删除了post__not_in参数。...由于查询可能会给我们带来一些我们不希望的帖子,所以我增加了posts_per_page参数。...然而,WordPress通过其各种API提供了所有必要的功能,可以帮助我们构建更多性能更好的插件和主题,而不会影响整体平台的速度。

    7.1K20

    WordPress使用Redis和opcache为网站加速教程

    相信建站的朋友都十分关心网站速度问题了,玖柒的小窝一直在强调极速优化这次词语,同时在之前的很多文章中我也简单的介绍了子比主题的关于速度优化的一些原理。...那么这里我们从速度优化上来讲主要需要重视的两个过程:后台渲染速度和前台网页加载速度 后台渲染速度主要由PHP负责,由php查询数据库,生成html内容再返回给浏览器 前台网页加载速度 主要取决于用户与服务器之间的网速以及请求的内容大小...大量的AJAX不刷新加载功能,AJAX就是不刷新加载内容,比如AJAX下一页,ajax tab等,有效的减少请求内容,提高页面加载速度,主题的AJAX功能全部使用在不影响SEO的内容中!...同时在js函数和CSS函数编写的时候均采用高效的执行逻辑,避免重复、避免使用高负荷函数等。...WordPress官方采用 Object Cache对象缓存,同时主题的也遵循此机制,配合Redis或者Memcached缓存,能将数据库查询降低80%,有效的提高了渲染速度!

    2.5K20

    WPJAM Basic 5.9 详细更新说明

    ,顺手做了一些简单的优化,在这些页面,全面的 AJAX操作被关闭,使得功能先不冲突。...兼容文章列表页操作 就像上面说的 WordPress 现在更新的方向就是古腾堡编辑器,因为古腾堡编辑器的块编辑器特性,需要大的界面,甚至全凭编辑,所以尽量不要去在文章编辑界面添加设置框。...这是因为 WordPress 5.9 在查询用户的时候,不建议使用 who 参数了,5.9 建议使用新的和权限相关的 capability,capability__in 和 capability__not_in...增强 wpjam_send_json 函数数据处理能力,如果是 true,则返回 errcode 为 0 的结果,如果是 false,则返回 errcode 为 -1,errmsg 为系统数据错误。...优化「文章目录」扩展,首先使用子标题的 ID 来作为锚点,如子标题没有 ID,则自动添加 ID,应该会兼容更多情况,然后支持独立设置,开启之后,可以在文章列表页设置: 「简单 SEO」 扩展支持「确保唯一设置

    7.2K30

    超实用的外贸工具

    WordPress主题(WordPress Theme) 越来越多的人倾向于使用页面编辑器来创建网站,而不是使用多功能主题,因为许多功能主题变得越来越复杂,设置选项也变得很繁琐,容易让人感到困惑。...网站小图标(Favicon) Favicon即网站小图标,通常显示在浏览器标签页上或浏览器地址栏中,用于标识特定网站。...如何免费使用谷歌关键词规划师Google Keyword Planner 不投放广告,如何使用Google Keyword Planner精准查询 KWfinder:这是一个非常实用的关键词工具,而且在付费工具中价格相对较低...KWfinder是一个综合性工具,不仅可以查询关键词的搜索量,还能查看搜索结果页面的竞争情况。...要知道,网站加载速度慢可能会影响你在谷歌搜索结果中的排名。所以,如果你想要优化你的网站,就要确保它能够快速加载和响应。

    18300

    WordPress首页page1报错解决方法

    今天对 WordPress 的分页 canonical 有了一个新的想法,于是就折腾了起来,由于 WordPress 的首页、列表、标签等默认都是翻页,而由于从网站 SEO 优化的角度来看这些页面就会比较重复...,很多时候搜索引擎会收录很多的类似 page/num 的分页页面,也就导致首页、栏目页或者标签的默认页面排名没那么好,但是又不太可能直接禁止分页,所以子凡就想着用 canonical 来稍微的规范一下页面...而就在完成这个功能的时候,子凡测试到一个新的 WordPress 问题,就是当“WordPress 首页/page/1”的方式访问会报错,错误提示如下: Warning: Undefined array...通过 Google 查询才发现有一堆的网站有这样的错误提示,并且也在 WordPress 官方开到有人反馈该错误,结果就是六年了都没有处理这个问题,既然是这样子凡我也不希望通过官方的形式来解决,直接采用一个间接的解决方法...WordPress 主题的 functions.php 文件中即可。

    52050

    WordPress主题制作(四):制作头部模板header.php

    当我们用文本编辑器打开从WordPress主题制作:开始前的准备下载的Yii-Candy中的 .php 文件,不难看出他们头部的代码都非常的相似!...在我们之前创建的主题目录wp-content\themes\Yii-Candy下新建一个文件header.php,我们提取出index.php中的头部代码复制粘贴到header.php中即可,下面的是目前...is_home():当前页面为主页时返回true is_category():当前页面为分类页时返回true is_single():当前页面为单文章页时返回true is_page():当前页面为单页面时返回...WordPress主题制作(七):制作基础模板Index.php WordPress主题制作(八):制作文章单页模板single.php 计划: WordPress主题制作(九):制作评论区模板comments.php...计划: WordPress主题制作(十):制作单页(非文章)模板page.php 计划: WordPress主题制作(十一):制作静态首页front-page.php 计划: WordPress主题制作

    1.3K20

    2021版 WordPress速度及性能优化终极指南 - WP小白

    最重要的是,谷歌和其他搜索引擎已经开始通过在搜索结果中降低排名来惩罚速度较慢的网站,也就是说速度慢的网站通过搜索引擎获得的流量会减少。...你在使用的主题和插件可能也会进行常规的升级。 作为站长,将网站、主题、插件升级到最新版本是你的责任。不这样做可能会让你的网站速度变慢且不可靠,并且容易受到安全威胁。...在首页和归档页使用摘要 WordPress默认会在主页和归档页将文章的全部内容都展示出来,这意味着你的主页、分类页、标签页和其他归档页都会加载的很慢。...WordPress有一个内置的视频嵌入功能,你可以直接将视频地址复制到文章中,视频就会自动被嵌入了。 使用经过优化的主题 当你在为WordPress选择主题的时候,要特别注意一下主题的速度优化。...以上就是这篇文章的全部内容了,希望这篇文章可以帮助你学习到一些对WordPress加速有用的技巧。 亲自去尝试一些这些方法和技巧,对比一下网站优化前后的速度,在评论里告诉我们你的对比测试结果。

    1.7K50

    WordPress主题制作(二):模板和模板文件

    制作WordPress需要了解PHP,但是无论如何,最终呈现在用户面前的页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果...制作WordPress主题也不例外! 它们都是网页,网页最基本的是HTML。...header模板文件 通常在这个文件中包含博客的标题(title)和描述(description)。而且它们通常在整个博客中都是一样的。...sidebar.php WordPress主题制作(七):制作基础模板Index.php WordPress主题制作(八):制作文章单页模板single.php 计划: WordPress主题制作(九)...:制作评论区模板comments.php 计划: WordPress主题制作(十):制作单页(非文章)模板page.php 计划: WordPress主题制作(十一):制作静态首页front-page.php

    1.7K30

    获取 WordPress 路径和 URl 地址的函数大全

    为了 WordPress 更快的运行直接写了绝对地址,其实是不好的,如果修改了 WordPress 程序的地址,编写的这个插件或者是主题就只有你自己用,别人无法使用,为了避免错误,了解 WordPress...如果 WordPress 安装在子目录下,例如 http://www.uedsc.com/,则 site_url() 返回 WordPress 实际安装地址,相当于后台->设置->常规中的 “WordPress...,在 myplugin.php 中执行下面的代码,结果如下 echo plugins_url();//输出:http://www.uedsc.com/wp-content/plugins echo plugins_url...> plugin_basename() 返回调用该函数的插件文件名称(包含插件路径) 例如在插件 myplugin 下的 myplugin.php 文件中调用该函数,结果如下 echo plugin_basename...中),结果如下 echo plugin_basename(__FILE__);//输出:myplugin/include/test.php 路径相关常量 WordPress中还有一组用 define 定义的常量代表路径

    2K30

    WordPress建站技术笔记

    让超链接在新标签打开 wordpress默认是当前页打开,但在文章中,有时候会有些引用的链接,此时我们希望可以在新标签中打开。 解决办法 在Theme Editor中修改主题代码。加入以下代码。...所以放在header的head标签里,所有的超链接都会在新标签打开。 如果放在部分页面中,就可以只让某些页面的超链接在新标签打开。比如文章页single.php。...升级后,主题部分代码在问题导致。...最终在console中找到代码位置,在主题的js/scripts.js文件,找到对应代码即可修复。看上去就是没双引号的问题。...修复WP-Editor和主题代码高亮冲突问题 注释掉style文件中主题的代码高亮css .single-content code{ }

    84620

    WordPress主题开发,从入门到精通。

    2.get_template_part get_template_part( slug,  name = null, 要将此功能与主题目录中的子文件夹一起使用,只需在 slug 之前添加文件夹名称即可。...() 函数启用它们,add_theme_support可以在主题的functions.php中调用,如需在hook中调用的必须在after_theme_setup中调用; add_theme_support...可以在处理函数的最终返回值上调用 do_shortcode() ,使 $content 中包含的简码也可以被解析。...> 18.get_posts函数 指定参数查询文章,返回一个wp_Query对象数组,代表所有符合条件的文章: 支持的参数:https://developer.wordpress.org/reference...返回一个响应对象 2.获取请求结果 wp_remote_retrieve_body,获取响应的结果Body wp_remote_retrieve_response_code,获取响应的状态码 wp_remote_retrieve_header

    10.7K40

    WordPress搭建个人博客

    cloudflare域名解析等待域名设置生效,通常这需要几个小时,可以借助域名查询网站,查询域名返回cloudflare的IP地址即表示设置生成了,具体可以参考博文《域名解析》。...第五步:访问你的网站 在浏览器中输入你的域名,进入WordPress的初始化向导页面。系统提示你选择语言,请根据个人偏好选择中文或英文。 接下来,将设置登录WordPress管理员后台的账号密码。...点击安装主题后,选择”上传主题”,然后选择文件,选中下载的argon.zip。然后点击”立即安装”。 接下来,你会看到如下图所示,表示安装成功。 返回主题列表,点击”启用“即可。...启用成功后,回到首页查看,你的博客将会变得美观许多。 后续,在适当地添加内容之后,经过一份装饰,你的博客就能像Argon主题的预览页那样美观。...最后,点击”返回仪表盘“进入后台。 这样就完成了WordPress SEO插件的初始化。在写文章时,我们会在文章界面看到文章评分。可以根据评分高低进行关键字优化。

    43511

    wordpress 主题,作者,版本信息的修改

    用到的函数: get_theme_data( ) 信息存放的文件 style.css 内容展示图: 图片 遵循规则:  默认WordPress的样式表需要遵从 第一行是主题的名字; 第二行是主题的地址...get_theme_data 函数分析 该函数将主题文件内的style.css文件中的主题相关信息(也就是每个wordpress的主题样式页头必须遵守的主题描述格式)通过数组返回,需要说明的是该函数没有默认参数...该函数能够返回的主题信息: 主题的URI Description–wordpress格式的主题描述内容 AuthorURI–主题作者的URI Template–主题的主模板名称(在wordpress中属于可选填的内容...) Version–主题版本 Status–主题状态(默认值:发布) Tags–主题标签 Author–主题作者名 例如:在style.css中写: /* Theme Name:青梅博客 Description.../style.css'); return$theme_data['Version']; } 那么短码调用方式如下: [theme_version] 输出的html结果为:1.3

    67930

    为Argon主题添加自适应背景图

    废话 我的博客采用的是solstice23大佬的Argon主题,这个主题有一点缺陷,就是不能为手机和电脑单独设置页面的背景图,因为这点小原因,我也不好意思去找原作者。...首先我在浏览器的开发者工具中查看,我发现背景图相关的代码在这 我通过在元素中搜索现在的背景图地址,发现他位于ID为content之前插入的伪元素下的background属性中。...,就返回电脑的图片,如果屏幕的宽度小于屏幕的高度,就返回手机的图片 但是因为我懒 所以我选择媒体查询 我选择更换手机的背景图 我将主题后台设置中的背景图地址先改为电脑的,然后在WordPress的额外css...中添加了一段更换背景图的代码,保存后我发现,WordPress的额外css在整个html的上方,优先级没有原来的高,因此更换失败 然后我又在想如何提高优先级 我想到主题设置中有页眉和页脚代码的设置,根本不需要那么麻烦...解决方法 先在Argon主题的设置中将背景图的地址设置为电脑端访问看到的图片 然后在Argon主题设置的页脚内容或页尾脚本中加入以下代码 @media (max-width: 768px

    3.1K40
    领券