如何在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怎么加个微博关注的图标?
博客搭建并不复杂,只是过程有点繁琐,适合喜欢折腾的人,主要有下面几个步骤:新建一个博客文件购买域名(Domain Name)注册一个主机空间(Web Host)域名解析(DNSPod)安装WordPress安装WordPress主题设置固定链接安装插件图片存储添加网站图标完成这几个步骤之后,博客基本上就可以正常使用了
如何使wordpress的标签自动变为网站文章的内链
方法一、使用插件 SEO Smart Links插件:介绍:SEO Smart Links可以通过一次性的设定文章、页面或留言出现的关键词,通过关键词的加入,使得我们把某些关键词链向知道的POST URL上,从而提供这个POST的权重,它匹配的项目包括文章链接、页面链接、分类链接和标签链接。
可设置是否添加“nofollow”属性, 是否在新窗口中打开链接.可手动指定关键词和对应的URL链接.可设置每个页面最多自动添加几个链接可设置要忽略的关键词不过自动为关键词添加链接对中文支持并不友好. Keyword Link Plugin插件:为你的wordpress博客添加关键词的链接,并且你可以自由设置“不追踪链接”、“第一次有效”、“新窗口链接”、“忽略大小写”这些功能,使用起来很灵活,比如可以为你的Tag增加自动关键词链 接,这样在正文出现时同样有效。
给文章加上内部链接有利于增加搜索引擎收录。
面向所有的wordpress中文用户。
完美支持中英文关键词。
Alinks 插件:通过预先设置关键词和对应的链接即可. 之后文章中出现设置过链接的关键词, 则会自动添加上. 可以设置每页最多添加多少个关键词, 链接是否在新窗口中打开, 自定义链接图标, 链接点击统计功能。
Link A Dink插件:半自动的链接插件. 和Alinks插件的使用差不多, 通过手动设置关键词和对应的链接, 然后你以后写文章时会自动为该关键词添加链接. 方法二、代码 function.php中添加如下代码:$match_num_from = 1; //一篇文章中同一个关键字少于多少不锚文本(这个直接填1就好了)$match_num_to = 2; //一篇文章中同一个关键字最多出现多少次锚文本(建议不超过2次)//连接到WordPress的模块add_filter('the_content','tag_link',1);//按长度排序function tag_sort($a, $b){ if ( $a->name == $b->name ) return 0; return ( strlen($a->name) > strlen($b->name) ) ? -1 : 1;}//改变标签关键字function tag_link($content){global $match_num_from,$match_num_to; $posttags = get_the_tags(); if ($posttags) { usort($posttags, "tag_sort"); foreach($posttags as $tag) { $link = get_tag_link($tag->term_id); $keyword = $tag->name; //连接代码 $cleankeyword = stripslashes($keyword); $url = "".addcslashes($cleankeyword, '$').""; $limit = rand($match_num_from,$match_num_to); //不连接的代码 $content = preg_replace( '|(]+>)(.*)('.$ex_word.')(.*)(]*>)|U'.$case, '$1$2%&&&&& %$4$5', $content); $content = preg_replace( '|()|U'.$case, '$1$2%&&&&& %$4$5', $content); $cleankeyword = preg_quote($cleankeyword,'\''); $regEx = '\'(?!((]*?)>)|([^>]*?))\'s' . $case; $content = preg_replace($regEx,$url,$content,$limit); $content = str_replace( '%&&&&& %', stripslashes($ex_word), $content); } } return $content;
如何使用XAMPP本地搭建WordPress网站
1:首先下载XAMPP和WORDPRESS,这个百度一下有很多,但是WP最好到官网下简体中文版的。
2:安装的就不用多说了,就是安装XAMPP的时候要注意当出现是否启动Mysql、Apache、Filezilla,是否预装htdocs文件夹和复选框时,记得勾选。
Filezilla可以不要。
这里还有个小技巧安装的时候最好关闭其它应用程序,尤其是像Flashfxp、迅雷、Skype之类默认使用80端口的程序,否则可能启动不了甚至根本无法正常安装Apache服务。
当然,你也可以在安装之前更改这些程序的端口。
3:把Wordpress解压缩,得到的文件夹Wordpress放到你安装盘的目录xampp/htdocs文件夹里面。
4:启动XAMPP,且保证Mysql和Apache处于“Running”状态。
5:在APACHE这一行里点击ADMINISTRSTOR,会出现如下图片的网页。
6:点击中文,这时候会进入XAMPP的管理后台,点击左下角的PHPADMIN,下面就进入了本地PHP数据库的管理后台,也许你点进去的时候是英文的,这样就点击sprache-language里面选择中文-简体选择以后网页会自动刷新,这样网页就会使用中文简体的语言了。
7:点击数据库,创建数据库,数据库名可以任意设置但是你要记住这个数据库名,以后要用到的然后在左边点击一个小房子的图标会回到主页在这里选择就可以了。
8:这里要说一下你想创建数据库用户名和密码的话点击权限然后如下图设置用户名和密码可以随便设置但是你要记住。
如果一切正常的话你点击新建用户的时候会出现一个提示。
然后关于XAMPP的我们就全部设置好了,可以直接关闭掉这个网页,大家回想一下,我们曾经把wordpress这个文件夹移动到x/xampp/htdocs这里面,首先打开wordpress文件夹。
9:打开,如果你没有安装dreamweaver的话建议安装如果不想安装的话可以右键单击打开方式-记事本,这里用记事本给大家做示范。
10:下拉会看到如图所示的代码数据库名称就填写你所设置的数据库,数据库用户名默认root密码默认为空,也可以设置你自己设置的数据库用户名和密码。
这里很好理解,原理就是你本地的数据库设置好了,WP要能够成为数据库当中的程序的话就要能够和数据库用户名和密码一样的,这就跟我们平常输入账号密码登陆Q一样。
11:在浏览器地址框里输入 ocalhost/wordpress。
我们的安装WP程序过程就结束了,在这里要说明一下如果你发现你打开网站是英文的话,最好百度WORDPRESS到中文官网里面下中文版的。
12:下面开始讲解WP的安装内容首先我们输入那个地址后应该会进入如下页面这里只有一个按钮就不用我多说了吧。
13:点击后也会只有一个按钮。
14:开始就开始吧,照如下图所示设置就好了,还是那句话,数据库名就填写你设置的数据库名,数据库用户名和密码也是这样。
设置好了以后就会看到一个点进行安装的话就会刷新进入如下页面这里随便设置用户名和密码,但是你要记住。
点击安装wordpress。
15:在这里出现了wordpress让人无比恶寒的一句话,虽然对WP的技术人员很是敬佩,但是对于这句话实在是忍不住叨唠一声,算了我们不理他,进入下一步。
16:一切正常的话我们就会看到WP的经典的登录界面
wordpress在裁剪图像时发生错误
wordpress添加幻灯片:第一步:下载所需文件我们需要3个文件和一包图片,这三个文件包括Orbit的js文件和CSS,还有一个是jquery-1.5.1.min,如果你的主题中已经调用了jquery,那么你可能不需要它。
最后是一包图片,里面是幻灯片展示用到的一些图标。
下载地址:orbit-for-wordpress.zip (23)下载完毕后请把这些文件上传到主题根目录下,比如/wp-content/themes/inove/第二步:添加代码一般幻灯片只需要在首页显示,因此我们只需要修改主题的index.php文件(有些主题首页模板可能不是index.php)。
打开index.php文件后,在需要添加幻灯片的地方加上以下代码:<&#47;script><&#47;script>$(window).load(function() {$('#featured').orbit();});<&#47;script>代码说明:1.以上代码中的这句之后的便是要展示的图片,这里假设是url分别为https://img.sogoucdn.com/v2/thumb/?appid=200698&url=1.jpg、2.jpg、3.jpg的3张图片,请根据需要修改,增加图片只需要另起一行再加个标签即可。
你也可以加入超链接,比如。
2.第一行代码是加载jquery库,如果你的主题中已经加载了jquery,那么你可以将第一行删除。
3.所需要展示的图片最好是尺寸全都一致的。
第三步:修改幻灯片样式此时幻灯片应该已经成功运行了,你现在需要修改它的大小及其他样式。
打开第一步中上传的文件中的orbit-1.2.3.css,其中第二行和第三行就是幻灯片的高度和宽度,如果你懂得CSS,可以在这个文件中修改其他样式。
cnzz之类的数据统计 添加到wordpress的什么地方
具体方法如下:第一步:注册CNZZ统计,然后点击统计代码第二步:挑一个合适的统计代码复制下来。
第三步:这里用这个网站举例,打开WodrPress之后,点击“外观”再点击“编辑”第四步:点击“footer”文档第五步:把CNZZ代码复制到“body”处,复制代码,OK,在打开CNZZ就可以看到自己的网站数据了。
怎么优化wordpress网站
1、注册:到 wordpress。
com 注册帐户,获取用户的 API-Key, 用来启用 Akismet 插件。
Akismet 是 WordPress 下非常著名的反垃圾评论插件。
2、修改永久链接结构:默认情况下,WordPress 的永久链接结构类似于 ../?p=123 ,但我们推荐使用有利于搜索引擎优化的 URL 结构。
3、使用系统缓存:为了改善你的 WordPress 性能(占用更少资源,获取更快速度),你应该安装缓存类插件。
它可以缓存你的网也来提高响应速度,减少服务器负载。
你可以选择这些最流行的 1blogcacher, Super Cache 和 Wp-cache 等。
4、创建网站地图:这是最基本一步,因为网站地图可以帮助搜索引擎来更轻松地抓取你网站的内容。
可以使用 Google XML sitemap 插件来创建网站地图。
5、将 Feed 重定向到 feedburner:比如在你的博客的每个设计里修改所有的链接(尤其是 single.php, sidebar.php, footer.php 等)。
我推荐使用 FeedSmith 插件来减少手动工作量。
6、添加跟踪代码:跟踪统计网站的性能是很必要的。
你可以添加 Google 分析,StatCounter 或者其他的统计代码。
根据我的额经验,Statcounter 是比较可靠并且载入速度快的。
7、提交网站到站长工具箱:我几乎没有注意到这点。
不过,Google 站长工具箱有全部的功能,可以让你提交网站地图,显示网站搜索分析结果和网站上的错误。
确实配得上站长工具箱的名字。
8、创建 robots.txt :尽管有了站长工具箱,我还要说这个很重要。
如果你有这个文件,可以分析一下;如果还没有,也可以使用 WordPress 的选项来创建一个。
9、设计:博客网站给读者的第一印象就是它的设计。
注意好的设计应该包括重要的元素,比如搜索功能,Feed 订阅图标,导航菜单,并且便于阅读。
你可以从这里挑选一些精选的 WordPress 主题。
10、开始写博客:告诉世界你要开始写博客了,说说你要写的内容,介绍一下你自己。
要和访问者进行交流,你可以使用 Wp-contact form 插件来建立一个联系页面。
同时,别忘了创建 about 页面,因为访问者想了解你更多一些。
当然,你还需要其他的工具,插件或者主题等。
转载请注明出处51数据库 » wordpress 设置icon
阿斯顿1232