如何在wordpress主题中添加设置页面
1、创建所需的文件 在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。
创建设置选项页的代码需要放置在主题目录下的functions.php文件中。
如果我们的主题名为“OptionPage”,那么functions.php文件的路径为:\wp-content\themes\OptionPage\functions.phph。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页 首先第一步需要在后台建立一个空白页面供我们使用。
我们通过add_aaction来实现这一步。
Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。
因此,可以利用这些来实现我们所需的功能。
这是我们创建选项页的最基本的功能。
// 设置选项页 function themeoptions_admin_menu() {// 在控制面板的侧边栏添加设置选项页链接 add_theme_page("主题设置", "主题选项", 'edit_themes', basename(__FILE__), 'themeoptions_page'); } function themeoptions_page() {// 设置选项页面的主要功能 } add_action('admin_menu', 'themeoptions_admin_menu');?> themeoptions_admin_menu() 是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page() 的参数为:页面标题:主题设置 菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名) 作用功能:edit_themes;Handle(句柄):当前文件;执行的函数:themeoptions_page;现在后台控制面板侧边栏的处就多了一个“主题设置”的菜单,但是现在还是空白的,我们后面要实现的定制内容就在这个空白页面上创建。
3、添加选项和字段 现在我们就可以在刚创建的空白页面上添加我们的选项和字段。
这个页面你可以根据自己的需要进行样式风格化,但在本教程中我们将使用wordpress默认的类,这样可以节省我们的时间并且看起来更加原生。
页面内容的代码需包含在 themeoptions_page() 函数内。
首先,我们先添加一个 class="wrap" 的 div 容器;然后,在头部添加一个默认图标作为作为页面标题;最后是设计表单。
function themeoptions_page() {// here's the main function that will generate our options page?> 主题设置 } 在表单中,首先我们需要添加一个隐藏的值,通过它来检查更新是否已经提交。
然后添加一个提交按钮,这里我也使用wordpress默认的按钮样式。
现在的效果为:现在我们已经创建了设置选项页的基本结构,下面我们开始根据之前制定的内容进行完善:首先,我们要允许主题使用者可以更改颜色方案。
对于这一点,我们需要一个下拉列表提供可用的配色方案。
其次,增加两个广告位的内容,我们需要增加两个文本框来输入图片的URL及广告链接URL。
最后,用户可选择是否显示搜索框。
这一点,我们通过添加复选框来实现。
代码如下:function themeoptions_page() {// 这是产生主题选项页面的主要功能?> 主题设置 主题配色方案 >灰色 >浅蓝 >粉红 图片广告位(1) "/> 广告图片 "/> 广告链接 图片广告位(2) "/> 广告图片 "/> 广告链接 /> 显示搜索框 } 到这里选项页面的内容就已经基本构建完毕了。
4、数据库更新 到目前为止,我们已经创建了一个主题选项页面,下一步要做的就是如何将数据透过POST提交的wordpress数据库。
要做到这一点,需要创建一个新的功能函数themeoptions_update(),这个函数将会被themeoptions_page()调用,所以将下面的代码添加到themeoptions_page()函数的最上面。
if ( $_POST['update_themeoptions'] == 'true' ) { themeoptions_update(); } 下一步是增加一个更新函数。
function themeoptions_update() { // 数据更新验证 update_option('mytheme_colour', $_POST['colour']); update_option('mytheme_ad1image', $_POST['ad1image']); update_option('mytheme_ad1url', $_POST['ad1url']); update_option('mytheme_ad2image', $_POST['ad2image']); update_option('mytheme_ad2url', $_POST['ad2url']); if ($_POST['display_search']=='on') { $display = 'checked'; } else { $display = ''; } update_option('mytheme_display_search', $display); }5、调用选项定制主题5.1 更改配色方案 我们主题的默认样式文件为 style.css,如果使用其他的配色方案,我们需要建立相应的样式文件,例如本例中的 blue.css、pink.css,style.css 为默认的灰色。
为了切换配色方案样式表,需要在主题 header 中加入以下代码:/default.css" type="text/css">/.css" type="text/css">5.2 增加广告位图片 在你想要放置广告的地方添加以下代码:">" height="125" width="125" />">" height="125" width="125" />5.3 是否显示搜索框 在需要放置搜索框的地方添加以下代码,当用户选择显示搜索框时会显示,否则则不显示: 搜索框 "> " /> 6、总结 本文翻译自NET TUTS+文章《How to Integrate an Options Page into your WordPress Theme》,版权归原文作者所有。
为了更容易地学习添加主题选项页的过程,我省略了原文中部分内容,有兴趣的话可以参考原文。
翻译水平有限,...
如何把wordpress设置为主页
给wordpress文章首页每篇文章设置百度分享插件方法如下:1.进入百度分享页面http://share.baidu.com,点击“免费获取代码”。
2.进入“代码功能选择”页面,这里有“页面分享”、“图片分享”、“画词分享”三种功能。
点击“下一步 页面按钮设置“。
3.进入”页面按钮设置“,可以设置按钮类型、风格、大小等。
点击”下一步 图片按钮设置“。
4.进入”图片按钮设置”页面,可以选择按钮大小、按钮展示等。
点击“下一步 获取代码”。
点击“直接复制代码”。
5.登录wordpress博客后台,点击“外观”下的“编辑”菜单。
6.打开底部文件“footer.php”。
找到标签并在其前面插入刚才复制的代码。
点击”更新文件“。
7.刷新博客首页。
注意事项分享只出现在文章页的话,只要把代码插入到single.php页面就可以了。
wordpress怎么在首页添加这样布局
你好。
WP的首页默认是当前主题的index.php文件如果想修改,请在你自己制作的页面的开头添加以下标记,并放到和主题同一目录然后在后台(左侧)->页面->新建页面->页面模板(右侧)选择你自己制作的模板,填写页面名称以及别名,确定,发布接着在后台(左侧)->设置->阅读->首页显示(右侧)->一个静态页面选择你自己制作的页面,保存,OK。
WordPress如何设置先登录再进入主页
写个自定义函数然后调用就可以了,很简单。
1. 添加自定义函数,找到当前主题的function.php,并在这个文件中添加如下函数function login_if_not(){if(!is_user_logged_in()){auth_redirect();}}2.调用自定义函数,在当前主题的header.php中添加如下代码:<?php login_if_not();?>;这样就可以满足你的需求。
如果有效,请采纳,谢谢
如何将WordPress的某篇文章设置为首页置顶文章
1、进入博客后台文章列表,我们首选需要找到是你想设置为置顶的文章的文章,点击“快速编辑”,2快速编辑界面这时候会跳出来,在快速编辑界面的右侧,找到“置顶这篇文章”的选项,然后打钩选择,再点击“更新”就可以了。
3“更新“按钮必须要点击后才能保证设置”置顶文章“的成功。
wordpress如何设置主页背景音乐
首先,上传你想要的背景音乐文件到你的网站文件里,并获得链接,或者直接在网络上找一个音乐文件链接,就是“http://www.***.***/***/***/***.mp3”,我只试过mp3文件,其他的没试过。
接着,到WordPress控制台下,在“外观(Appearance)”选项里找到“小工具(Widgets)”,点击进入,然后拖放一个“文本(Text)”小工具放到边栏(Sidebar)里,在文本框输入区域添加代码即可。
然后,拷贝代码,并替换音乐文件网址。
如下,有两类代码。
第一类,不显示播放器的,代码如下:BGSOUND指背景音乐,src是音乐文件的源地址,loop指的是播放的循环次数,infinite指无限次。
如果不想设成无限次循环播放,可以将infinite改成对应的数字,指定循环播放的次数。
我们要做的就两个,一是将“音乐文件网址”替换成第一步得到的音乐文件的完整链接地址,而是修改相应的循环播放次数,或者不改,取默认的infinite。
第二类,显示播放器(调用Windows Media Player)的,代码如下:这里只要修改几个参数即可:height和width指播放器的高度和宽度,单位为px。
制定了播放的文件位置(URL),只要将里面的“音乐文件网址”替换成第一步得到的完整的音乐文件链接即可。
用于设定播放次数(playCount),infinite为无限次循环播放,可将其改为数字,制定循环播放的次数。
指定是否自动播放音乐(autoStart),VALUE的值为0时不自动播放,为1时自动播放。
指定播放的音量(volume),可以修改VALUE的数值,调整想要的音量。
指定了播放器界面是否加入控制按键(uiMode),VALUE值为none时,只显示视频播放窗口,不显示“停止”,“播放/暂停”等按钮;为mini时,除了视频窗口,还会在窗口底下显示播放进度,以及“播放/暂停”,“停止”,“消音”和音量控制等按钮;为full时,除了视频窗口和播放进度显示,还会显示进度控制条,“播放/暂停”,“停止”,“消音”,“上一曲”,“下一曲”,“快进”,“快退”和音量控制等按钮;用于当视频窗口比视频比播放的视频大时,是否对视频进行伸展(stretchToFit),以适应视频窗口的大小,VALUE值为1时表示自动扩展,为0时表示不扩展。
这些参数可以在MSDN里查找到。
最后,添加完代码,改完参数之后,保存,刷新博客,应该就能听到背景音乐了。
如果听不到,先查下音乐文件链接有没有问题,另外和你用的播放器有关,IE肯定是没问题的。
转载请注明出处51数据库 » wordpress首页设置