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

WordPress 技巧:使用页面模板自定义 WordPress 页面

如何自定义 WordPress 页面? 如果你定制或者设计过 WordPress 主题,那么你可能会遇到过这样的问题: 如何让 WordPress 的页面有不同的布局或者样式呢?...默认情况下 WordPress 是使用 page.php 来处理所有页面的外观的话,但是 WordPress 提供了页面模板的机制让 WordPress 开发者可以自定义 WordPress 每个页面的外观和布局...下面就是详细的实现步骤: 在当前使用的主题文件夹中创建一个新模板,将它命名为 about.php。 然后把 page.php 模板中的内容拷贝到 about.php 文件中。...接着,找到模板文件中调用 sidebar 的函数,去掉或者注释掉它。...这样“关于”页面和你其他的页面使用不同的布局了。 使用 WordPress 页面模板技巧是非常常用的技巧,特别是那些把 WordPress 当作 CMS 的用户。

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

    整合 Google 自定义搜索到 WordPress 中

    我们可以利用 Google 自定义搜索创建符合自己的需求和兴趣的搜索引擎,并可以在我们自己的网站中显示这些结果,Google 自定义搜索可以邀请朋友来一构建。...整合 Google 自定义搜索到 WordPress 整合 Google 自定义搜索到 WordPress ,可以减少数据库查询,因为搜索结果是 Google 提供的,WordPress 不用再去数据库中搜索了...此外还能够进行更加全面的搜索,WordPress 目前只能搜索日志。另外还可以在搜索结果中绑定 Google Adsense 赚钱。 那么如何整合 Google 自定义搜索到 WordPress 中。...在 WordPress 中创建一个页面,然后再在导航栏中设置为不显示该页面,如果你是用 wp_list_pages() 这个函数输出页面的,你可以使用 exclude 这个参数把刚才创建的页面剔除出去。...你需要根据你自己的 WordPress 搜索框的样式对这段代码做下修改,以适合你的主题。 7. 编辑你第一步创建的页面,把搜索结果代码复制到该页面。你也需要对该段代码做些调整。

    38420

    自定义WordPress后台登录页面

    如果你看腻了 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 模版文件中,直接将样式写在其中。

    1K20

    WordPress 技巧:从搜索结果中排除页面

    默认情况下,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

    47620

    如何轻松自定义WordPress登录页面

    关于WordPress的好处是后端的每个部分都可以通过使用php 函数进行自定义。 在今天的教程中,我将向您展示如何以您希望的方式自定义WordPress登录屏幕。...默认的WordPress登录屏幕 ? 我们要建立什么 ? 更改徽标 WordPress使用CSS来显示背景图像。它通常插在H1和锚标签之间。...首先,将您喜欢的徽标(png文件格式)放在图像文件夹中的二十四个WordPress默认主题目录中(对于本教程,我使用了custom-login-logo.png徽标)。...请注意,徽标的最大尺寸应为80 x 80px; 但是,您也可以更改自定义CSS文件中的维度。 ? 接下来,打开二十四个WordPress默认主题里面的functions.php文件。...要自定义默认WordPress登录屏幕的样式,我们需要添加登录页面的样式。

    2.7K20

    WordPress 教程:自定义页面(Page)的模板样式

    WordPress 中存在两种信息发布形式:文章(Post)和页面(Page),在写如何自己定义某个页面的特殊样式之前,有必要为一些新手简单介绍一下它们之间的区别,已经了解的朋友请跳过本节。...而一个 CMS 中,肯定不能只包含正文文章,一般在底部都包含了诸如“关于我们”、“联系我们”等页面,WordPress 中的页面就是比较静态比较固定内容的页面,一般是独立的,与其他内容不太相关。...自定义 WordPress 中的页面(Page)模板 页面结构、样式,在 WordPress 的主题目录中的 page.php 中定义,所有的页面都是一种结构和样式下,只是替换了一些内容而已。...强大的 WordPress 系统已经考虑到我们这种合理的不合理需求,并提供了两种强大的自定页面的方法: 在后台选项指定当前页面要调用的模板文件 使用主题文件优先级规则来覆盖默认页面模板 在通过这两种方法自定义页面样式之前...只要某个文件带有这个注释并且放置在当前主题的目录中,就会被 WordPress 发现,然后就会出现在后台的选项中。 再说一下,这个页面模板可以是任意的内容,不一定复制原有的结构,可以自由发挥。

    3.9K41

    WordPress 自定义 login (登录页面)CSS 样式

    WordPress 中的登录页面wp-login.php 的默认样式是如此简陋,如果你有兴趣想自定义一下样式,可以参考以下的例子来进行。...以下的代码将通过添加过滤器来实现自定义logo 图标、自定义链接样式、按钮样式。相信你也知道,代码一如既往放在主题的functions.php 文件下。 代码来源:点击查看;感谢原作者。...自定义logo 图片 function wptutsplus_login_logo() { ?...> 路径的代码修改请参考《WordPress 路径相关函数总结(二):主题路径相关函数》 logo 的自定义样式 function wptutsplus_login_logo() { ?...> 最后总结:本质上要做的是css 工作,当然,对于相关函数的认识还是有必须知道的(不然怎么添加钩子~)。如果你嫌麻烦,作者已经将上面的代码做好一个插件了,你可以直接下载插件来修改折腾~

    1.8K70

    修改WordPress 搜索结果页面url 形式,安全有保障

    结合这两点,我就想着能不能通过《修改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

    1.6K100

    自定义wordpress每个分类显示多少页面数

    一般的分页只需要在后台设置->阅读->博客中显示的页数,即可设置网站的分页,但是这么设置的分页是全站通用的,无论是首页、分类、搜索都显示一个分页数,但是若我们想单独控制某一个页面显示多少呢?...() 是否是标签页: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);//搜索页显示所有匹配的文章...,注意一点的是这么设置完后,在后台设置的阅读数量就会失效。

    72520

    无缝整合 Google 自定义搜索框到 WordPress

    早在08年 Denis 就写过一篇整合Google自定义搜索到WordPress中的教程,可以达到强化搜索、减轻数据库读取和赚取利润的各种好处。...不用担心,接下来 Packy 教你一步步无缝整合 Google 自定义搜索框,可以在不修改原搜索框的前提下使用 Google 强大的自定义搜索功能。...为了让搜索结果在博客内部显示,我们需要在 WordPress 中创建一个新的页面,用来显示搜索的搜索结果。...最后在你博客的后台 - 页面中新建页面,在页面属性的模版中找到 search 并选择,写好标题发布即可。...第三步:修改当前主题的搜索提交的表单 这里算是最关键的一步啦,就是当用户点击你博客上任意页面的站内搜索按钮的时候,将用户引导到你刚刚创建的搜索结果页上。

    34920

    如何在 WordPress 中创建登录页面

    登陆页面是用户在点击广告或帖子后登陆的页面,从而产生潜在客户和转化。 使用 WordPress 创建登录页面 在本文中,我们将学习如何使用Elementor创建一个简单的登录页面。...Elementor是一个页面构建器(可视化编辑器),用于开发漂亮的页面和网站。它具有拖放功能,可以轻松创建页面。 第 1 步:获取你的 WordPress 网站 第一步是购买你的域名和主机。...搜索插件“ StarterTemplates ”。接下来,你必须安装插件。安装后,别忘了激活它。 转到插件并从入门模板插件中选择查看库,然后选择像 Elementor 这样的页面构建器。...第 4 步:自定义和添加内容 根据你的要求开始自定义页面。Elementor 带有拖放功能,可以很容易地自定义任何模板。完成所有更改后,单击 PUBLISH 保存所做的更改。请详细查看可用的选项。...你可以根据你的内容编辑页面并添加适当的图像。如果你的页面上不需要它,你也可以删除它。你可以添加自己的样式,例如颜色和字体等。要更改样式,请单击样式选项卡。选择你要编辑的块,你将获得以下选项。

    2.9K21

    纯代码实现WordPress站内搜索页面url静态化

    今天全百科网给大家来分享一段代码,可以让WordPress站内搜索结果页面的网址显示为伪静态URL的效果,这样一来可以更加的实现全站静态化的效果。...等动态页面的字符, 但是我们设置了固定链接伪静态之后,wordpress站内搜索结果页面的URL依然是“http://www.quanbaike.com/?...s=关键字”的动态URL链接样式, 部分WP博主觉得不符合SEO要求,这里我们来通过一段代码实现让WordPress站内搜索结果页面网址显示伪静态URL, 这样一来有利于seo,为啥这都有利于seo呢?...很多SEO优化外链的工具就是通过站长工具查找自己的域名看看seo状况,然后在这个过程中,的页面就会被记录下载,最后蜘蛛爬行的时候抓取了,就会变成一个外链了, 那么这里一样的道理,用户搜索的时候,如果页面是静态...这只是无作为一个无聊的推测吧了,不过这里改改搜索页面的形式不碍事,反而更加美观不是吗,修改之后样式如下: 这样一来我们甚至都可以不用搜索,直接在“http://www.quanbaike.com/search

    1.8K41

    WordPress在RSS Feed 中输出自定义特色图像(缩略图)

    估计不少网友是在了解到Google Reader 关闭的消息后才知道RSS这种东西的,本站DeveWork. com 曾经有过《WordPress在RSS Feed 中输出版权信息》的相关教程,今天则给出个...WordPress在RSS Feed 中输出自定义特色图像的方法,该方法支持通过自定义字符获取的特色图像。...一般来说,如果主题支持特色图像(缩略图),在主题的 functions.php 文件下加入以下代码就可以实现RSS 中输出自定义特色图像(缩略图)的功能: //Feed 输出文章特色图像(缩略图)devework.com...我的特殊图像是通过外链来的(你应该知道,WordPress 本身的特色图像功能不支持外链),就是通过自定义字符来实现特色图像(缩略图)功能。...如果不明白我前面说的是什么,可以参考《WordPress自定义栏目运用实例 VI:设置外链缩略图/特色图像》。 网络上是没有相关方法的,不过经过Jeff 的一番探索,写出了以下代码完美实现。

    1.4K100
    领券