wordpress主题修改数据库

wordpress上传主题但显示:主题缺少.css样式表。这个要如何弄,求解?

WordPress首页的形式

有2种,一种是静态的页面,非纯博客类,一般选用这种。第二种是动态页面,可以选择最新博客为首页。

WordPress改首页的操作步骤

1.登录后台,来到【仪表盘】

2.导航至【设置】菜单,鼠标停留在设置菜单上,选择并点击【阅读】子菜单

3.如果想要动态的首页,则点选【你最新的博客 | Your latest posts】; 如果想要一个静态的、自己设计的页面做首页,则点选【一个静态的页面 | A static page】, 在下面的菜单选择你的目标页面即可。

4.记得【保存】

以下案例截图来自【主动降噪耳机评测网, 】

网格主题怎么设置?

可以进入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网站后台 ( 在浏览器中输入 https://你的域名/wp-admin ),并点击 外观 -> 主题

因为我们要用的是WordPress在2019年推出的官方主题【Twenty Nineteen】,将鼠标移动到【Twenty Nineteen】图片上,点击 启用

如果你的界面跟熊猫的不一样,没有显示【Twenty Nineteen】主题的话,就点击旁边或上面的 安装主题,然后搜索 【Twenty Nineteen】 并安装。

启用主题之后我们回到网站首页,你会发现网站已经换了一个样子,而这就是最简单的更换WordPress主题的方法。

WP主题开发12:wordpress主题trans主题底部代码的修改

在前面的章节中,我们完成了wordpress主题trans首页动态模板的头部、左侧边栏和右侧边栏的动态数据的调用,现在就剩下trans模板底部没有修改了。今天,我们就要对trans模板的底部的代码进行修改。我们看一下trans主题的静态模板(如下图),可以看到,trans主题的底部分为2个部分:上面一层是链接列表或者底部导航菜单,下面的部分是当前网站的相关信息,只是目前是写死的,我们现在要做的是,把这些死代码变成活数据。

第一部分:修改上一层的链接列表或导航菜单。

为什么说是“链接列表或底部导航菜单”呢?这是因为:一般情况下,每一个链接都会向外传递网站的权重,所以,友情链接我们都会只放在网站的首页,而其它页面不放友情链接;所以,其它页面可以放置底部导航菜单。当然,这样的设置也不是绝对的,我们只是在这里做这样的处理。

1、给trans主题添加友情链接功能。

默认情况下,新版的wordpress(好像从3.8版开始)的后台没有友情链接功能菜单,这样,我们就没办法添加友情链接。所以,我们首先要给我们的trans主题添加这个友情链接功能。在trans主题的functions.php文件中添加如下代码:

add_filter('pre_option_link_manager_enabled','__return_true');

这样,我们在wordpress网站的后台左侧菜单导航中就可以看到“链接”菜单了,如下图:

?2、添加友情链接列表或底部导航。

在trans主题首页模板的底部原始静态代码如下:

< ul class="foot_menu_list">< a href="">aaaaa1</a>< a href="">aaaaa2</a>< a href="">aaaaa3</a>< a href="">aaaaa4</a>< a href="">aaaaa5</a>< a href="">aaaaa6</a>< a href="">aaaaa7</a>< /ul>

我们把 ul 标签里面的所有 a 标签删除掉,然后,放入如下代码:

<?php if(is_home()){ //如果是首页,就调用友情链接wp_list_bookmarks('title_li=&before=&after=');}else{ //否则就调用底部导航$menu = array( 'container' => false, //最外层标签名'echo' => false, //不让直接输出,而是以一个变量'theme_location' => 'menu_bottom', //菜单名'depth' => 0, //菜单深度);echo strip_tags(wp_nav_menu( $menu ), '<a>' );}?>

上面的代码中,我们又见到了wp_nav_menu()这个菜单函数,这个函数我们在修改头部代码时就介绍过,这里就不多说了。

这里我们还使用了wordpress的友情链接函数wp_list_bookmarks(),它会调用我们在wordpress后台创建的友情链接列表。

第二部分:修改底部的网站信息。

trans主题静态模板底部的第二部分的代码如下:

< div class="foot">< ul class="foot_list">< li>? 2020 木易SEO博客 | 粤ICP备18131233号-1 | 网站地图< /li>< li>Power by WordPress | Theme Beginning< /li>< /ul>< /div>

代码中有:当前时间年份、当前网站的名称、当前网站的ICP备案号、当前网站地图链接、当前网站正在使用的主题模板名。

目前我们可以修改的只有“时间、网站名、主题名”,“备案号和地图链接”我们会在后面的“后台主题设置”功能完成后,再做相应的修改。

修改后台的代码如下:

< div class="foot">< ul class="foot_list">< li>? <?php echo date("Y"); ?> <?php bloginfo("name"); ?> | 粤ICP备18131233号-1 | 网站地图</li>< li>Power by WordPress | Theme <?php echo wp_get_theme(); ?></li>< /ul>< /div>

这里,我们用到了几个函数:

date("Y") => 获取当前时间信息的年份bloginfo("name") => 获取网站名称wp_get_theme() => 获取当前主题名。

通过上面的修改,我们基本上完成了wordpress主题trans动态模板底部代码的修改:友情链接或底部导航的调用 ,以及网站相关信息的调用。如下,本章就介绍到这里,如有疑问,欢迎点评。