wordpress设置主页
WP主题开发08:wordpress主题首页头部模板的修改
测试数据库导入到wordpress本地网站后,我们就可以正式开始wordpress主题动态模板的编写了。在前面的章节中,我们已写好了wordpress主题的静态模板trans,那只是给wordpress主题创建了一个架子,给别人看一个第一印象,但它是没有灵魂的,它是一个死的,没有任何动态。所以,在开发wordpress动态模板时,我们会给trans添加上灵魂,让它拥有让人着魔的动态效果,也就是让trans可以从wordpress数据库中调用到相关的数据,在wordpress前端网站上展示。今天,我们首页来修改wordpress主题的首页的头部文件。
我们先来看一下trans首页头部的静态代码,如下:
< !DOCTYPE html>< html>< head>< meta charset="UTF-8">< title>Document</title>< link rel="stylesheet" href="style.css">< /head>< body><!-- 头部 -->< header>< div>< div>< ul>< a href="/"><img src="./images/index_02.jpg" alt=""></a>< /ul>< ul>< a href="index.html">首页</a >< a href="list.html">列表页</a >< a href="page.html">单页面</a >< a href="single.html">文章页</a >< a href="search.html">搜索页</a >< /ul>< /div>< /div>< div>< div>< ul>< li>< span class="dashicons-before dashicons-arrow-left-alt">< /span>< /li>< li>< span class="dashicons-before dashicons-arrow-right-alt">< /span>< /li>< li>< span class="dashicons-before dashicons-image-rotate">< /span>< /li>< /ul>< ul>< form action="/" method="get">< input type="text" name="search" id="">< input type="submit" value="搜索">< /form>< /ul>< /div>< /div>< /header>
对于头部这部分代码,现在我们需要修改的部分主要有3部分,如下图所示:
好,我们就来对这几个部分的代码做出相应的动态代码修改。wordpress主题静态代码变成动态代码,主要是通过wordpress程序提供的功能函数来实现。
第一部分:网页标题。也就是< title >标签中的内容,这个网页标题是在浏览器的头部显示的,也是整个网页的标题。修改后的代码如下:
< title>< ?php bloginfo("name"); ?> < /title>
这里调用了bloginfo()函数,这个函数可以调用网站的常规选项,如:标题、副标题、网站URL、wordpress的URL路径、主题路径等等。在后面trans主题修改中,我们会经常用到。这里的bloginfo()函数的参数"name",是代码网站标题。
第二部分:CSS样式调用。如果不修改CSS样式的路径地址,按照上面静态代码中的CSS路径,会直接调用网站根目录下的style.css样式表文件。可是,此时的根目录下,是wordpress程序的所有PHP文件,而不是trans主题的文件了。而我们要调用的是trans主题目录下的style.css。所以,我们这里把代码修改成如下:
< link rel="stylesheet" href="< ?php bloginfo("stylesheet_url"); ?>">
这里的参数stylesheet_url,表示调用的是trans主题的style.css样式表文件。
第三部分:修改logo图片地址。在trans静态模板中,logo图片地址,也是网站根目录下,这里,我们同样要修改它的路径到trans主题目录下,代码如下:
< img src="< ?php bloginfo("template_url")."/images/logo.png"; ?>" alt="" >
这里bloginfo()函数的参数是 template_url ,表示当前主题trans的路径,而logo.png图片在这个trans主题目录下的images目录下。
第四部分:调用顶部导航菜单。在trans静态代码中,顶部导航菜单是写死的。我们这里要调用wordpress本地网站后台创建的顶部菜单数据。这时,我们也要分2步走。
1、给wordpress主题添加菜单功能。
在trans主题目录下创建一个functions.php文件,这个是主题函数文件。在这个functions.php文件中添加如下代码来添加菜单功能模板:
//菜单register_nav_menus( array('menu_top' => '头部导航','menu_bottom' => '底部导航',) );
这时,我们在后台创建菜单时,就会有“头部导航”和“底部导航”的选项。如下图:
?2、调用wordpress后台创建的菜单。
原trans静态模板的头部菜单的代码如下:
< a href="index.html">首页</a>< a href="list.html">列表页</a>< a href="page.html">单页面</a>< a href="single.html">文章页</a>< a href="search.html">搜索页</a>
现在我们通过wp_nav_menu()这个菜单函数来调用我们在后台创建的菜单,代码如下:
< ?php $menu = array( 'container' => false, //最外层标签名'echo' => false, //不让直接输出,而是以一个变量'theme_location' => 'menu_top', //菜单名 'depth' => 0, //菜单深度);echo strip_tags(wp_nav_menu( $menu ), '<a>' );? >
添加好trans主题的顶部导航菜单功能后,我们再在wordpress网站后台创建菜单时,勾选“顶部导航”,就可以给wordpress本地网站添加顶部的菜单了。
通过上面的几步,我们为trans主题首页的头部做出了相应的修改,它们不再是死的了,不再是一成不变了。它们会随着wordpress网站后台的修改而做出相应的变化。这就是我们所需要的前后台互动的效果,后台不动,前台就不动。后台一动,前台就立马行动。
Wordpress建站教程:修改Wordpress登陆页面LOGO的方法
作者:悦然wordpress建站(悦然建站)
(此处已添加小程序,请到今日头条客户端查看)继续分享wordpress建站教程。我们在使用wordpress建站时可以修改网站的LOGO和浏览器图标LOGO,但是默认情况下不能修改wordpress站点后台登陆与注册LOGO,会显示为wordpress官方LOGO。虽然这并不影响网站的正常使用,但对有些企业网站用户来说,显示为自己的公司LOGO还是更好一些,如果你的网站开启的用户注册功能,那么修改为自己的LOGO也会更好一些。
下面悦然wordpress建站就给大家分享两个修改wordpress登陆注册页面LOGO的方法。
方法一:替换系统LOGOwordpress默认的LOGO图片在网站根目录【/wp-admin/images】中,文件名为【w-logo-blue.png】。
我们可以使用宝塔文件管理或FTP文件打开对应的文件目录,然后把你准备好的LOGO文件名修改为【w-logo-blue.png】,然后上传替换就可以了。
接下来我们还城朵打开wp-login.php文件,找到【$login_header_url= __( ‘’)】,把里面的链接修改为你自己的,比如改为首页的。
这个方法悦然建站并不是很推荐,所以我们继续看下面。
方法二:使用代码我们可以在当前wordpress建站主题的functions.php文件中添加下面的代码:
function custom_loginlogo() {echo '<style type="text/css">h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }</style>';}add_action('login_head', 'custom_loginlogo');
接下来把你自己的LOGO文件名修改为【login_logo.png】,然后上传到当前wordpress建站主题目录下的【images】文件夹中,如果没有这个文件夹,可以自己新建一个。
接下来我们修改logo的链接,再在wordpress建站主题的functions.php文件中添加如下代码:
functioncustom_loginlogo_url($url) {return''; //在此输入你需要链接到的URL地址}add_filter( 'login_headerurl', 'custom_loginlogo_url');
上的链接修改为你自己的就可以了。
Wordpress建站教程:使用插件替换Functions.Php
我们同样可以使用Code Snippets插件来代替functions.php文件,分别把上面的现段代码添加到Code Snippets插件中即可,效果一样。
方法三:使用插件最简单的方法还是直接使用插件,目前有多款插件可以修改wordpress的登陆和注册页面LOGO,而且不止LOGO可以修改,页面的样式、背景也可以修改。
这里给大家推荐的插件是Login Designer,可以直接在wordpress插件中心免费下载安装,也可以通过下面的链接下载。
Login Designer插件下载
插件安装启用之后进入设置页面就可以修改wordpress站点的后台登陆与注册页LOGO了,背景颜色与图片也可以修改,插件提供了多种内置效果,也可以自己调整。
总结今天的wordpress建站教程就给大家分享到这里,这是一个比较小众的需求,有需要才去修改。悦然建站觉得如非必要还是别去折腾了。
WP菜鸟建站28:wordpress网站改域名后,批量修改图片地址
一般情况下,对于一个wordpress网站的站长来说,不会轻易地更换自己网站的域名。因为,域名就相当于一个wordpress网站的身份证号,用户可以通过这个域名,就可以对号入座地找到你的网站。再一个原因,如果更换域名了,如果wordpress网站的空间是国内的,还要重新对新的域名进行备案,会占用不少的时间。
但是,事情总是有物特殊的情况,比如说:我们的wordpress网站因为一些违规操作,而遭到搜索引擎的降权,甚至不再收录我们的网站。在这种情况下,我们就可能需要更换我们的wordpress网站的域名了。这个时候,就会又有一个情况可能会出现:有许多的wordpress网站的主题可能在插入文章图片时,写到wordpress数据库的图片地址是个绝对路径地址,也就是还有域名的图片地址(如下图)。
这个时候,如果我们的wordpress网站更换了域名,那么,在原域名停止使用后,这些绝对路径的图片地址就在浏览器中打不开了。那么,这个时候,作为wordpress网站的站长的我们,应该怎么办呢?只有2种方法,要么每篇文章重新上传图片,要么对wordpress网站的文章图片地址进行批量修改——把原域名修改成现在的新域名。
显然,第一种方法——每篇文章重新上传图片,这是行不通的。如果我们的wordpress网站文章的数量不多,才几篇或十几篇,那还好说。如果我们的网站有几千篇,甚至上万篇,那一篇一篇的重新上传图片,那不是找罪受吗?
所以,第二种方法,才是我们的正确之道。那么,问题又来了,怎样给我们的wordpress网站的文章图片地址批量修改域名呢?图片地址是存储在wordpress数据库中的,我们可不可以通过对wordpress数据库的操作来批量修改文章图片的地址呢?答案是肯定的了。
在前面,我们介绍有phpmyadmin数据库管理工具(当然,你也可以使用其它的数据库管理工具来操作)。我们这里就来介绍,使用phpmyadmin来批量修改wordpress网站文章的图片地址。
方法一:SQL代码来批量修改文章图片地址。
第一步:phpmyadmin登录你的wordpress数据库。
如果你同一个服务器有多个网站,那么,你登录phpmyadmin后,可能会有多个网站数据库,如下图:
一定要找对你要更换域名的wordpress网站的数据库,如果找错了,那可就糟糕了。
第二步:选择wp-posts数据表。
找对你的wordpress网站数据库后,点击左侧的“wp-posts”这个数据表(如下图),这个表就是wordpress用来存放文章信息的表,wordpress网站的所有的文章的主要信息都存放在这个表中。
第三步:点击顶部菜单中的“SQL”;
点击上图中的“SQL”这个菜单,进入到SQL语句的界面,如下图:
第四步:在输入框中输入SQL语句。
在上图标红的输入框中输入如下这句SQL代码,然后点击“执行”按钮。
UPDATE wp_posts SET post_content = replace( post_content, '旧域名', '新域名' )
方法二:利用“查找与替换”功能来批量替换。
第一步:phpmyadmin进入到wp-posts数据表。
方法同上面一样,这里就不多说。
第二步:点击顶部菜单中的“搜索”,地入到搜索界面,如下图:
第三步:点击“查找与替换”按钮。进入到如下图的界面:
?第四步:在“查找”输入框中输入“旧域名”,在“替换为”输入框中输入“你的新域名”,字段选择post_content(文章内容)。然后点击“执行按钮。
通过上面的2种方法,都可以实现wordpress网站文章图片地址的批量修改。但不管你使用哪种方法来修改图片地址中的域名,你最好都要在修改前备份一下wordpress网站的数据库——以防修改失败造成损失。还是那句话:修改有风险,操作需谨慎。