为了方便和和朋友的交流,511遇见决定在自己的wordpress网站加入留言板功能,个人还是非常喜欢音乐的,于是自动动手打造一个带有音乐播放的wp留言板,下面一起分享过程和源码。

效果浏览:http://www.511yj.com/guestbook

一、主题根目录下新建一个page-guestbook.php

页面源码如下:

<?php
/**
 * Template Name: Guestbook
 *
 */
get_header(); ?>
<div class="content-area">
留言板内容代码
</div>
<?php get_footer(); ?>

二、新建一个留言板页面

到WP后台-->页面-->新建页面-->名字就叫 留言板,模板选择我们刚建的 Guestbook,链接修改为 http://你的域名/guestbook

三、完善page-guestbook.php

找到你主题下面的 page.php 把类似下面的代码复制到 page-guestbook.php 的留言板内容代码

<?php while ( have_posts() ) : the_post(); ?>
	<?php get_template_part( 'content', 'page' ); ?>
	<?php
	// 如果页面允许评论,调用你的评论模板
	if ( comments_open() || get_comments_number() ) :
	comments_template();
	endif;
	?>
	<?php endwhile; // end of the loop. ?>

发布你的页面,然后WP后台-->外观-->菜单-->页面,把你刚发布的留言板页面自定义加入到你的导航菜单中。

注意:
1)很明显,上面的代码调用了congtent-page.php文件,所以你要先看看你的你的主题根目录下面是否有这个文件,或者这个文件的路径对不对,上面的调用肯定是在主题的根目录,建议你看看这个文章ok了。

WordPress 函数:get_template_part()调用你的自定义模板

四、加入音乐播放器

我们的服务器没有那么多空间存放音乐,所以我们必须使用插件调用在线是虾米音乐或者网易音乐的地址,本站采用了如下插件 WP-Player v2.5.1 For WordPress 优秀的音乐播放插件|511遇见推荐

您可能感兴趣的文章:


▪ wordpress调用多说最近访客设置技巧

▪ wordpress优化title的seo技巧

▪ 第八课WordPress主题制作引入bootstrap导航菜单和搜索框

▪ Html5时尚个性music播放器

▪ WordPress评论框DIY自定义增加字段

▪ 第七课WordPress主题制作综合教程头部Brand设计

▪ 第十课:wordpress主题制作主题布局

▪ 第四课wordpress主题制作教程嵌入头部底部边栏文件

▪ 第三课511遇见WordPress主题开发教程基本文件的建立

▪ Wordpress主题综合免费视频系列教程 

08-31 12:50