利用开关给某个HTML标签增加隐藏和显示功能代码

今天应某个网友要求给我的一个会员计划插件写一个板块开关功能,那么首先就是想到CSS样式的

display:none

这个标签,这个标签意思是设置元素不可见并且连盒模型也不生成,一般用于不占空间的隐藏元素。

这个CSS样式标签,如果添加就会隐藏。那么如果删除这个就会显示原先的HTML的标签的内容。那么咱就想到可以使用开关来控制这个显示和隐藏。

代码:

给要隐藏的标签里增加一个PHP代码,举例:

    <div class="my-membership-plan" 	<?php // 获取选项值
if (get_option('hide_membership_section') == 'on') {
echo '<div class="my-membership-plan" style="display:none;">';
} else {
echo '<div class="my-membership-plan">';
}?>

这个代码里的:<div class=”my-membership-plan”>可以是自定义的,不一定是这个,包括class=””里面的。

那么我后台插件设置里的HTML代码是这样的:

		  <tr valign="top">
          <th scope="row">开关二级会员板块</th>
          <td>
		  <label><input type="checkbox" name="hide_membership_section" <?php checked(get_option('hide_membership_section'), 'on'); ?> />勾选表示隐藏/不勾选表示显示</label>
</td>
          </tr>

给这个开关设置一个名称为:hide_membership_section,然后再给它注册一个插件的保存设置功能!

// 注册设置以存储背景图像URL和计划名称/价格
function my_membership_register_settings() { 
 register_setting( 'my_membership_settings_group', 'hide_membership_section' );
}

这样设置的开关按钮就会保存在插件设置内。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

给TA打赏
共{{data.count}}人
人已打赏
php后端

子比主题付费帖子内容封面被隐藏直接输出封面,帖子内容隐藏

2023-4-16 0:07:38

php后端

通过插件的自定义代码控制前端的图标显示

2023-4-20 13:08:12

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索