核心代码如下: <script> function storageObj(obj) { var checkedIdStr = JSON.stringify(ob...
如何自定义 WordPress 页面? 如果你定制或者设计过 WordPress 主题,那么你可能会遇到过这样的问题: 如何让 WordPress 的页面有不同的布局或者样式呢?...默认情况下 WordPress 是使用 page.php 来处理所有页面的外观的话,但是 WordPress 提供了页面模板的机制让 WordPress 开发者可以自定义 WordPress 每个页面的外观和布局...下面就是详细的实现步骤: 在当前使用的主题文件夹中创建一个新模板,将它命名为 about.php。 然后把 page.php 模板中的内容拷贝到 about.php 文件中。...接着,找到模板文件中调用 sidebar 的函数,去掉或者注释掉它。...这样“关于”页面和你其他的页面使用不同的布局了。 使用 WordPress 页面模板技巧是非常常用的技巧,特别是那些把 WordPress 当作 CMS 的用户。
我们可以利用 Google 自定义搜索创建符合自己的需求和兴趣的搜索引擎,并可以在我们自己的网站中显示这些结果,Google 自定义搜索可以邀请朋友来一构建。...整合 Google 自定义搜索到 WordPress 整合 Google 自定义搜索到 WordPress ,可以减少数据库查询,因为搜索结果是 Google 提供的,WordPress 不用再去数据库中搜索了...此外还能够进行更加全面的搜索,WordPress 目前只能搜索日志。另外还可以在搜索结果中绑定 Google Adsense 赚钱。 那么如何整合 Google 自定义搜索到 WordPress 中。...在 WordPress 中创建一个页面,然后再在导航栏中设置为不显示该页面,如果你是用 wp_list_pages() 这个函数输出页面的,你可以使用 exclude 这个参数把刚才创建的页面剔除出去。...你需要根据你自己的 WordPress 搜索框的样式对这段代码做下修改,以适合你的主题。 7. 编辑你第一步创建的页面,把搜索结果代码复制到该页面。你也需要对该段代码做些调整。
如果你看腻了 wordpress 默认登录界面,或者想将 WordPress 的 logo 替换为自己网站 logo,并改变其外观,可以参考此文,打造一个个性化的登录页面。...> 二、在所用主题中新建一个名称为:custom_login 的文件夹,并在其中新建:custom_login.css 及制作好的网站 LOGO: logo.png 也放进去。...三、将下面代码添加到 custom_login.css 中: /** 背景及字体 **/ HTML,body.login{ background:#f2f2f2...最终效果如图: 同时还可参考登录页面默认样式文件:wordpress\wp-admin\css 目录的 wp-admin.min.css,进一步个性化登录页面,就看你的创意了!...另外,也可以将下面代码添加到主题 functions.php 模版文件中,直接将样式写在其中。
前些日子模板兔给用户二次开发一个小功能,需要制作一个页面模板,输入关键词后,页面会输出相关关键词的文章。这里就需要给这个页面模板添加一个自定义字段来设置关键词。...那么后台如何判断页面是使用了此页面模板呢?我们可以用到函数 get_page_template_slug。
默认情况下,WordPress 搜索结果显示发布的文章和页面,如果想把页面从 WordPress 搜索结果中排除,可以在当前主题的 functions.php 文件中添加如下的函数: add_filter...if($wp_query->is_search){ $wp_query->set('post_type', 'post'); } return $wp_query; }); 上面的代码把搜索查询结果的...post_type 设置为 post,即为文章,当然也可以设置为 page,搜索结果只为 page,比如 WooCommerce 插件加入的 product post_type。...上面的代码就会影响这些 post_type 在搜索结果中的显示,因为上面设置为搜索结果只能显示 post 这个默认的 post_type。...所以那么最好的方法是:将 page 的 post_type 对象的排除出搜索结果的属性设置为 true,这样就不会影响 WordPress 正常的搜索行为: add_filter('register_post_type_args
从 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的好处是后端的每个部分都可以通过使用php 函数进行自定义。 在今天的教程中,我将向您展示如何以您希望的方式自定义WordPress登录屏幕。...默认的WordPress登录屏幕 ? 我们要建立什么 ? 更改徽标 WordPress使用CSS来显示背景图像。它通常插在H1和锚标签之间。...首先,将您喜欢的徽标(png文件格式)放在图像文件夹中的二十四个WordPress默认主题目录中(对于本教程,我使用了custom-login-logo.png徽标)。...请注意,徽标的最大尺寸应为80 x 80px; 但是,您也可以更改自定义CSS文件中的维度。 ? 接下来,打开二十四个WordPress默认主题里面的functions.php文件。...要自定义默认WordPress登录屏幕的样式,我们需要添加登录页面的样式。
WordPress 中存在两种信息发布形式:文章(Post)和页面(Page),在写如何自己定义某个页面的特殊样式之前,有必要为一些新手简单介绍一下它们之间的区别,已经了解的朋友请跳过本节。...而一个 CMS 中,肯定不能只包含正文文章,一般在底部都包含了诸如“关于我们”、“联系我们”等页面,WordPress 中的页面就是比较静态比较固定内容的页面,一般是独立的,与其他内容不太相关。...自定义 WordPress 中的页面(Page)模板 页面结构、样式,在 WordPress 的主题目录中的 page.php 中定义,所有的页面都是一种结构和样式下,只是替换了一些内容而已。...强大的 WordPress 系统已经考虑到我们这种合理的不合理需求,并提供了两种强大的自定页面的方法: 在后台选项指定当前页面要调用的模板文件 使用主题文件优先级规则来覆盖默认页面模板 在通过这两种方法自定义页面样式之前...只要某个文件带有这个注释并且放置在当前主题的目录中,就会被 WordPress 发现,然后就会出现在后台的选项中。 再说一下,这个页面模板可以是任意的内容,不一定复制原有的结构,可以自由发挥。
作为电商系统,商品的最重要的属性就是商家编码,以后进行一些店铺之间商品复制操作,甚至做供应量,也是需要靠这个属性来进行操作。...商家编码,我们一直做为自定义字段,存在 post meta 中,而 WordPress 默认的搜索是不支持 post meta 的,所以今天给花生小店实现根据商家编码搜索商品的功能: 方法非常简单,只需要下面代码就可...query->query['s']) . '%'; $search .= $wpdb->prepare($sql, $like); } return $search; },2,2); 如果你需要相关的功能...,只需要将上面的商家编码的字段“product_no”替换成你所需的相关字段即可。
WordPress 中的登录页面wp-login.php 的默认样式是如此简陋,如果你有兴趣想自定义一下样式,可以参考以下的例子来进行。...以下的代码将通过添加过滤器来实现自定义logo 图标、自定义链接样式、按钮样式。相信你也知道,代码一如既往放在主题的functions.php 文件下。 代码来源:点击查看;感谢原作者。...自定义logo 图片 function wptutsplus_login_logo() { ?...> 路径的代码修改请参考《WordPress 路径相关函数总结(二):主题路径相关函数》 logo 的自定义样式 function wptutsplus_login_logo() { ?...> 最后总结:本质上要做的是css 工作,当然,对于相关函数的认识还是有必须知道的(不然怎么添加钩子~)。如果你嫌麻烦,作者已经将上面的代码做好一个插件了,你可以直接下载插件来修改折腾~
结合这两点,我就想着能不能通过《修改WordPress登陆文件名wp-login.php,防密码被暴力破解》一文中替换的思路,运用在WordPress 搜索结果页面url 形式上,结果还被我找到了相关代码...默认的WordPress 搜索结果页面url 形式 使用过WordPress搜索功能的童鞋都知道,WordPress 的搜索结果页面的url 形式默认如:域名/?...s=WordPress搜索 这个url 形式在所有的WordPress 站点都是通用的,因此如果一个WordPress 站点没有提搜索框或者只提供谷歌自定义搜索(你懂得,自定义搜索常常会挂掉),那么可以直接手动添加上述参数来调用...WordPress 自带的搜索功能。...为了安全,可以自定义(修改)WordPress 搜索结果页面url 形式,比如说: http://devework.com/s/WordPress搜索 修改方法 只需要将下面代码添加到当前主题的 functions.php
玩过 WordPress 的站长们,对“建立数据库连接时出错”(Error establishing a database connection)这句话应该并不陌生。...当你看到这句话时,说不定网站已经挂了好几个小时了 —— 因为 WordPress 并不会自动发邮件告知你这一错误。...好在 WordPress 允许我们创建一个自定义的数据库错误页面,我们只需在 wp-content 创建 db-error.php 文件。...自定义的好处 在这个自定义的错误页面中,我们可以做到这三件事: 告诉搜索引擎这只是个临时错误; 发送邮件通知站长; 优化页面信息,而不只是丑陋的一句话; 示例代码 自定义页面内容的功能。
一般的分页只需要在后台设置->阅读->博客中显示的页数,即可设置网站的分页,但是这么设置的分页是全站通用的,无论是首页、分类、搜索都显示一个分页数,但是若我们想单独控制某一个页面显示多少呢?...() 是否是标签页:is_tag() 在wordpress中还会提供很多钩子,我们可以通过钩子来修改wordpress的内部运行行为,因此我们可以通过分页钩子posts_per_page设置每页显示的文章数...//自定义不同页码的页码显示 function custom_posts_per_page($query){ if(is_home()){ $query->set('posts_per_page...',4);//首页每页显示8篇文章 } if(is_search()){ $query->set('posts_per_page',-1);//搜索页显示所有匹配的文章...,注意一点的是这么设置完后,在后台设置的阅读数量就会失效。
wordpress注册后重定向到自定义页面怎么操作?...将下面的代码添加到当前主题的 functions.php 文件中即可 add_filter( 'registration_redirect', 'wpjam_registration_redirect'
早在08年 Denis 就写过一篇整合Google自定义搜索到WordPress中的教程,可以达到强化搜索、减轻数据库读取和赚取利润的各种好处。...不用担心,接下来 Packy 教你一步步无缝整合 Google 自定义搜索框,可以在不修改原搜索框的前提下使用 Google 强大的自定义搜索功能。...为了让搜索结果在博客内部显示,我们需要在 WordPress 中创建一个新的页面,用来显示搜索的搜索结果。...最后在你博客的后台 - 页面中新建页面,在页面属性的模版中找到 search 并选择,写好标题发布即可。...第三步:修改当前主题的搜索提交的表单 这里算是最关键的一步啦,就是当用户点击你博客上任意页面的站内搜索按钮的时候,将用户引导到你刚刚创建的搜索结果页上。
登陆页面是用户在点击广告或帖子后登陆的页面,从而产生潜在客户和转化。 使用 WordPress 创建登录页面 在本文中,我们将学习如何使用Elementor创建一个简单的登录页面。...Elementor是一个页面构建器(可视化编辑器),用于开发漂亮的页面和网站。它具有拖放功能,可以轻松创建页面。 第 1 步:获取你的 WordPress 网站 第一步是购买你的域名和主机。...搜索插件“ StarterTemplates ”。接下来,你必须安装插件。安装后,别忘了激活它。 转到插件并从入门模板插件中选择查看库,然后选择像 Elementor 这样的页面构建器。...第 4 步:自定义和添加内容 根据你的要求开始自定义页面。Elementor 带有拖放功能,可以很容易地自定义任何模板。完成所有更改后,单击 PUBLISH 保存所做的更改。请详细查看可用的选项。...你可以根据你的内容编辑页面并添加适当的图像。如果你的页面上不需要它,你也可以删除它。你可以添加自己的样式,例如颜色和字体等。要更改样式,请单击样式选项卡。选择你要编辑的块,你将获得以下选项。
如果你的WordPress 网站是多用户网站,那么在提供给用户注册的时候,可以自定义一些提示信息,比如说网站协议、版权声明之类的。...把下面的代码放到主题的functions.php 文件中: add_action('register_form', 'register_message'); function register_message...10px 0;border:1px solid #e5e5e5;padding:10px"> 定义的信息... '; echo $html; } 你需要做的是将上面的代码的“定义的信息”改为需要显示的信息。
今天全百科网给大家来分享一段代码,可以让WordPress站内搜索结果页面的网址显示为伪静态URL的效果,这样一来可以更加的实现全站静态化的效果。...等动态页面的字符, 但是我们设置了固定链接伪静态之后,wordpress站内搜索结果页面的URL依然是“http://www.quanbaike.com/?...s=关键字”的动态URL链接样式, 部分WP博主觉得不符合SEO要求,这里我们来通过一段代码实现让WordPress站内搜索结果页面网址显示伪静态URL, 这样一来有利于seo,为啥这都有利于seo呢?...很多SEO优化外链的工具就是通过站长工具查找自己的域名看看seo状况,然后在这个过程中,的页面就会被记录下载,最后蜘蛛爬行的时候抓取了,就会变成一个外链了, 那么这里一样的道理,用户搜索的时候,如果页面是静态...这只是无作为一个无聊的推测吧了,不过这里改改搜索页面的形式不碍事,反而更加美观不是吗,修改之后样式如下: 这样一来我们甚至都可以不用搜索,直接在“http://www.quanbaike.com/search
估计不少网友是在了解到Google Reader 关闭的消息后才知道RSS这种东西的,本站DeveWork. com 曾经有过《WordPress在RSS Feed 中输出版权信息》的相关教程,今天则给出个...WordPress在RSS Feed 中输出自定义特色图像的方法,该方法支持通过自定义字符获取的特色图像。...一般来说,如果主题支持特色图像(缩略图),在主题的 functions.php 文件下加入以下代码就可以实现RSS 中输出自定义特色图像(缩略图)的功能: //Feed 输出文章特色图像(缩略图)devework.com...我的特殊图像是通过外链来的(你应该知道,WordPress 本身的特色图像功能不支持外链),就是通过自定义字符来实现特色图像(缩略图)功能。...如果不明白我前面说的是什么,可以参考《WordPress自定义栏目运用实例 VI:设置外链缩略图/特色图像》。 网络上是没有相关方法的,不过经过Jeff 的一番探索,写出了以下代码完美实现。
领取专属 10元无门槛券
手把手带您无忧上云