选件 - 高级选项-＆＃＆按-PHP中文网

<span>array(
</span>    <span>'id'          => 'spyr_demo_date_picker',
</span>    <span>'label'       => __( 'Date Picker', 'text-domain' ),
</span>    <span>'desc'        => __( 'Your description', 'text-domain' ),
</span>    <span>'type'        => 'date-picker',
</span>    <span>'section'     => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_date_picker = ot_get_option( 'spyr_demo_date_picker' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_date_picker = get_post_meta( $post->ID, 'spyr_demo_date_picker', true );
</span>
<span>// Checking if the date has passed
</span><span>$date = new DateTime( ot_get_option( 'spyr_demo_date_picker' ) );
</span><span>$now  = new DateTime( "now" );
</span>
<span>// Compare the 2 dates
</span><span>// Not that this example assumes you have not changed the date format
</span><span>// through the ot_type_date_picker_date_format filter like shown below
</span><span>if( $now > $date ) {
</span>    <span>echo 'Date is in the past';
</span><span>} else {
</span>    <span>echo 'Date has not passed yet';
</span><span>}
</span>
<span>// Change displayed format and returnd value
</span><span>// Defaults to yy-mm-dd
</span><span>// Not recommended but it's possible
</span><span>add_filter( 'ot_type_date_picker_date_format', 'spyr_modify_date_picker_date_format', 10, 2 );
</span><span>function spyr_modify_date_picker_date_format( $format, $field_id ) {
</span>    <span>if( 'spyr_demo_date_picker' == $field_id ) {
</span>        <span>return 'mm-dd-yy';
</span>    <span>}
</span><span>}</span>

登录后复制

>“日期时间选择器”选项类型与标准表单输入字段相关联，该输入字段显示一个日历弹出窗口，该弹出窗口允许用户选择将焦点放在输入字段时的任何日期和时间。返回的值是日期和时间格式化的字符串（Yyyy-MM-DD HH：MM）。

测量

<span>// OptionTree Date Time Picker Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span><span>'id'          => 'spyr_demo_date_time_picker',
</span><span>'label'       => __( 'Date Time Picker', 'text-domain' ),
</span><span>'desc'        => __( 'Your description', 'text-domain' ),
</span><span>'std'         => '',
</span><span>'type'        => 'date-time-picker',
</span><span>'section'     => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_date_time_picker = ot_get_option( 'spyr_demo_date_time_picker' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_date_time_picker = get_post_meta( $post->ID, 'spyr_demo_date_time_picker', true );
</span>
<span>// Checking if the date has passed
</span><span>$date = new DateTime( ot_get_option( 'spyr_demo_date_time_picker' ) );
</span><span>$now  = new DateTime( "now" );
</span>
<span>// Compare the 2 dates
</span><span>// Not that this example assumes you have not changed the date format
</span><span>// through the ot_type_date_time_picker_date_format filter like shown below
</span><span>if( $now > $date ) {
</span>    <span>echo 'Date is in the past';
</span><span>} else {
</span>    <span>echo 'Date has not passed yet';
</span><span>}
</span>
<span>// Change displayed format and returnd value
</span><span>// Defaults to yy-mm-dd
</span><span>// Not recommended but it's possible
</span><span>add_filter( 'ot_type_date_time_picker_date_format', 'spyr_modify_date_time_picker_date_format', 10, 2 );
</span><span>function spyr_modify_date_time_picker_date_format( $format, $field_id ) {
</span>    <span>if( 'spyr_demo_date_time_picker' == $field_id ) {
</span>        <span>return 'mm-dd-yy';
</span>    <span>}
</span><span>}</span>

登录后复制

“测量”选项类型是输入和选择字段的混合。文本输入接受一个值，并且选择字段可让您选择测量单元以添加到该值。目前，默认单元是PX，％，EM和PT。但是，您可以使用

> ot_measurement_unit_types

过滤器更改这些。

> 数字滑块

<span>// OptionTree Measurement Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span>    <span>'id'          => 'spyr_demo_measurement',
</span>    <span>'label'       => __( 'Measurement', 'text-domain' ),
</span>    <span>'desc'        => __( 'Your description', 'text-domain' ),
</span>    <span>'type'        => 'measurement',
</span>    <span>'section'     => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>// Returns an array
</span><span>$spyr_demo_measurement = ot_get_option( 'spyr_demo_measurement' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>// Returns an array
</span><span>$spyr_demo_measurement = get_post_meta( $post->ID, 'spyr_demo_measurement', true );
</span>
<span>// Displaying the result side by side
</span><span>echo $spyr_demo_measurement[0] . $spyr_demo_measurement[1];
</span>
<span>// Adding a new measurement option to the list
</span><span>add_filter( 'ot_measurement_unit_types', 'spyr_ot_measurement_unit_types', 10, 2 );
</span><span>function spyr_ot_measurement_unit_types( $measurements, $field_id ) {
</span>    <span>if( 'demo_measurement' == $field_id ) {
</span>        <span>return array_merge( $measurements, array( 'rem' => 'rem' ) );
</span>    <span>} 
</span><span>}
</span>
<span>// Override list of measurements
</span><span>add_filter( 'ot_measurement_unit_types', 'spyr_ot_measurement_override_unit_types', 10, 2 );
</span><span>function spyr_ot_measurement_override_unit_types( $measurements, $field_id ) {
</span>    <span>if( 'demo_measurement' == $field_id ) {
</span>        <span>return array( 'rem' => 'rem' );
</span>    <span>} 
</span><span>}</span>

登录后复制

“数字滑块”选项类型显示jQuery UI滑块。它将返回单个数值，以用于自定义函数或循环。

<span>array(
</span>    <span>'id'          => 'spyr_demo_date_picker',
</span>    <span>'label'       => __( 'Date Picker', 'text-domain' ),
</span>    <span>'desc'        => __( 'Your description', 'text-domain' ),
</span>    <span>'type'        => 'date-picker',
</span>    <span>'section'     => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_date_picker = ot_get_option( 'spyr_demo_date_picker' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_date_picker = get_post_meta( $post->ID, 'spyr_demo_date_picker', true );
</span>
<span>// Checking if the date has passed
</span><span>$date = new DateTime( ot_get_option( 'spyr_demo_date_picker' ) );
</span><span>$now  = new DateTime( "now" );
</span>
<span>// Compare the 2 dates
</span><span>// Not that this example assumes you have not changed the date format
</span><span>// through the ot_type_date_picker_date_format filter like shown below
</span><span>if( $now > $date ) {
</span>    <span>echo 'Date is in the past';
</span><span>} else {
</span>    <span>echo 'Date has not passed yet';
</span><span>}
</span>
<span>// Change displayed format and returnd value
</span><span>// Defaults to yy-mm-dd
</span><span>// Not recommended but it's possible
</span><span>add_filter( 'ot_type_date_picker_date_format', 'spyr_modify_date_picker_date_format', 10, 2 );
</span><span>function spyr_modify_date_picker_date_format( $format, $field_id ) {
</span>    <span>if( 'spyr_demo_date_picker' == $field_id ) {
</span>        <span>return 'mm-dd-yy';
</span>    <span>}
</span><span>}</span>

登录后复制

开/关

>“开/关”选项类型显示一个简单的开关，可用于打开“ ON”或“ OFF”的事物。保存的返回值要么是“ on”或“ off”。

<span>// OptionTree Date Time Picker Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span><span>'id'          => 'spyr_demo_date_time_picker',
</span><span>'label'       => __( 'Date Time Picker', 'text-domain' ),
</span><span>'desc'        => __( 'Your description', 'text-domain' ),
</span><span>'std'         => '',
</span><span>'type'        => 'date-time-picker',
</span><span>'section'     => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_date_time_picker = ot_get_option( 'spyr_demo_date_time_picker' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_date_time_picker = get_post_meta( $post->ID, 'spyr_demo_date_time_picker', true );
</span>
<span>// Checking if the date has passed
</span><span>$date = new DateTime( ot_get_option( 'spyr_demo_date_time_picker' ) );
</span><span>$now  = new DateTime( "now" );
</span>
<span>// Compare the 2 dates
</span><span>// Not that this example assumes you have not changed the date format
</span><span>// through the ot_type_date_time_picker_date_format filter like shown below
</span><span>if( $now > $date ) {
</span>    <span>echo 'Date is in the past';
</span><span>} else {
</span>    <span>echo 'Date has not passed yet';
</span><span>}
</span>
<span>// Change displayed format and returnd value
</span><span>// Defaults to yy-mm-dd
</span><span>// Not recommended but it's possible
</span><span>add_filter( 'ot_type_date_time_picker_date_format', 'spyr_modify_date_time_picker_date_format', 10, 2 );
</span><span>function spyr_modify_date_time_picker_date_format( $format, $field_id ) {
</span>    <span>if( 'spyr_demo_date_time_picker' == $field_id ) {
</span>        <span>return 'mm-dd-yy';
</span>    <span>}
</span><span>}</span>

登录后复制

画廊

>“画廊”选项类型保存了逗号分隔的图像附件列表。您将需要创建一个前端功能才能在主题中显示图像。您将能够获得主题可能已通过

add_image_size（）。

滑块

<span>// OptionTree Measurement Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span>    <span>'id'          => 'spyr_demo_measurement',
</span>    <span>'label'       => __( 'Measurement', 'text-domain' ),
</span>    <span>'desc'        => __( 'Your description', 'text-domain' ),
</span>    <span>'type'        => 'measurement',
</span>    <span>'section'     => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>// Returns an array
</span><span>$spyr_demo_measurement = ot_get_option( 'spyr_demo_measurement' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>// Returns an array
</span><span>$spyr_demo_measurement = get_post_meta( $post->ID, 'spyr_demo_measurement', true );
</span>
<span>// Displaying the result side by side
</span><span>echo $spyr_demo_measurement[0] . $spyr_demo_measurement[1];
</span>
<span>// Adding a new measurement option to the list
</span><span>add_filter( 'ot_measurement_unit_types', 'spyr_ot_measurement_unit_types', 10, 2 );
</span><span>function spyr_ot_measurement_unit_types( $measurements, $field_id ) {
</span>    <span>if( 'demo_measurement' == $field_id ) {
</span>        <span>return array_merge( $measurements, array( 'rem' => 'rem' ) );
</span>    <span>} 
</span><span>}
</span>
<span>// Override list of measurements
</span><span>add_filter( 'ot_measurement_unit_types', 'spyr_ot_measurement_override_unit_types', 10, 2 );
</span><span>function spyr_ot_measurement_override_unit_types( $measurements, $field_id ) {
</span>    <span>if( 'demo_measurement' == $field_id ) {
</span>        <span>return array( 'rem' => 'rem' );
</span>    <span>} 
</span><span>}</span>

登录后复制

“滑块”选项类型允许您在几分钟内创建滑块。然后，您可以使用这些可重复的字段保存信息，以后您将使用这些信息来填充滑块。此选项很快就会被弃用，而支持更灵活的“列表项目”选项。

>列表项目

<span>// OptionTree Numeric Slider Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span>    <span>'id'          => 'spyr_demo_numeric_slider',
</span>    <span>'label'       => __( 'Numeric Slider', 'text-domain' ),
</span>    <span>'desc'        => __( 'Your description', 'text-domain' ),
</span>    <span>'type'        => 'numeric-slider',
</span>    <span>'section'     => 'your_section',
</span>    <span>'min_max_step'=> '-500,5000,100',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_numeric_slider = ot_get_option( 'spyr_demo_numeric_slider' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_numeric_slider = get_post_meta( $post->ID, 'spyr_demo_numeric_slider', true );</span>

登录后复制

>“列表项目”选项类型允许进行大量自定义。您可以将设置添加到“列表项目”中，这些设置将在添加新的“列表项目”时向用户显示。通常，这用于为自定义布局创建滑动内容或代码块。滑块是带有四个预定义字段的“列表项目”选项类型，因此您可以在几分钟内构建图像滑块。 “列表项目”选项类型允许您定义自己的字段，其ID和这些字段甚至可以具有自己的选项类型。可能性是无限的。

以下是“列表项目”设置的示例。

上传

>“上传”选项类型用于上传任何WordPress支持的媒体。上传后，需要用户按“发送到选项树”按钮，以便使用该媒体的URI填充输入。此功能有一个警告。如果您导入主题选项并将媒体上传到一个站点，则旧的URI将不会反映您新网站的URI。您将必须重新上传或FTP到新服务器上的任何媒体，并在必要时更改URI。

“上传”选项类型也可以通过将

ot-upload-attachment-id

添加到类属性来保存为附件ID。这将使您可以通过add_image_size（）获得任何图像大小。返回的值将是附件ID或图像的源链接，具体取决于是否已添加到CSS类字段中。

选项卡 >“ TAB”选项类型允许您将通常会向下扩展页面扩展的一组字段组合在一起。您会发现自己一遍又一遍地使用此选项。该字段没有返回值。像往常一样，实现此选项只需单击几下，UI对您和您的客户来说看起来很棒。>

>要通过主题选项UI构建器创建选项卡，您要做的就是确保“ TAB”选项类型位于要分组的一组字段上方。您可以通过对要分组的其他选项进行相同的操作来添加更多“标签”。当“标签”遇到另一个“选项卡”或新部分的开头时结束。>

为了帮助您可视化这一点，让我们以一个现实世界的示例来看一下UI构建器：

>当您访问“外观”下的主题选项页面时，这就是您从这些选项中获得的。
>
彩色拾取器

>“彩色拾取器”选项类型保存了用于CSS中的十六进制颜色代码。使用它来修改主题中某些内容的颜色。

array( 'id' => 'spyr_demo_date_picker', 'label' => __( 'Date Picker', 'text-domain' ), 'desc' => __( 'Your description', 'text-domain' ), 'type' => 'date-picker', 'section' => 'your_section', ) // Get the value saved on Theme Options Page $spyr_demo_date_picker = ot_get_option( 'spyr_demo_date_picker' ); // Get the value saved for a Page, Post or CPT ( Within the loop ) $spyr_demo_date_picker = get_post_meta( $post->ID, 'spyr_demo_date_picker', true ); // Checking if the date has passed $date = new DateTime( ot_get_option( 'spyr_demo_date_picker' ) ); $now = new DateTime( "now" ); // Compare the 2 dates // Not that this example assumes you have not changed the date format // through the ot_type_date_picker_date_format filter like shown below if( $now > $date ) { echo 'Date is in the past'; } else { echo 'Date has not passed yet'; } // Change displayed format and returnd value // Defaults to yy-mm-dd // Not recommended but it's possible add_filter( 'ot_type_date_picker_date_format', 'spyr_modify_date_picker_date_format', 10, 2 ); function spyr_modify_date_picker_date_format( $format, $field_id ) { if( 'spyr_demo_date_picker' == $field_id ) { return 'mm-dd-yy'; } }
登录后复制
登录后复制
登录后复制
结论

>即使这些是OptionTree最先进的功能，但最好的还尚未到来。 OptionTree使增强排版非常简单，使您和您的客户可以轻松设计您的HTML元素。在将来的文章中，我们将研究与CSS合作并创建“背景”和“排版”选项类型，这些选项将使您的WordPress主题达到一个全新的层面。
>
>关于选项的经常询问的问题

>如何在WordPress网站上安装OptionTree？
>在您的WordPress站点上安装OptionTree是一个简单的过程。首先，导航到WordPress仪表板上的“插件”部分。单击“添加新”，然后在搜索栏中搜索“ OptionTree”。找到插件后，单击“立即安装”，然后单击“激活”。现在，该插件应该可以在您的网站上使用。
>
如何使用OptionTree UI构建器？
> optionTree UI构建器是一个强大的工具，可以创建自定义主题选项。要使用它，请导航到WordPress仪表板上的“选项树”部分。单击“设置”，然后单击“ UI构建器”。从这里，您可以将部分，设置和选项添加到主题中。记得完成后要保存更改。
>如何更新OptionTree中的数据？
>更新选项中的数据很简单。导航到WordPress仪表板上的“选项树”部分。单击“设置”，然后单击要更新的选项。进行更改，然后单击“ Update”保存它们。

在哪里可以找到optionTree中变量的实际值？您的WordPress仪表板上的选件部分。单击“设置”，然后单击您感兴趣的选项。变量的值将显示在屏幕的右侧。

>如何将自定义CSS添加到我的OptionTree主题中？

将自定义CSS添加到您的OptionTree主题中，导航到WordPress仪表板上的“ optionTree”部分。单击“设置”，然后单击“自定义CSS”。在这里，您可以添加自定义CSS代码。记得完成完成后要保存更改。

>如何将optiontree与子主题使用？
>

将optionTree与子主题一起使用，您需要先安装和激活孩子您的WordPress网站上的主题。然后，导航到WordPress仪表板上的“ optionTree”部分。单击“设置”，然后单击“孩子主题”。从这里，您可以为孩子主题配置设置。

>我如何对optionTree的问题进行故障排除？
>
如果您遇到了选项的问题，第一步是检查是否是否检查插件是最新的。如果不是这样，请进行更新。如果问题持续存在，请尝试停用和重新激活插件。如果您仍在遇到问题，则可能需要联系插件的支持团队以获取进一步的帮助。
>
>如何卸载optionTree？

以卸载optionTree，导航到“插件”部分在您的WordPress仪表板上。在安装插件列表中找到“选项树”，然后单击“停用”。插件被停用后，您可以单击“删除”以从您的网站中删除它。
我可以在非wordpress站点上使用optiontree吗？

optiontree是WordPress特定的插件，因此，它不能在非媒介网站上使用。但是，对于提供类似功能的其他内容管理系统也有类似的工具。与所有WordPress主题兼容？ optionTree被设计为与大多数WordPress主题兼容。但是，某些主题可能不支持所有OptionTree的功能。如果您遇到兼容性问题，则可能需要与主题的开发人员联系以寻求帮助。

以上是选件 - 高级选项的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn