Заметки

Маркированный список заменить на картинку

li
                    padding: 2px 0 5px 25px
                    margin-top: 19px
                    background-image: url(../img/icon.png)
                    background-repeat: no-repeat
                    background-size: 20px

Чтобы колонки Grid переносились, можно использовать auto-fit

grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) )

где 250px задаем минимальную ширину колонок

Сделать кнопку с заливкой цвета снизу вверх

.button:hover
        box-shadow: inset 0 -30px 0 1px #439915

 

-30px -  высота кнопки

WP_Query - пользовательская выборка постов, записей, рубрик и т.д.

$query = new WP_Query( array(
    'category_name' => 'edge-case-2, markup',
    'posts_per_page' => -1, - количество выведенных постов, при -1, будут выведены все 
    'orderby' => 'title', - сортировка по названию
    'order' => 'ASC', - порядок сортировки, 'DESC' в обратном порядке
) );
?>
<?php if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?>
    <!-- post -->
    <h3><?php the_title(); ?></h3>
<?php endwhile; ?>
    <!-- post navigation -->
<?php else: ?>
    <!-- no posts found -->
<?php endif; ?>
<?php wp_reset_postdata(); ?> - обязательно указывать, во избежание в будущем ошибки

В кастомайзер добавляем новую секцию с параметром телефон

В function.php пишем:

$wp_customize->add_section('test_site_data', array(
        'title' => 'Информация сайта',
        'priority' => 10,
    ));
    $wp_customize->add_setting('test_phone', array(
        'default' => '',
        'transport'=>'postMessage',
    ));
    $wp_customize->add_control(
        'test_phone',
        array(
            'label' => 'Телефон',
            'section' => 'test_site_data',
            'type' => 'text',
        )
    );
    $wp_customize->add_setting('test_show_phone', array(
        'default' => true,
        'transport'=>'postMessage',
    ));
    $wp_customize->add_control(
        'test_show_phone',
        array(
            'label' => 'Показывать телефон',
            'section' => 'test_site_data',
            'type' => 'checkbox',
        )
    );
}
add_action('customize_register', 'test_customize_register');
В header.php пишем:
wp_nav_menu( array(
        'theme_location' => 'header_menu1',
        'container' => '', - добавляем
        'menu_class' => 'navbar-nav mr-auto',
        'container_id' => 'navbarSupportedContent',
        'walker' => new Test_Menu,
    ) );
    ?>
        <p class="test-phone"<?php if(false === get_theme_mod('test_show_phone')) echo ' style="display: none;"' ?>>
            Телефон: <span><?php echo get_theme_mod('test_phone'); ?></span>
        </p>
    </div>

Убрать отступ margin-top: 32px

В function.php пишем:

function my_function_admin_bar(){ return false; }
add_filter( 'show_admin_bar' , 'my_function_admin_bar');

Добавляем инфу через кастомайзер

Пишем в function.php :

function phpwp_setup(){
    add_theme_support('post-thumbnails'); - миниатюра (картинка) постов, страниц
    add_theme_support('title-tag'); - title страниц
    add_theme_support('custom-logo', array(  - добавление логотипа
        'width' => '150',
        'height' => '40',
    ));
    register_nav_menus(array(
        'header_menu' => 'Меню в шапке',
        'footer_menu'=> 'Меню в футоре',
    ));
add_theme_support('custom-background', array(     - изменение цвет фона
'default-color' => 'ffffff',
'default-image' => get_template_directory_uri() . '/assets/image/background.png - добавление фонового изображения
    ));
add_theme_support('custom-header', array(  - добавление изображение в header (баннер)
        'default-image' => get_template_directory_uri() . '/assets/image/header.png',
        'whidth' => '2000',
        'height' => '1300',
    ));
}
Для написания своего кастомайзера, к примеру изменяем цвет ссылок на сайте, пишем:
function test_customize_register($wp_customize) {
    $wp_customize->add_setting('test_link_color', array(
        'default' => '#007bff',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(
        new WP_Customize_Color_Control(
            $wp_customize,
            'test_link_color',
            array(
                'label' => 'Цвет ссылок',
                'section' => 'colors',
                'setting' => 'test_link_color',
            )
        )
    );
}
add_action('customize_register', 'test_customize_register');
function test_customize_css() {
    ?>
    <style type="text/css">
        a { color: <?php echo get_theme_mod('test_link_color'); ?>;}
    </style>
    <?php
}
add_action('wp_head', 'test_customize_css');
Пишем в header.php :
Вывод логотипа
<php if( has_custom_logo() ): the_custom_logo(); ?>
    <?php else: ?>
        <a class="navbar-brand" href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a>
    <?php endif; ?>
Выводим цвет фона
В body прописываем:
<body <?php body_class() ?>>
Вывод картинки в header
<?php echo get_custom_header(); ?>
Чтобы вывод картинки был только на главной старнице пишем:
<?php if(is_front_page()): ?>
    <?php echo get_custom_header(); ?>
<?php endif;?>

Вывод меню WP

В function.php прописываем:
function тема_setup(){
    add_theme_support('post-thumbnails');
    register_nav_menus(array(
        'header_menu' => 'Меню в шапке',
        'footer_menu'=> 'Меню в футоре',
    ));
}
add_action( 'after_setup_theme', тема_setup' );
В файле header.php пишем:
<?php
            wp_nav_menu( array(
                'theme_location' => 'header_menu1'
            ) );
 ?>

Footer прижать к низу страницы

<body>

<div class="content">

content

</div>

<footer class="footer">

</footer>

</body>

__________________________

html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.content {
flex: 1 0 auto;
}
.footer {
flex-shrink: 0;
}

Обнуление стилей

*
padding: 0
margin: 0
border: 0
-moz-box-sizing: border-box
-webkit-box-sizing: border-box
box-sizing: border-box

&:before, &:after
-moz-box-sizing: border-box
-webkit-box-sizing: border-box
box-sizing: border-box

\:focus, :active
outline: none

a
&:focus, &:active
outline: none

nav, footer, header, aside
display: block

html, body
height: 100%
width: 100%
font-size: 100%
line-height: 1
font-size: 14px
-ms-text-size-adjust: 100%
-moz-text-size-adjust: 100%
-webkit-text-size-adjust: 100%

input, button, textarea
font-family: inherit

input::-ms-clear
display: none

button
cursor: pointer

&::-moz-focus-inner
padding: 0
border: 0

a
text-decoration: none

&:visited, &:hover
text-decoration: none

ul li
list-style: none

img
vertical-align: top

h1, h2, h3, h4, h5, h6
font-size: inherit
font-weight: inherit