给begin主题首页添加一个弹窗提示

管理员
管理员
管理员
246
文章
27
评论
2020年3月13日17:48:09 评论 1,432 1295字

我们平时访问网站、博客时经常会打开网页后看到弹出一个图片广告。如果作为普通访客可能会略有抵触,但是作为站长,我们却十分需要这样的广告来为网站赚钱贴补一下服务器维护费用。

其实这是一个很多插件都可以实现的功能,不过插件毕竟会考虑很多方面,但又不常用的功能;所以下面的效果就是纯代码实现的:给begin主题首页添加一个弹窗提示 给begin主题首页添加一个弹窗提示

下载文件到主题文件夹下,修改footer.php文件,用于引入弹窗功能文件

<!--弹窗广告 begin-->
<?php if (is_home ()) : ?>
	<?php get_template_part( 'tip/tip' ); ?>
<?php endif; ?>
<!--弹窗广告 end-->

其中的

<?php if (is_home ()) : ?>
	
<?php endif; ?>

代码是限制弹窗只出现在首页,其他请参考WordPress控制内容只在首页/内容页/单页显示方法

修改主题inc/options/begin-options.php文件,在

	// 首页设置

	$options[] = array(
		'name' => '首页设置',
		'type' => 'heading'
	);

前添加一下代码

	// 弹窗设置

	$options[] = array(
		'name' => '弹窗设置',
		'type' => 'heading'
	);

    $options[] = array(
		'name' => '显示通知',
		'id' => 'tip',
		'class' => 'be_ico',
		'std' => '0',
		'type' => 'checkbox'
	);

	$options[] = array(
		'id' => 'clear'
	);

	$options[] = array(
		'name' => '',
		'desc' => '启用图片通知',
		'id' => 'tip_im',
		'std' => '0',
		'type' => 'checkbox'
	);

	$options[] = array(
		'name' => '上传图片',
		'desc' => '',
		'id' => 'tip_img',
		'std' => 'https://s2.ax1x.com/2019/05/31/Vl0QET.jpg',
		'type' => 'upload'
	);

	$options[] = array(
		'id' => 'clear'
	);

	$options[] = array(
		'name' => '',
		'desc' => '启用文本通知',
		'id' => 'tip_txt',
		'std' => '0',
		'type' => 'checkbox'
	);

	$options[] = array(
		'name' => '通知标题',
		'desc' => '',
		'id' => 'tip_tit',
		'std' => '特此通知',
		'type' => 'text'
	);

	$options[] = array(
		'name' => '通知内容',
		'desc' => '',
		'id' => 'tip_not',
		'std' => '这是一条弹窗通知!!!',
		'type' => 'textarea'
	);

	$options[] = array(
		'id' => 'clear'
	);

前端修改非常简单,本代码对鸟属的begin主题做了简单适配,实现了在后台修改弹窗显示内容。给begin主题首页添加一个弹窗提示 给begin主题首页添加一个弹窗提示

本站提供下载的代码为博主修改后的代码,适配begin主题,其他主题请自行修改。

 

资源下载此资源下载价格为2元,请先
1、本站所有内容归原作者所有,与本站无关
2、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者同意,注明来源
3、本站大部分资源来源码于网络,仅供学习交流使用,本站不提供任何技术支持,不作任何安全承诺,是否使用请自行判断
4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其完整性负责
5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
6、本站管理员和工作人员有权不事先通知发贴者而删除本文,本站客服Email:service@teelm.com
weinxin
扫码关注微信公众
幂彀社区,一个关注互联网、平面设计等领域个人博客;致力于打造一个优秀的资源共享学习平台。
管理员
  • 本文由 发表于 2020年3月13日17:48:09
  • 转载请务必保留本文链接:https://www.teelm.com/2020/03/13/13825.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: