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

WordPress主题开发基础:Body 类指南

您是一位有抱负的WordPress主题设计师吗,正在寻找在主题中使用CSS的新方法? 幸运的是,WordPress会自动添加您可以在主题中使用的CSS类。...Body类(body_class)是WordPress函数,可让您将CSS类分配给body元素。 HTML正文标签通常从主题的header.php文件开始,该文件会加载到每个页面上。...由于body类是特定于主题的,因此您需要将以下代码添加到主题的functions.php文件中。...现在,在这种情况下,您可以将条件标记与一些自定义代码一起使用,以将自定义类动态添加到body类。 为此,您需要将以下代码添加到主题的functions.php文件中。...希望本文能帮助您学习如何在题中使用WordPress body类,如果对于这篇文章有什么疑问,可以在下面留言讨论。

2K20

WordPress面试题

下面是关于如何在 WordPress 源码中开发主题和插件的基本指南: 开发 WordPress 主题: 创建主题目录: 在 WordPress 的wp-content/themes/目录下创建一个新的文件夹...添加样式和脚本: 创建一个style.css文件来定义主题的样式。 使用wp_enqueue_style和wp_enqueue_script函数在主题中添加样式和脚本。...自定义主题功能: 在functions.php文件添加自定义功能和钩子。 使用add_theme_support函数来启用特定功能,自定义菜单、特色图像等。...创建插件文件: 在插件目录下创建一个插件文件,通常命名为plugin-name.php添加插件信息: 在插件文件添加插件的基本信息,包括插件名称、版本、描述等。...使用add_action和add_filter函数来添加钩子和过滤器。 自定义功能: 在插件文件中定义自定义功能,可以是短代码、小部件、自定义查询等。

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

WordPress 自定义菜单功能介绍和使用详解

如果仅仅是调用文章分类 或者页面链接作为导航的话,会比较难控制,无法自由的添加链接等。当然,成熟的 WordPress 系统已经为我们考虑到了这一点,添加了一个 “自定义菜单” 功能。...让 WordPress 主题支持自定义菜单功能 下面来详细讲解如何在题中添加这个功能。也很简单,只需要在两个地方,添加两小段代码即可!...register_nav_menus 首先,需要在主题的 functions.php 文件中,声明一下存在这个功能。...wp_nav_menu 之后,在主题中添加自定义菜单。在主题中合适的位置,添加下面的函数: <?...不过需要注意一点,WordPress 目前的较新版本 3.4.2 被爆出一个 BUG ,不支持 自定义菜单。当然很快就出了补丁。

1K20

WordPress登陆文件wp-login.php添加相关参数,安全有保障

在几个月前的WordPress 界被攻击闹得沸沸扬扬的时候,Jeff在本站DeveWork.com 分享了《修改WordPress登陆文件名wp-login.php,防密码被暴力破解》一文,按照这篇文章来的话虽然安全性有了极大的提高...下面就带来最新的一种通过为登陆文件wp-login.php添加相关参数来阻止非法登陆。 只需要在主题的funtions.php 的最后一个 ?...> 前文件添加以下代码就可以了: //wp-login.php添加相关参数 devework.com add_action('login_enqueue_scripts','login_protection...= 'work')header('Location: http://devework.com/'); } 按照上面的代码,你的WordPress 登陆地址应该是 http://域名/wp-login.php...而且不要向上次的那样修改WordPress本身的代码,只需要在主题那里添加就可以了。 更新:嫌麻烦的也可以使用插件 Protected wp-login ,具体不介绍。

1.3K60

WordPress开发人员犯的12个最严重的错误

此外,如果您在WordPress.org上提供免费下载的插件,那么以后,您将创建一个依赖于父插件的高级扩展,那么您应该开发免费的插件,可以轻松扩展和添加高级扩展。...7.不通过版本控制系统(Git)以专业方式跟踪更改 自定义编码的文件子主题或自定义插件)最好在版本控制之下。...9.使用.php文件输出CSS或JavaScript代码而不是静态.css和.js文件 我已经看过主题,甚至是WordPress插件,其中有这样的文件style.php只是用来生成自定义CSS代码并打印出来...,class.scripts.php可以使用,在enqueuepublicscript()等方法中对前端文件进行排队,并在enqueueadminscript()方法中排队等待装载的文件。...与其将HTML与PHP代码混合,不如通过在插件和主题中实现MVC模式来保持分离。一个很好的例子是WooCommerce插件。。

2.9K10

Dreamweaver CS5 中启用 WordPress 代码提示功能

Dreamweaver CS5 支持 WordPress 代码提示 我们知道 Dreamweaver 代码提示功能支持 HTML,PHP,JavaScript 这些动态语言,而最新发布的 Dreamweaver...如何在 Dreamweaver CS5 中启用 WordPress 代码提示功能 下面就讲解下如何在 Dreamweaver CS5 中启用 WordPress 代码提示功能: 将本地的测试站点添加到...Dreamweaver CS5 首先要在本地安装好 WordPress 测试网站,如果是 Windows 系统,可以查看这篇教程:如何在 Windows 系统上安装 WordPress 本地测试,并保证网站已经能在本地正常浏览...在同一对话框中切换到”Advanced”界面,”Server Model”选择”PHP MySQL”,保存。...好了,一切设置已完成,下面是见证奇迹的时刻,打开一个 WordPress题中文件,例如 index.php,如下图: 输入WordPress 某个函数的前几个字符,例如 ”the_”,按 Ctrl

87820

制作WordPress侧边栏“博客统计”小工具并集成在主题中的方法

网络上的方法都是直接将php代码写在sidebar.php文件中的——这样不好,因为我如果我不想用的话又要去删除代码——太麻烦了。...下载 ipeld-widget-blogstat.zip (官方下载 备份下载),解压得到一个PHP文件。 2. 将这个 php 文件放到主题目录下。 3....> 前插入以下代码: include("ipeld-widget-blogstat.php"); 当然,2、3步的php文件存放路径可以自定义。 4....到“后台——外观——小工具”中添加“博客统计”小工具即可。 相关图片 ? ? 需要自己填写建站日期 ? ? 在管理员登陆下的显示情况 ? ? 在访客看来,是这样的。...相关文章: 制作WordPress侧边栏“随机文章”小工具并集成在主题中的方法 制作WordPress侧边栏“热门文章”小工具并集成在主题中的方法

1.4K81

WordPress 初学者词汇表(术语解释)

这些可以包括基本的文本和图像,或者更具体,电子商务商店产品轮播或自定义捐赠表格。如果您使用的是构建器,则会包含基本块,但通常您可以找到附加组件或扩展来添加更多。...这可以包括上传自定义徽标、选择主要网站强调色、创建菜单、添加小部件、自定义帖子类型设置等等。此部分可以在外观 > 自定义下的 WordPress 仪表板中找到。...当您在 WordPress 网站上创建内容时,您可以选择“添加媒体”,您可以在其中插入一张图片、视频或其他媒体文件。 但是,如果您单击“创建图库”选项来选择多个文件并将它们显示为一组。...WordPress 有许多可用的滑块插件,其中一些通常包含在高级主题中。...它托管您网站的静态文件您的图像、CSS 文件等)的副本,并将它们从地理位置较近的服务器传送给站点访问者。这可以加快您的网站速度,并有助于减轻您的主要托管计划的负担。

7.2K20

WordPress中通过Ajax评论分页实现方法

说来惭愧,用了这么久的wordpress了,竟然没注意过“WordPress 后台 – 设置 – 讨论,在“其他评论设置”中勾选分页显示评论”这一项。。。设置后竟然好了。...二.开启 WordPress 评论分页 打开 WordPress 后台 – 设置 – 讨论,在“其他评论设置”中勾选分页显示评论,设置一下评论数目,这里的评论数目仅计算评论,回复评论不作计算。...在后台开启评论分页后,在 comments.php 中需要添加分页导航的地方加入以下代码(题中有类似代码则无须再添加,另外代码中的 nav 标签为 HTML5 标签,若主题没有使用 HTML5 则有...> 四.Ajax 评论分页 根据上文所述,现在主题中已经有评论分页了,要做到 Ajax 的评论分页,只需 JavaScript 的配合,不过在这之前首先要在评论列表前加入一个元素,用于在显示新一页评论列表时表示列表正在加载...comments-navi"> 1 … 在你的 js 文件中加入以下

1.2K20

php更换wordpress用户头像,将用户本地上传头像功能集成到WordPress题中

之前让WordPress支持注册用户上传自定义头像功能 一文,通过安装Simple Local Avatars和 WP User Avatar插件,可以让注册用户本地上传头像代替默认的Gravatar...头像,不过一般都认为插件安装多了,会影响速度,那么我们就以WP默认主题Twenty Fifteen为例,把这个功能集成到WordPress题中,即可方便用户,也显示得主题高大上。...第三步,打开插件 simple-local-avatars.php 文件,将大约第178行的: wp_enqueue_script( ‘simple-local-avatars’, plugins_url...第四步,打开Twenty Fifteen主题的 functions.php 模板文件,在最后添加: require get_template_directory() . ...文件下载 未经允许不得转载:肥猫博客 » php更换wordpress用户头像,将用户本地上传头像功能集成到WordPress题中

94130

WordPress 循环和全局变量

当我们进行 WordPress 开发的时候,首先我们必须要了解循环和全局变量,这样才知道在循环中可以访问哪个全局变量 下面就讲解下 WordPress 循环,以便能更好理解哪些全局变量可以被循环中的模板函数调用...WordPress 循环 WordPress 循环(The Loop)是用来显示文章列表,和在单篇文章页面页显示留言列表的。 在主题的 index.php 中,循环的代码如下: <?...the_post 函数获取第一篇文章,并设置文章的数据(作者,是否多个分页等等),赋给 $post 这个全局变量,所以我们可以访问它。...我们可以把这个函数放入 comment.php 模板文件的 foreach 留言循环中。 然后在当前主题的 function 文件添加 get_my_trackback 函数代码: function get_my_trackback() { global $comment; if

64310

Genesis框架从入门到精通(3):框架的内置动作

images: Genesis主题中用到的图片, 因为应该在子主题中进行开发,所以大多数时候用不到 lib :包含框架的核心文件,init.php文件用于加载所有其他文件,framework.php文件包含框架使用的核心钩子...(注:除了在主题中提供pot文件外,还可以通过Genesis Translations插件将主题一键翻译成中文,其中包括前台页面和后台选项) shortcodes: 一些内置的wordpress短代码...archive.php :包含操作归档页面的动作,归档页面的标题输出 comments.php :包含操作评论的动作,评论的提交表单 footer.php :用于页脚的动作,包括页脚上的widget...在子主题中最常见的修改之一是自定义循环。这可以通过多种方式完成,但是为了讲一下修改动作,我们将删除现有的循环并使用genesis_custom_loop()将其替换为自定义循环。...如果将它添加到archive.php文件中,我可能会改为使用“child_do_archive_loop”。

91930

WordPress主题制作(一):主题文件结构

在上一篇文章中,我们安装好了WordPress,准备好了制作主题需要的工具和主题测试的浏览器,接下来就要开始制作了,但在开始制作之前,我们还需要了解主题由哪些文件构成,其次还需要知道WordPress是怎样与主题文件连接的...以主页为例,用于显示主页的文件有三个,分别是front-page.php、home.php、index.phpWordPress将从您的主题中依次查找这三个文件。...home.php:如果主题中没有front-page.php,那么使用home.php。它还用于在主页上显示博客文章。...index.php 单页(非文章) 自定义模板——在WordPress后台创建页面的地方,右侧边栏可以选择页面的自定义模板 page-{slug}.php——如果页面的缩略名是news,WordPress...主题制作:开始前的准备 WordPress主题制作(一):主题文件结构 WordPress主题制作(二):模板和模板文件 WordPress主题制作(三):牛刀小试 WordPress主题制作(四):制作头部模板

1.9K30

Wordpress 添加下雪特效

最近非常热衷于逛博客,各大博博客都非常出彩,弄得我心里面痒痒的也想弄,就先从一个下雪效果开始吧! 在网上找了很多资料,最后找到一个非常靠谱的,步骤非常简单!...第一步:将snow上传至主题根目录并解压 第二步:修改其中js文件指定雪花的地址 第三步:编辑主题中的footer.php文件添加以下代码引用效果 /snow/snow.js"> 第四步:清清缓存!...sonw文件在这里下载:点击下载 在本页资源分享站中也可找到:https://data.songtianlun.cn 差点忘记一个非常重要的事情, 参考文章: wordpress 添加下雪特效 Author...: Frytea Title: Wordpress 添加下雪特效 Link: https://blog.frytea.com/archives/59/ Copyright: This work

95620

如何实现 WordPress 主题的 Thread Comments 功能

但是要使用 WordPress 2.7 自带的 Thread Comments,需要修改主题的 comments.php 主题文件,我下面就讲解下如何修改,注意这里的代码不向下兼容了,修改了之后,你的主题只能在...WordPress 留言还可以实现留言分页,如果你启用了留言分页功能,那么你需要在主题中添加以下代码实现留言分页导航: <div class="alignleft...然后并在 Comment form 中<em>添加</em>如下代码: 对于以上函数的具体位置,你可以参考 default 主题的 comments.<em>php</em> <em>文件</em>。...下次我会讲下,在 <em>WordPress</em> 中如何简单把留言和 Trackbacks 分开,并且通过 Callback 函数<em>自定义</em>留言的格式。 ----

38320

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

关于WordPress的好处是后端的每个部分都可以通过使用php 函数进行自定义。 在今天的教程中,我将向您展示如何以您希望的方式自定义WordPress登录屏幕。...但是,对于本教程,我们将在二十四个WordPress默认主题中使用functions.php文件。 ?...请注意,徽标的最大尺寸应为80 x 80px; 但是,您也可以更改自定义CSS文件中的维度。 ? 接下来,打开二十四个WordPress默认主题里面的functions.php文件。...WordPress登录屏幕的样式,我们需要添加登录页面的样式。...首先,我们需要在二十四个WordPress默认主题的CSS文件夹中创建样式表(对于本教程,我将样式表命名为custom-login-styles.css),然后在functions.php文件添加以下钩子

2.7K20

WordPress 主题进行单元测试(Theme Unit Test)

这就是 WordPress 主题的单元测试(Theme Unit Test)。 单元测试是比较复杂的工作,特别是添加测试数据。...,因为导入的图片数据等,都是在 http://wpthemetestdata.wordpress.com/ 这个网站上的,这个网站在国外,可能会不太稳定导致无法导入附件等文件,然而图片等文件在单元测试中是非常重要的一部分...成至少两个自定义菜单: 大菜单:包含所有的页面链接 小菜单:包含2、3个页面链接 测试主题文件的一般准测 需要检查主题中的如下文件:默认首页模板(index.php)、存档模板(archive.php)...、分类目录模板(category.php)、标签模板(tag.php)和作者模板(author.php),当然,如果你主题中没有就不需要测试了。...、警告或者提醒 为不支持 JavaScript 的浏览器做一些优化处理 静态首页页面测试 如果当前主题包含了诸如 front-page.php 或者是 home.php 文件,通常可以设置成首页或者文章索引页面

1.9K10

何在WordPress网站中添加Cookie弹出窗口(不使用插件)

何在WordPress网站中添加Cookie弹出窗口   如果你是使用WordPress建站的用户,那么有可能你的网站已经在使用Cookie来收集访问者的数据,如果您没有在网站上显示任何同意Cookie...在这篇文章中,晓得博客为你详细介绍不适用插件如何在 WordPress 网站中添加Cookie弹出窗口。...不适用插件向WordPress网站添加Cookie通知   向WordPress网站添加插件可能会减慢速度。因此,如果可能,最好限制插件安装并手动调整所有内容。...找到你使用的子主题,找到header.php文件(如果没有的话,可以复制主题的header.php到子主题)。 5、打开文件并将代码粘贴到标记下。 6、单击更新文件以保存更改。...推荐:如何在WordPress网站中添加免费在线聊天功能-Chaty插件教程 晓得博客,版权所有丨如未注明,均为原创 晓得博客 » 如何在WordPress网站中添加Cookie弹出窗口(不使用插件)

4.1K30
领券