在HTML中,如果想引用图片,通常会使用类似以下的URL: https://www.fgba.net/static/image/common/logo.png 如果将以上URL改成这样,你觉得图片还能正常显示吗...URL,暂且可译作 协议相对 URL。...如果当前的页面是通过HTTPS协议来浏览的,那么网页中的资源也只能通过HTTPS协议来引用,否则IE浏览中就会出现"页面同时包含安全和非安全的项目"的警告信息: 如果使用协议相对 URL,无论你是使用...//www.fgba.net 我们也可以在css中使用协议相对 URL: //www.fgba.net/static/image/common/logo.png 需要注意的是:在IE7 / IE8中,...除了这点,协议相对 URL都是可以正常工作的。 参考资料 The protocol-relative URL Why you need protocol-relative URLs now
WordPress 原来默认的导航菜单只能是页面,或者分类,或者两者,如果想自己加入一个自定义链接都需要修改主题,非常不方便,所以一个完全可定制化的自定义的 WordPress 导航菜单成了所有人的需求...WordPress 3.0 这个全新的导航菜单。...使用 WordPress 的导航菜单 如何激活 WordPress 自带的导航菜单 要使用 WordPress 导航菜单功能,首先要给当前的主题注册导航菜单,从上面我们知道,我们可以注册一个或者多个导航菜单的主题位置...这里我们只注册一个导航菜单的主题位置: register_nav_menu( 'nav-menu', '导航菜单'); nav-menu 是这个导航菜单的名字,用来在函数中定义身份的,而“导航菜单”则是名称...添加和显示导航菜单 注册好之后,就可以到 WordPress 后台 > 外观 > 菜单 添加菜单,添加的菜单的顺序是这样的: 首先定义好一个单独的菜单。 然后吧这个菜单赋给一个主题位置。
默认的话,WordPress 链接到文章“作者”的别名(slug name)是如 devework.com/author/name 那样的,通过下面的代码,可以修改为devework.com /profile...这种情况适合开发非博客用途的站点,比如说商品展示网站,具体自行发散使用~ add_action('init', 'cng_author_base'); function cng_author_base(
可能因为不想给客户看到过多的菜单或者其他种种原因,你想简化 WordPress 后台菜单,其实这个非常容易: add_action( 'admin_menu', 'wpjam_remove_admin_menus...); //Tools remove_menu_page( 'options-general.php' ); //Settings } 如果仅仅想移除子菜单...,比如设置界面: remove_menu_page( 'options-general.php' ); //Settings 也可以移除插件生成的菜单,只要复制链接的最后一段即可,比如要隐藏下面自定义日志类型生成的页面
从 wp_list_pages() 中生成的页面菜单中移除特定的页面是非常简单的,只需要把下面代码加入到主题的 functions.php 文件中: // add page ids to the exclude...exclude_array, array( 4, 17 ) ); } add_filter( 'wp_list_pages_excludes', 'my_banned_pages' ); 只需要把数组中的数字改成你要移除页面
什么情况需要更换WordPress文章的图片URL地址?...2、外链图床地址失效有时候为了节省网站空间,或者更新文章的时候没有过多考虑,使用了统一的图床外链,比如使用了七牛云存储的二级域名。...两种可以批量式更新WordPress文章中的图片链接地址的方法:方法一、更新数据库操作通过MySQL的操作命令语句进行更新Update所有的文章中图片链接地址。首先,备份好数据库。...方法二、通过替换文章文本方式操作这一种方法最为简单,只需要将下面的代码加入Function.php文件中即可。...add_filter('the_content', 'replace_text_wps');add_filter('the_excerpt', 'replace_text_wps');(以上代码同样适用于替换文章中的文本关键词
在 WordPress 下拉菜单中添加日历,如果 WordPress 的菜单是通过后台拖拉生成的,那么在当前的主题中添加如下的代码: add_filter('wp_nav_menu_items','wpjam_add_calendar...' '; } 如果菜单是手工添加的,那么在 header.php 中相应的位置添加如下代码: Calendar 最后的效果如下图所示: ----
WordPress 新的自定义菜单是非常好的一个功能。...现在我们可以通过添加自定义链接来添加首页的链接,这里展示个技巧,把首页的链接放入 WordPress 后台菜单系统的 Pages wiget 中,让用户直接拖动添加: 将下面代码复制到 functions.php...中即可: function home_page_menu_args( $args ) { $args['show_home'] = true; return $args; } add_filter
如果您想在不直接编辑插件的情况下更改WordPress内部管理菜单的名称,您可以使用$menuWordPress管理员中存在的全局变量。操作此数据结构将允许您更改由任何插件添加的管理菜单的文本或名称。...这在您希望提供项目内容的清晰度或为客户端提供更好的管理UX的情况下非常有用。...为此,将以下PHP添加到主题functions.php文件中: /** * Custom Plugin Menu Name(s) * * Rename admin menus added by...menu[k][6] = } } add_action( 'admin_init', 'kl_rename_plugin_menus' ); 添加此代码后,您将需要更改$updates数组中的值...关键是您当前在WordPress中看到并想要更改的现有插件菜单的名称。该值是具有两个属性的更改数组: name - 要用于插件菜单的新名称 icon - 您要使用的图标,作为可选的自定义
WordPress 默认的分类目录 URL 中是带 category 的,比如我爱水煮鱼的 WordPress 的分类目录的 URL https://blog.wpjam.com/category/wordpress...有些用户博客的分类就是二级目录,希望去掉分类目录 URL 中的 category,如何操作呢?...方式一:使用插件 网上有很多这方面功能的 WordPress 插件,都可以去掉分类目录 URL 中的 category,这些插件的实现方式是把所有的分类都写入 WordPress 的 rewrite 规则...方式二:设置分类目录前缀 另外 WordPress 还有一个非常方便的方法,可以说是最简化去掉分类目录 URL 中的 category。...只需要在 WordPress 后台,点击「设置」菜单下的「固定链接」子菜单,将「分类目录前缀」设置为 .
# 相对值的优势 CSS 为网页带来了后期绑定(late-binding)的样式:直到内容和样式都完成了,二者才会结合起来。这会给设计流程增加复杂性,而这在其他类型的图形设计中是不存在的。...在 CSS 中,1em 等于当前元素的字号,其准确值取决于作用的元素。 浏览器会根据相对单位的值计算出绝对值,称作计算值(computed value)。...# 视口的相对单位 相对于浏览器视口定义长度的视口的相对单位。 视口——浏览器窗口里网页可见部分的边框区域。它不包括浏览器的地址栏、工具栏、状态栏。...视口的相对单位 vh: 视口高度的 1/100 vw:视口宽度的 1/100 vmin:视口宽、高中较小的一方的 1/100(IE9 中叫 vm,而不是 vmin) vmax:视口宽、高中较大的一方的...:可以在多个选择器中定义相同的变量,这个变量在网页的不同地方有不同的值。
据 Google 黑板报的日志 指定您的URL范式:Google,雅虎,微软最近共同发布了一个新的标签 canonical 标签,用来解决由于 URL 形式不同而造成的重复内容的问题。...item=swedish-fish" /> 这样任何含有这个标签的网页,不管他最终的 URL 是如何,Google 等搜索引擎最终都会只收录 canonical 标签指定的那个。...对于 WordPress 博客来说,我个人感觉最重要的就是日志页面,所以我们可以在主题的 header.php 添加如下代码来实现日志页面的网址规范化。 当然如果你想对你的博客所有的页面指定 canonical url,可以通过这个 WordPress 插件 Canonical URL plugin 来实现。...最后非常遗憾的是支持 canonical 标签的搜索引擎里面没有百度。 ----
在wordpress后台如果想打开前台的话,要想先把鼠标移动到左上角菜单,然后在下拉菜单中点击“查看站点”,很是麻烦,能不能在 WordPress 后台菜单系统中添加 Home 链接呢?...将下面代码复制到 functions.php 中: function home_page_menu_args( $args ) { $args['show_home'] = true;...return $args; } add_filter( 'wp_page_menu_args', 'home_page_menu_args' ); 把首页的链接放入 WordPress 后台菜单系统的...Pages wiget 中,让用户直接拖动添加即可
作者:阮一峰 http://www.ruanyifeng.com/blog/2011/03/url_hash.html 一、#的涵义 #代表网页中的一个位置。其右面的字符,就是该位置的标识符。...二、HTTP请求不包括# #是用来指导浏览器动作的,对服务器端完全无用。所以,HTTP请求中不包括#。...比如,下面URL的原意是指定一个颜色值: http://www.example.com/?color=#fff 但是,浏览器实际发出的请求是: GET /?...五、改变#会改变浏览器的访问历史 每一次改变#后的部分,都会在浏览器的访问历史中增加一个记录,使用"后退"按钮,就可以回到上一个位置。...八、Google抓取#的机制 默认情况下,Google的网络蜘蛛忽视URL的#部分。 但是,Google还规定,如果你希望Ajax生成的内容被浏览引擎读取,那么URL中可以使用"#!"
我们都知道wordpress已经集成了一些通用的css样式,比如wp-nav-menu菜单会有很多的class,不想看到那么多的选择器,想要清净的世界要如何操作呢?...主题 将下面的代码添加到主题的 functions.php就可以实现效果 /** * 移除菜单的多余CSS选择器 */ add_filter('nav_menu_css_class...只要不过滤它们即可,常见的当前菜单的选择器有以下4个:current-post-ancestor, current-menu-ancestor, current-menu-item, current-menu-parent...,只要将这些class加入array中就可以 /** * 移除菜单的多余CSS选择器 */ add_filter('nav_menu_css_class', 'my_css_attributes_filter...你一定会喜欢这篇文章:如何定义wordpress菜单wp-nav-menu中的ul呢
在登陆状态下,WordPress 的顶部会有一条黑色的菜单,左边有一个WordPress 的logo图标,所链接的url 都是几乎用不上的。...因此,如果你想移除WordPress 顶部管理菜单左侧的logo 图标,可以参考以下代码实现: 在主题的functions.php 文件下加入以下代码: function annointed_admin_bar_remove
WordPress 升级 4.2 之后,目前发现存在如下 3 个问题: 有部分主题的前台会产生大量的 404 错误请求(站外资源); 评论表情名称变更导致表情无法显示或者无法通过钩子更改; 外观-->菜单...前 2 个问题张戈博客上 2 篇文章已经发文分享了解决办法: 《解决 WordPress 升级 4.2 后调用国外图片导致大量 404 请求的问题》 《WordPress4.2 升级修复补丁:解决 404...所以,对于这个问题,我第一个思路就是找到这个界面相关文件,然后替换成上一个 WordPress 版本中的相应文件。...果不其然,我的服务器是做了本地 7 天循环备份的,所以我可以恢复就近七天任意一天的数据,按照这个思路试了下,果不其然,立竿见影!...下载地址 下载压缩包解压后得到 nav-menus.php ,将此文件上传到 WordPress 网站目录下的 wp-admin 文件中替换已存在文件即可(建议先备份同名文件哈~~)。
wordpress调用自定义菜单时自动会在外层加一个,如下图所示,nav是后台定义的菜单名称,如果想把这个div去掉要如何操作呢?...2、如果有二级菜单的话,一般默认的class是sub-menu,如果想改这个名称呢?...$classes = array( 'sub-menu' ); 改为自己想要的class名称就可以了,比如menu1 这种方法比较不好的一点是当你升级了wordpress,这两个文件会被覆盖,所以需要重新修改一下文件
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']); // 以下这一行代码将删除 "WordPress...unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']); // 以下这一行代码将删除 "其它 WordPress...dashboard_right_now']); } add_action('wp_dashboard_setup', 'example_remove_dashboard_widgets' ); 2、删除不用的菜单项...add_action('admin_menu', 'remove_menus'); } 3、删除不用的主菜单下的子菜单项: function remove_submenu...if (is_admin()){ //删除子菜单 add_action('admin_init','remove_submenu'); } 4、作为企业网站可能会用到的删除项
为了 WordPress 更快的运行直接写了绝对地址,其实是不好的,如果修改了 WordPress 程序的地址,编写的这个插件或者是主题就只有你自己用,别人无法使用,为了避免错误,了解 WordPress...中与获取路径相关的函数很重要。...站点路径相关函数 home_url() 返回站点路径,相当于后台设置->常规中的”站点地址(URL)”。...如果 WordPress 安装在子目录下,例如 http://www.uedsc.com/,则 site_url() 返回 WordPress 实际安装地址,相当于后台->设置->常规中的 “WordPress...中),结果如下 echo plugin_basename(__FILE__);//输出:myplugin/include/test.php 路径相关常量 WordPress中还有一组用 define 定义的常量代表路径
领取专属 10元无门槛券
手把手带您无忧上云