Wordpress基础配置

前言:

https://cn.wordpress.org/download/ ,官网下载最新版安装包,配置安装数据库

一.自定义主题

进入后台->主题,可添加网上的主题模板,或者,自建主题

打开文件包所在位置(我这里是D://wamp/www/demo),找到themes(wp-content/themes/),在该文件夹下,添加一个文件包demo(即为主题文件夹)

在主题文件夹下,新建两个文件style.css和index.php。这两个文件是必须的。

style.css

打开style.css,,添加注释

/*
Theme Name: DEMO(主题名)
Author: demo(作者)
Version: 1.0(版本)
*/

创建完成,回到后台->主题,选择主题DEMO(你的主题名)

可选(主题图,可在主题文件夹下,添加screenshot.png命名的图片,这就是主题图,会显示在后台中)

二.开启权限

function.php文件,这个文件主要负责为主题调用各种PHP函数,此文件与插件功能类似,主题激活后,wordpress就会自动加载function.php文件

1.funcotion文件,在主题文件夹下,添加function.php文件

添加代码

register_nav_menu($location,$description);
//菜单功能

add_theme_support("post-thumbnails");
//特色图片功能

开启菜单和特色图片权限。

上述提到,function与插件类似,也可以在插件文件包plugins(wp-content/plugins/)下,添加一个php文件

<?php

/*
Plugin Name: 开启权限(插件名)
Plugin URI:(插件官网链接)
Description: (描述)
Version: V1.0(版本)
Author: 佚名(作者)
*/

register_nav_menu($location,$description);
add_theme_support("post-thumbnails");

回到后台->插件->已安装的插件,找到这个插件,选择启用,同样达到效果。

同理,其他的你想要实现的函数功能,都可以写到function或者插件中。

这样就可在后台->外观里找到菜单栏,可添加菜单。新建文章,页面等都能看到特色图片字段。

三.主题模板层级文件

主文件

index.php  (根文件,必填)

archive.php 或者 category.php(文章归档页)

single.php(文章详情页)

page.php  (页面详情页)

front-page.php 或者  home.php(首页)

404.php   (404错误页)

search.php(搜素页)

其他文件

header.php   (头文件)

footer.php    (尾文件)

sidebar        (侧边栏)

四:调用方法

菜单:wp_nav_menu( array('menu' => '菜单名', ));

 

          wp_nav_menu( array(

                    'menu' => 'footer-menu', 

                    'menu_id'=> 'one-menu',     //ul节点id值

                    'menu_class'   => 'footer-menu',   //ul节点class值

                    'container_class' => '',//ul父节点class值

                    'before' => '<i class="iconfont">&#xe618;</i>', //链接前文本

                ));

 

页头:get_header();

页脚:get_footer();

侧边栏:get_sidebar();

特色图片:the_post_thumbnail($post_id, $size);     $size:thumbnail | medium | large | full ,默认为thumbnail

上述方法输出的标签属性比较多,自定义特色图片属性如下:

 

$img_id = get_post_thumbnail_id(get_the_ID());
$img_src = wp_get_attachment_image_src($img_id,$size = 'full')[0]?wp_get_attachment_image_src($img_id,$size = 'medium')[0]:site_url().'/wp-content/uploads/moren.jpg';
$img_alt = get_post_meta($img_id, '_wp_attachment_image_alt', true);
 

 

posted @ 2020-06-09 11:22  以深  阅读(320)  评论(0)    收藏  举报
TOP