之后,您还可以将自己的自定义CSS类添加到body元素。您可以在需要时添加这些类。 例如,如果要更改特定类别下的特定作者的文章外观。...在文章编辑屏幕上,您会在右侧列中找到一个名为“文章类(Post Classes)”的新元框。...接下来,您可以直接编辑WordPress网站上的任何文章或页面。在文章编辑屏幕上,您会在右侧列中找到一个名为“文章类(Post Classes)”的新元框。 单击以添加您的自定义CSS类。...您可以添加多个由空格分隔的类。 完成后,您只需保存或发布您的文章即可。现在,该插件会将您的自定义CSS类添加到该特定文章或页面的body类。...假设您要为具有作者用户角色的登录用户设置不同的首页样式。WordPress自动生成.home 和 .logged-in 类时,它不会检测用户角色或将其添加为类。
和其他 CMS 或者 Web 程序一样,WordPress 也有一个内置的系统来验证一个特定的用户是否有足够的权限来进行某种动作。...} 此函数也可以接受一个可选的参数:postID,用来检查当前用户是否有权限对特定文章进行某种操作: // 检测用户对 ID 为 $post_ID 的日志是否有编辑的权限 current_user_can...然而,正如这篇文章的标题包含“终极”二字一样,我们会介绍WordPress 用于角色和权限幕后工作的三个类,以及这些类提供的接口,我们可以在插件中进行高级权限管理。...: WP_Roles 类 WP_Roles 是一般的角色管理类,当我们在插件中使用的时候,可以不用实例化一个新的对象,而是直接使用 WordPress 默认创建的一个全局对象 $wp_roles,可以在任何地方使用它...这是一个非常简单的类,它的功能就是添加和删除权限。
由林雍岷精心打造的WordPress SEO系列教程教你如何通过个人的努力每天为网站带来1000位访客,WordPress SEO系列教程教你做网站排名和网站访问速度优化。...译文: 确保网站上长的,多主题的页面结构合理,并分成不同的逻辑部分。其次,确保每个部分都有一个具有描述性名称的关联锚点(即,不仅是“ 2.1节”),并且你的页面上应包含链接到各个锚点的目录。...为什么我把添加目录排在第一名 鼓励长内容(目标为3,000多个单词) 访客可以访问到你文章特定部分 访客可以浏览内容并找到所需内容 人们会在页面上四处点击(适用于SEO) 使用命名锚点获得跳转链接的机会...现在,将此代码添加到你的主题中(或使用“发布更新日期”插件),以完成相同的操作。...如果你使用的是Genesis Framework,则可以使用Genesis Simple Edits插件将修改后的日期短代码添加到Genesis → Simple Edits下的“Entry Meta”
如果您想手动放置广告,您可以获得以下选项:短代码小部件PHP函数发布内容具体的段落编号(例如在第三段之后)随机段落图片注释摘录CSS选择器——还有一个视觉元素选择器,可以很容易地选择特定的展示位置标题页脚广告插入界面...它还具有一些独特的广告展示位置选项,这是该插件的另一个突出特点,主要特征:灵活的广告插入——除了内容广告之外,您还可以获得一些独特的展示位置选项,我将在下面详细介绍。...当您这样做时,您可以为该空间定义计费模型:添加新广告 推荐:[最新版]Ads Pro插件免费下载多用途WordPress广告管理插件5、Quick Adsense插件 Quick Adsense是一个流行的免费...它具有自定义广告小部件,可在侧边栏和其他小部件就绪区域显示广告。没有您在此列表中的其他一些插件中找到的许多高级功能。另一个限制是您一次最多只能保存10个广告代码。...通过添加到HTML编辑帖子子面板的附加快速标签按钮,可以轻松地将上述标签插入帖子中。
Emmet 简介 Emmet插件以前被称作为Zen Coding,是一个文本编辑器的插件,它可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发。...安装Emmet 插件 Emmet只是文本编辑器一个插件,要想让他发挥应用的功能,就得将其安装到你喜欢的文本编辑器中。...创建初始文档 任何一个HTML文件,都具有一些默认的文档结构。使用Emmet来创建需要的时间不到一秒。只要输入!或html:5,然后点击tab键,你就会看到一个HTML5的doctype默认标签。...快速添加类名、ID、文本和属性 在Emmet中,还有一个功效,能快速帮助你添加类名、ID、文本和属性。...使用E#ID添加ID名 使用E.class添加类名 使用E[attr]添加属性 使用E{text}添加文本 ? ?
例如,超级管理员有权访问您的 WordPress 网站的任何部分,他们可以安装主题或插件,他们可以发布、编辑或删除任何人创建的内容。另一方面,作者通常只能创建和发布帖子以及编辑他们创建的内容。...jQuery是一个 JavaScript 库 – 旨在让开发人员更轻松地操作网页元素的软件。...Plugin(插件) 插件是一种扩展功能或向其他软件添加特定功能的软件。...Block and Block Templates(块和块模板) 块是您可以通过内容或页面构建器(例如 Gutenberg 或 Elementor)添加的内容构建元素。...它由 Automattic(因此是 WordPress 本身)创建和维护,如果您计划使用多个插件将这些功能添加到 yoru 站点,它可能是一个很好的解决方案。
登陆页面: 登陆页面是为特定受众制定的具有特定目标的目标页面,可以描述为“一页一目的”。登陆页面必须有一个“号召性用语”,并牢记特定目标。...Elementor是一个页面构建器(可视化编辑器),用于开发漂亮的页面和网站。它具有拖放功能,可以轻松创建页面。 第 1 步:获取你的 WordPress 网站 第一步是购买你的域名和主机。...从托管平台的控制面板安装 WordPress。登录到你的 WordPress 帐户,这将打开你的仪表板。 第 2 步:添加新插件 在你的网站上安装 StarterTemplates 插件。...该插件使用 Elementor、Beaver Builder、Brizy 和 WordPress 默认编辑器 Gutenberg 等页面构建器,可以将许多漂亮的预建网站模板作为单独的页面模板访问。...你可以添加自己的样式,例如颜色和字体等。要更改样式,请单击样式选项卡。选择你要编辑的块,你将获得以下选项。
让我们看一个例子: 例子:更正开发者的语法错误 假设你找到了个非常nice 的插件,但你发现插件的开发者的英语水平实在是不敢恭维,那么你会在代码中看到很多的错误的文本代码。...> 优化标题url别名 默认中,WordPress 会使用一个名为的函数去优化标题:比如说自动替换空格为“-”并拟保存为url别名。通过sanitize_title你可以扩展这个函数。...> 过滤评论的批准状态 在一条评论是否被认定为垃圾评论前WordPress 会有一个算法去判别,然后才去加入评论队列中。...为插件创建一个设置链接 如果你在开发一个WordPress插件,那么你需要知道在插件页面中如何添加一个设置链接。 添加一个设置链接展示在插件页面 <?...> 过滤编辑器中得文本内容 是否想在后台的编辑器上预填充一些内容,或者需要给你的编辑人员一些提醒?如果有这类需求,那么你可以使用the_editor_content这个过滤器。
不知道是不是很多同学和我一样在 WordPress 后台喜欢使用代码模式写日志,总是有种强迫症,感觉使用编辑器会带入无关的代码,自己不能控制所有 。...但是使用代码模式写日志有个不好的地方,就是要创建一个列表的时候,需要输入很多代码或者要按很多次 ul/ol/li 这几个按钮。有没有更方便的方法呢?...我们可以使用 WordPress Shortcode 实现快速插入列表: 首先将下面的代码复制到当前主题的 functions 文件中,或者直接保存一个插件,并上传激活: \n"; } return $output; } 然后在后台使用代码模式编辑的日志的时候,通过下面的方法快速插入列表: [list] item-a item-b item-c...[/list] 每一行为一个元素,默认是无序列表,如果要插入有序列表,加入 type="order" 的属性: [list type="order"] item-a item-b item-c
在这篇文章中,我们整理14个适合不同领域的WordPress外贸商务主题。 WordPress程序具有哪些特点: 1、WordPress是一个开源软件,可以免费下载、安装和使用。...1、Monstroid2 - 多功能模块化WordPress元素主题 直达链接 - Monstroid2主题查看 一个具有独特和多功能设计的WordPress通用主题,提供了许多有价值的功能。...6、Kane - 新闻杂志博客引导WordPress主题 直达链接 - Kane主题查看 如果我们准备搭建一个外贸类博客和新闻媒体类的网站,这款KANE主题还是比较适合的,专门用于媒体新闻分享的。...这款主题以利用只需几分钟的一键演示导入。然后,可以使用多功能Elementor Page Builder添加和编辑您的内容。它是最好的拖放构建器之一,适合新手和技术人员。...14、Artruls -画廊和博物馆WordPress主题 直达链接 - Artruls 主题查看 如果我们有需要搭建一个美术类的主题,这个应该是合适的。
您可以单击页面中的任何元素来编辑其属性。 它有几个基本和高级模块,几乎涵盖了您可能想要添加的任何内容。有许多模块可以添加图片、幻灯片、旋转、背景、内容块、按钮等等。...它是一个实时页面生成器插件,这意味着您在使用Elementor进行编辑时可以看到您的页面。只需创建区域并选择每个区域的列数。 然后,您可以将小部件从左侧面板拖放到您的区域中。...您可以创建并保存自己的Divi布局。您也可以将布局从一个Divi安装导出到另一个。Divi还带有大量元素,您可以将其拖放到布局的任何位置。...其中许多模块通常会要求您安装单独的WordPress插件。 Themify Builder允许您从管理区域和在线网站编辑您的页面。通过实时编辑,您可以查看您的更改在网站上的显示方式。...这会节省您的许多时间,它让你放心,知道你可以恢复和撤消更改。 定价:免费 我们的评级: C 点评:SiteOrigin Page Builder是一个很好的免费插件,具有拖放界面来创建和定制布局。
很多博客的导航栏是显示特定的分类的,如果你也想这样做,你可以添加下面这行代码和按照你自己的想法去样式化它。...默认情况下,wp_list_categories() 产生一个嵌套的无序列表(UL),它在一个标题为“Categories”的列表元素(li)中。你可以通过 CSS 选择其莱样式化它。...Multi-level Navigation Plugin for WordPress -- 这个插件能够产生必要的代码去创建一个 Son of Suckerfish 似的横向下拉菜单,纵向弹出或者横向滑动的导航栏...你可以通过插件选项页面控制什么项目(页面,分类,存档,友情链接等等)可以显示在你的下拉菜单中。...翻译自:Most Desired WordPress Hacks: 11 Common Requests and Fixes 第四点。Leijn 也作了翻译。 ----
你可以将特定的bootstrap元素和已有的CSS代码一起使用。 如何选择和安装Boostrap? 下载Boostrap主要有两种版本: 编译版本或源码版本。...Flippant.js 是一个迷你的JavaScript和CSS类库,用于翻转页面元素,与其他类库没有依赖关系,便于自定义使用。 27....Typeahead.js 是一个来自Twitter的JavaScript库,用于构建typeaheads。 31. X-editable 插件支持在Bootstrap中的页面上创建可编辑元素。...Bootstrap Multiselect是一个用于UI的jQuery插件,它使用具有多个属性的选择输入,并使其以带复选框的下拉框形式出现。 37....StrapPress 是一个WordPress主题,它以移动为优先,响应性强,包含了大量的Bootstrap元素。 28.
虽然必须有一个 WordPress 安全插件来扫描和清理你的网站,但你还需要采取强化措施以使其更加健壮。...其中一些比其他更安全,这一特定元素反映在他们的定价计划中。 6. 使用编码不佳的主题和插件 在插件主题中使用编码不佳的命令行会显着增加网站被黑客入侵的几率。...这个特定的应用程序负责每 30 秒生成一个密码。也可以使用只有你知道的密码。 2.限制登录尝试 你可能已经注意到,你的银行只提供了 3 次尝试来确保你的用户名和密码正确无误。...4.禁用文件编辑器 一旦黑客成功访问了 WordPress 管理员帐户,他就会接管你的网站。一旦他访问了你的仪表板,他将使用编辑器选项更改你的主题和插件的编码。此外,他还可以选择添加自己的脚本。...你可以使用名为 Bulletproof Security 的插件来做到这一点。该插件具有许多功能,其中之一是空闲会话注销。 9.
p (Object) - 添加到类的方法集合。 root (Object) - 可选的根对象默认为全局窗口对象。.../ 2.添加插件的两种方式; 先create一个类,再通过PluginManager.add添加插件。...直接PluginManager.add一个对象,添加插件。...这意味着登录到后台的用户需要有相应的职能才能够看到这里添加的菜单选项。 如果你的主题或者插件有一个选项页,合理的 控制对该页的访问时非常重要的。...;(声明可以修改的选项) do_settings_sections( $page ),打印添加到特定设置页面的所有设置部分(HTML代码) submit_button( string text = null
当我们用文本编辑器打开从WordPress主题制作:开始前的准备下载的Yii-Candy中的 .php 文件,不难看出他们头部的代码都非常的相似!...我们可以提取这部分相似的代码,放到一个单独的文件header.php中,各个页面想用这部分代码的时候再用WordPress的get_header()包含进去就可以达到所有页面头部内容一致,不再需要给每个页面都写一次这部分代码了...在我们之前创建的主题目录wp-content\themes\Yii-Candy下新建一个文件header.php,我们提取出index.php中的头部代码复制粘贴到header.php中即可,下面的是目前...> 现在你的博客首页看到的就是你博客名称和描述了,并且logo也是一个链接指向你的博客首页。...>" /> 添加wp_head 有些插件需要在网页头部执行一些类如添加一些js或css的动作,要让这些插件能够正常的工作,也让你的主题有更好的兼容性,你应该添加wp_head()函数。
另一方面,开发人员更喜欢使用PHP名称空间来封装项目,并解决在创建可重用的代码元素时遇到的两个问题:类或函数: 1.它们创建的代码的命名与内部PHP或第三方、类、函数或常量之间的名称冲突。...4.不要让插件或主题易于通过Actions和过滤器改变 直接编辑WordPress插件或主题是一个坏主意,除非您直接参与该包的开发并为其代码做出贡献。...此外,如果您在WordPress.org上提供免费下载的插件,那么以后,您将创建一个依赖于父插件的高级扩展,那么您应该开发免费的插件,可以轻松扩展和添加高级扩展。...如果您必须为客户端构建一个单一的WordPress插件,并且它与WordPress核心,主题和其他插件的交互有限,设计复杂的类是没有效果的,除非你肯定的是这个插件会在以后的扩展中扩展。...根据WordPress插件手册,虽然有许多可能的架构模式,它们可以大致分为三类: 单个插件文件,包含功能 单个插件文件,包含一个类,实例化对象,以及可选的功能 主要插件文件,然后一个或多个类文件 11.
这个WordPress画廊插件带有一个功能全面的图像滑块,该滑块具有自适应大小调整功能,并且具有可自定义的图像转盘,其中包含灯箱支持。 从无限滚动或标准分页选项中选择。...自动转换PDF,同时上传多个JPG以创建活动簿,手动添加页面或直接在“所见即所得”编辑器中直接输入文本。 然后,将生成的活动簿的简码添加到您的网站,或发布图片链接,只需单击一下即可启动灯箱。...使用简码,您可以将一个或多个“平面全景查看器”添加到网站上的任何页面,帖子或窗口小部件。...该画廊是完全可定制的,您可以在网格中添加无限数量的项目。 这个WordPress画廊插件具有完全响应式设计,这意味着所有元素在所有屏幕分辨率下都是可见和可访问的。...优步网格 另一个基于网格的WordPress画廊插件UberGrid使用手动或自动从WordPress提取内容创建了一个时尚的方形主题画廊 。
就UEditor的功能来说,目前已经超越了市场上其它的所有编辑插件。而我们默认的wordpress的编辑器在这款UEditor插件面前简直寒酸的惨不忍睹。...插件是由百度web前端研发部开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于bsd协议,允许自由使用和使用代码。...,wordpress的编辑器功能实在是少的可怜,我们都是通过代码的修改来达到扩展编辑器的目的,甚至装上了编辑器扩展插件,以及代码高亮的插件,但是这款插件的功能十分丰富,用一句话来说就是只有你想不到的,没有这款插件没有的...如图所示,我的网址是UTF-8类型 (opens new window) 4,配置wordpress根目录/ueditor/editor_config.js。 用记事本打开编辑。...5,编辑wordpress的主题,在想要添加编辑器的模版页添加如下的内容:(比如single.php)
这个插件可以让你为你的WordPress博客添加一个日志发布表单, 让你的读者可以为你的博客提交日志....插 件主页 WP Super Edit 这个是一个WordPress后台文章编辑器的增强插件, 它可以超越WordPress的内置TinyMCE编辑器, 增加更多的功能, 而不会修改到WordPress...它的增强功能包括可以增加表格按钮, DIV层按钮, CSS元素属性等等....插件主页 postTabs postTabs可以让你用Tab切换模块的方式显示文章或页面. 比较有视觉效果, 或当内容比较多而又具有层次结构的时候使用....Post2pdf post2pdf是一个WordPress插件, 可以把你的文章或页面转换为PDF格式. WP_LinkTools 添加你的文章链接到Delicious.
领取专属 10元无门槛券
手把手带您无忧上云