东城公司网站制作:如何创建WordPress自定义选项页

2019.05.27 东城公司网站制作

166

东城公司网站制作在本详细教程中,我们将向您展示如何在functions.php档案。

选项页与仪表板中的任何其他控制面板页面一样容易使用,但它们具有足够的先进性和灵活性,允许用户控制其安装主题的每个细节,至少只要将其定义为用户自定义设置即可。来吧,…

生成WordPress自定义选项页

步骤1:打开functions.php档案

在开始向现有WordPress主题添加自定义首选项面板的过程中,需要导航到该主题的根目录(通常包含在“可湿性粉剂含量“目录,如果主题已上载到WordPress安装)。

找到该文件后,将其下载到桌面并在文本编辑器中打开;或者,可以使用FTP客户端内置的文件和文本编辑应用程序在服务器上直接编辑该文件。对于大多数开发人员来说,这可能是最好的选择,因为它允许他们直接保存文件,而不需要管理文件的多个版本。

步骤2:定义在Preferences页面中使用的变量

一个良好的控制面板页面必须充分利用变量,在这种情况下,其中两个变量将在整个代码中广泛使用。第一个变量是$theme变量,它将实际定义主题本身的名称。这将在整个代码中使用,而不是每次必须使用时都硬编码主题的名称。如果开发人员希望通过自定义控制面板页面全面更新他们的主题,那么它将导致更高效的代码,并且帮助设置页面变得更容易适应多个主题。

东城公司网站制作在整个自定义控制面板首选项页中使用的第二个变量是$form变量-这是一个短的、两个或三个字母的变量,它将被附加到放置在控制面板页面本身的每个XHTML表单元素中。这不仅将页面的表单元素与仪表板内其他页面上的表单元素区分开来,而且还帮助WordPress数据库知道要写入哪些设置,以及将这些设置保存到何处,以便在成功保存或重置这些设置后,这些设置能够正确地反映在生产页面上。

当这两个变量被添加到特定于主题的functions.php文件,它们类似于以下示例:

$theme = "A Theme with Customizable Preferences";
$form = "atc";

记住$theme变量应该与主题本身的名称完全匹配。用户希望看到仪表板中所有页面之间的连续性,并在控制面板页面中放置与用户在“容貌“页面会导致一些不一致,可能会阻止他们利用这里列出的首选项。

步骤3:使用PHP数组定义自定义首选项

在WordPress仪表板中创建完整首选项页面的第一步是简单地创建一个PHP数组并声明它是打开的。一个打开的数组由仪表板读取,每个设置都会使用稍后添加的函数放置到一个功能首选项页面中。首先,我们必须打开数组并告诉它如何命名新的控制面板页面。因为我们已经用了$theme变量来定义主题的名称,我们可以简单地使用它和一些额外的文本在PHP数组中给页面一个描述性的标题。这是如何做到的:

array (
array( "name" = > $theme." Preferences",
"type" = > "title"),
array( "type" = > "open"),

这为页面提供了一个标题,当主题用户查看首选项页面时,该标题将同时显示在页面本身和浏览器标题栏中。在定义页面标题的数组下面,列出了一个名为“open”的新数组。这可以告诉控制面板,标题元素下的所有内容都应该被解析为一个设置,并且它将按照指示使用将放置在functions.php数组后面的文件。在此标记之后,我们现在必须定义用户可以自己修改的设置。

步骤4:为“首选项”页创建用户定义的设置

用户可以自己定义的每个设置都放在functions.php使用每次都以完全相同的方式设置的数组。这个数组非常基本,每个数组都将用于标记首选项,描述它,设置用户可以选择的选项,并设置在首次加载新设置页面时选中的“默认”选项。数组一次又一次地使用相同的变量,示例首选项如下所示:

array( "name" = > "Sidebar Position",
"desc" = > "This setting can determine the position of the website's sidebar on the fly, placing it either to the left or right of the site's main content area depending on the user's preferences. No changes are required to be made to the stylesheet or theme template files.",
"id" = > $form."_sidebar_xy",
"type" = > "select",
"options" = > array("Left, Right"),
"std" = > "Right"),

在上面的例子中,设置是如何创建的,这是非常不言自明的。值得注意的是,虽然每次都必须以相同的方式填充所有这些字段,但是数组中至少有一个变量必须由开发人员更改。这就是“类型“元素,可以根据开发人员的喜好设置为显示文本框、复选框或下拉框。记住,相应的“备选方案“和”性病“如果”类型“元素也被改变了。

一旦添加了所有数组来定义用户可以操作的设置,就应该关闭数组了,以便PHP函数文件知道如何继续创建此页面的下一步。这是通过添加另一个数组来完成的,尽管这个数组只是一行:

array( "type" = > "close"));

数组现在关闭,开发人员可以继续将传统函数添加到文件中。这些函数结合在一起,将控制面板页面添加到侧栏和数据库中,并在用户保存相关设置时定义输入验证消息。

步骤5:将Array转换为控制面板页面的函数

现在必须告诉WordPress,东城公司网站制作在functions.php文件作为控制面板页面的选项。这是通过现有文件向仪表板添加一个函数来完成的。此函数直接添加到数组下面:

function theme_settings() {
global $theme, $form, $settings;
if ( $_GET['page'] == basename(__FILE__) ) {
if ( 'save' == $_REQUEST['action'] ) {
foreach ($settings as $value) {
update_option( $value['id'], $_REQUEST[ $value['id'] ] ); }
foreach ($settings as $value) {
if( isset( $_REQUEST[ $value['id'] ] ) ) { update_option( $value['id'], $_REQUEST[ $value['id'] ] ); } else { delete_option( $value['id'] ); } }
header("Location: themes.php?page=functions.php&saved=true");
die;
} else if( 'reset' == $_REQUEST['action'] ) {
foreach ($settings as $value) {
delete_option( $value['id'] ); }
header("Location: themes.php?page=functions.php&reset=true");
die; } }
add_menu_page($theme." Preferences", "".$theme." Options", 'edit_themes', basename(__FILE__), 'theme_settings_admin');
}

function theme_settings_admin() {
global $theme, $form, $settings;
if ( $_REQUEST['saved'] ) echo '< div id="message" >'.$theme.' settings are saved.< /div >';
if ( $_REQUEST['reset'] ) echo '< div id="message" >'.$theme.' settings are reset.< /div >';

非那样做不行。本质上,本教程的PHP部分现在已经结束了。剩下的就是简单地将XHTML显示元素添加到仪表板控制面板页面本身。这是相对容易的,特别是对一个经验丰富的WordPress开发人员和编码器。

步骤6:添加显示元素

创建自定义控制面板时,开发人员必须手动将所有XHTML表单元素(例如文本区域标记、提交和重置按钮以及其他信息)添加到functions.php档案。这非常简单,因为元素只需要在最基本的意义上创建。其他一切都是由PHP函数添加到XHTML标记中的,表单元素将由Dashboard样式表进行样式设置。当然,只有在以下标记包围了所有XHTML元素时,才能使用样式表functions.php档案:

<div class="wrap">

别忘了也要提供一个</div>最后创建XHTML表单元素之后的标记。当这一步完成后,实际中只有一个步骤functions.php文件以确保整个程序按计划工作。

步骤7:指示仪表板将控制面板链接到侧栏区域

在本教程的前面,创建了一个函数,该函数允许仪表板显示到侧栏中的自定义控制面板的链接。但是,由于在此期间没有添加“action”,所以该链接对最终用户还不可见。在functions.php文件,只需放置以下代码行,以确保通过仪表板侧边栏可访问控制面板:

<?php } add_action('admin_menu', 'theme_settings_admin'); ?>

现在,保存并关闭文件。当它上传到服务器时,只需导航到仪表板,并确保新的控制面板链接出现在侧栏中。单击该链接,操作某些设置,并保存它们。确保差异反映在激活的主题中,并且在提交期间或提交之后没有错误消息。如果是这样的话,那么这个过程就完成了,控制面板已经准备好给WordPress主题一个新的生命。


寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP