wordpress仿站，模板开发，制作首页和关于我们页面

下载源码：https://wwog.lanzouo.com/b0rac4n2j   密码:  68po    查看演示>

视频教程：

网站搬家(迁移)的视频： https://www.bilibili.com/video/BV1Ex4y1m7Wq/ 

wordpress模板仿站2025.6-astra-child06 ：  https://www.bilibili.com/video/BV1twMvz7EDq/ （需要有点代码基础）

wordpress模板仿站2025.6-astra-child03 ： https://www.bilibili.com/video/BV1muMtzbEaW/ （需要有点代码基础）

wordpress模板仿站2025.6-astra-child05 ：  https://www.bilibili.com/video/BV11VMtzdEdz/ （需要有点代码基础）

-------------

添加产品 - 内容类型： https://www.bilibili.com/video/BV11VMtzdEyF/

wordpress产品的分类列表和详情页： https://www.bilibili.com/video/BV1uyMqz4EiX/ 

wordpress搜索框>

-------------------

使用astra-child主题。   astra子主题：  https://wpastra.com/docs/install-astra-child-theme/

使用经典编辑器

------------------

查看模板文件：

把下面代码放到footer.php

<?php 

 if(is_user_logged_in()){

        global $template;
        
        echo '<p style="background:red;color:#fff;text-align:center">'.basename($template).'</p>'; 
}
?>

---

首页是 front-page.php 
一般页面是： page-{slug}.php 

如果多个页面的话，比如services, contact等，则可以用一个模板文件 landing.php ：

page template是这样生成的：

<?php /* Template Name: Example Template */ ?>

---------

由于astra主题的特点。要把class="ast-container"给改掉。

需要创建header-land.php

页面再：  get_header('land');  

-------------

创建几个文件在tpl目录：

tpl/page_header.php
tpl/page_footer.php
tpl/page_home.php
tpl/page_about.php

------------------

//子主题：

 define( 'WPDMPATH_MBCHILD',  get_stylesheet_directory_uri () );
 define( 'WPDMROOT_MBCHILD',    get_stylesheet_directory () );
//父主题：
 define( 'WPDMPATH_MB',  get_template_directory_uri () );
 define( 'WPDMROOT_MB',    get_template_directory () );

----------------------

functions.php 加载css,js

function child_enqueue_land() {

    wp_enqueue_style( 'bootstrap', get_stylesheet_directory_uri() . '/static/css/bootstrap.min.css','', '', 'all' );
    wp_enqueue_style( 'fonts', get_stylesheet_directory_uri() . '/static/css/fonts.css','', '', 'all' );
    wp_enqueue_style( 'all', get_stylesheet_directory_uri() . '/static/css/all.min.css','', '', 'all' );
    wp_enqueue_style( 'animate', get_stylesheet_directory_uri() . '/static/css/animate.css','', '', 'all' );
    wp_enqueue_style( 'slick', get_stylesheet_directory_uri() . '/static/css/slick.css','', '', 'all' );
    wp_enqueue_style( 'magnific', get_stylesheet_directory_uri() . '/static/css/magnific-popup.css','', '', 'all' );
    wp_enqueue_style( 'styleland', get_stylesheet_directory_uri() . '/static/css/style.css','', '', 'all' );
    wp_enqueue_style( 'responsive', get_stylesheet_directory_uri() . '/static/css/responsive.css','', '', 'all' );

    wp_enqueue_script('bootstrap', get_stylesheet_directory_uri() . '/static/js/bootstrap.min.js',array('jquery'), time(), true);
    wp_enqueue_script('wow', get_stylesheet_directory_uri() . '/static/js/wow.min.js','', time(), true);
    wp_enqueue_script('slick', get_stylesheet_directory_uri() . '/static/js/slick.min.js','', time(), true);
    wp_enqueue_script('jquery.magnific-popup', get_stylesheet_directory_uri() . '/static/js/jquery.magnific-popup.min.js','', time(), true);
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/static/js/script.js','', time(), true);

}

add_action( 'wp_enqueue_scripts', 'child_enqueue_land', 30 );

--------------------------

wordpress要用 jQuery  代替 $ 

------------------

logo和站点标题：

           <?php
    // 检查是否有自定义Logo
    if (has_custom_logo()) {
        // 输出Logo
        the_custom_logo();
    } else {
        // 没有Logo则显示文字标题
        $site_title = get_bloginfo('name');
        echo '<a href="' . esc_url(home_url('/')) . '" class="site-title">' . esc_html($site_title) . '</a>';
    }
    ?>

-------------------------