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

WordPress 技巧:给 WordPress Page 添加摘要输入框

SEO 一个方面就是给页面添加 Meta Description,虽然添加 Description 不会更改页面的权重,但是在 Google 等现代搜索引擎的搜索结果页面会直接使用 Description...我一般是使用 WordPress 的摘要直接作为 Meta Description 进行 SEO,但是默认情况下 WordPress Page 编辑页面没有摘要(Excerpt)输入框,所以对 WordPress...这个时候我们就可以通过以下代码给我 WordPress Page 添加摘要输入框: add_action( 'admin_menu', 'my_page_excerpt_meta_box' );...function my_page_excerpt_meta_box() { add_meta_box( 'postexcerpt', __('Excerpt'), 'post_excerpt_meta_box...', 'page', 'normal', 'core' ); } 只需将以上的代码添加到当前主题的 functions.php 文件即可。

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

Laravel-添加后台模板AdminLte的实现方法

AdminLTE是一个很棒的单纯的由 HTML 和 CSS 构建的后台模板,在这片文章中,我将讲述如何将 AdminLTE 和 Laravel 优雅的整合在一起,而且我们可以通过 Bower 来及时的更新和管理...DOCTYPE html <html <head <meta charset="utf-8" <meta http-equiv="X-UA-Compatible" content="IE=edge...-- AdminLTE App -- <script src="/admin-lte/dist/js/app.min.js" </script </body </html 项目中的其他页面就可以继承使用...-- Box1 -- <div class="<em>box</em> <em>box</em>-primary" <div class="<em>box</em>-header with-border" <h3 class="<em>box</em>-title...</form </div </div </div </div </section </div @stop 想要使用admin-lte自带的任何样式,直接复制那部分的<em>页面</em>代码粘贴到需要的位置即可

2.7K41

JavaScript DOM基础

1.节点 加载HTML页面时,Web浏览器生成一个树型结构,用来表示页面内部结构。DOM将这种树型结构理解为由节点组成。...                                                body                   子节点1                             meta...head标签是html子标签,meta和title标签之间是兄弟关系。如果把每个标签当作一个节点的话,那么这些节点组合成了一棵节点树。 PS:后面我们经常把标签称作为元素,是一个意思。...getAttribute() 获取特定元素节点属性的值 setAttribute() 设置特定元素节点属性的值 removeAttribute() 移除特定元素节点属性 1.getElementById... false 只克隆标签 box.appendChild(clone);//添加到子节点列表末尾 8.removeChild()方法 removeChild()方法可以把 box.parentNode.removeChild

1.3K90

今天聊聊DOM事件的传播机制

事件流 当浏览器发展到第 4 代时(IE4 及 Netscape4),浏览器开发团队遇到了一个很有意思的问题:页面的哪一部分会拥有某个特定的事件? 想象在一张纸上的一组同心圆。...DOCTYPE html> Document Document</title...在 JavaScript 中,添加到页面上的事件处理程序数量将直接关系到页面整体的运行性能。导致这一问题的原因是多方面的。 首先,每个函数都是对象,都会占用内存。内存中的对象越多,性能就越差。...在 JavaScript 中,添加到页面上的事件处理程序数量将直接关系到页面整体的运行性能。导致这一问题的原因是多方面的。 首先,每个函数都是对象,都会占用内存。内存中的对象越多,性能就越差。

96720

针对CSS说一说|技术点评

DOCTYPE html> <...:focus,将样式添加到被选中的元素中 :hover,当光标悬浮在页面对象上方时,向页面对象添加样式 :link,将样式添加到未被访问过的链接中 :visited,将样式添加到被访问过的链接中 :first-child...,将特殊的样式添加到页面对象的第一个子元素中 :lang,允许设计者定义指定的页面中所使用的语言 文字字号 font-size属性的作用改变字体的大小。...修饰页面文本和页面背景的属性 background,将背景属性设置在一个声明中 background-color,设置页面对象的背景颜色 background-image,引用图像,将其设置为背景 background-repeat...| padding-box | content-box background-clip: border-box | padding-box | content-box background-size:

1.2K20

怎么添加网站到谷歌站长工具(Google Search Console)

今天这篇文章,就来个大家讲讲如何将网站添加到谷歌 站长工具.打开谷歌站长工具,添加网站打开 谷歌搜索‘google search console’,点击进入谷歌站长工具官网,当进入谷歌 官网之后,需要我们选择添加资源类型...WordPress网站添加Meta tag验证代码WordPress添加验证代码到网站header部分有很多种方式,最直接简单的方法就是直接进入header.php文件,将meta代码添加到...Headers and Footers’插件并且激活,激活成功后,后台左侧菜单栏就会出现Code Snippets选项菜单,选择Code Snippets –> Header & Footer, 将Meta...这样我们的网站就会成功添加到谷歌站长工具。总结当我们的网站刚开始添加成功后,谷歌站长工具还没有数据。需要等待一天左右的时间才可以展示数据。...并且谷歌站长还有很多实用的功能,比如提交按网站地图,网站新页面,删除不需要要收录的页面。合理的使用谷歌 站长工具可以高效地进行SEO工作。

48410

Yoast seo插件详细使用初步教程

二.Yoast SEO Meta box(元盒)介绍 在日常的优化过程中,Meta box是我们使用次数最多的向导,Meta box主要可以帮助我们两个方面。...meta box出现在WordPress编辑器的下面(它的确切位置取决于您的其他插件和主题)。如果你正在使用新的WordPress block编辑器,你也可以在右边栏找到它。...3.General-Webmaster Tools  关联主流的搜索引擎,这个一般用,我们手动添加到搜索引擎。...为内容禁止和开启索引(一般我们需要开启,如果禁止的话,那么谷歌会noindex这些页面),但是一些page页面我们可以Noindex掉。我们还要开启网站的面包屑导航。帮助搜索引擎更好的抓取我们的页面。...批量编辑器 这个工具允许您快速地更改文章和页面的标题和描述,而不必进入每个页面的编辑器。

2.8K20

WordPress 自定义文章类型(Post Type)终极指南

WordPress 里面内置了两种常用的 Post Type :Post(文章)、Page(页面),分别用来展示两种类型的内容,一种是相对动态的文章,另一种是相对固定的页面。...那么就需要添加自定义 Meta BoxMeta Box 可以在文章发表页面中添加自定义的表单,编写文章的时候可以填写额外的信息然后在前端调用出来。...自定义 Meta Box 需要用到 add_meta_box 函数: add_meta_box( $id, $title, $callback, $post_type, $context,$priority...我们注册一个 Meta Box : add_action( 'add_meta_boxes', 'movie_director' ); function movie_director() { add_meta_box..., 'movie_director_save_meta_box' ); function movie_director_save_meta_box($post_id){ // 安全检查

2.6K20

移动端常见问题解决方案

一、特殊样式 css3盒子模型 box-sizing:border-box; -webkit-box-sizing:border-boxx 清除点击高亮,设置transparent 完成透明 -webkit-tap-highlight-color...function () { autoResize() } })() 样式初始化css: normalize.css – 官网下载 normalize.css – github 三、meta...标签设置 适应移动端 不对网站进行缓存 多核浏览器,优先使用最新版本的IE 和 Chrome 内核 添加到主屏幕时隐藏地址栏和状态栏(即全屏) 当我们将一个网页添加到主屏幕时,会更希望它能有像 App...添加到主屏幕时设置系统顶栏颜色 当我们将一个网页添加到主屏幕时,还可以对系统显示手机信号、时间、电池的顶部状态栏 颜色进行设置,前提是开启了: 有了这个前提,你可以通过下面的方式来进行定义: content...否则页面会回到顶部!

1.1K10
领券