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>';
    }
    ?>

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