WordPress

WordPress site

<title><?php bloginfo('name'); ?></title>

<link rel="stylesheet" href=<?php bloginfo('stylesheet_url'); ?>>

<h1><?php bloginfo('name'); ?></h1>
	
<p>Кодировка: <?php bloginfo('charset'); ?> </p>
	
<p><?php bloginfo('description'); ?> </p>


// подключение хедера, футера, сайдбара
header.php, footer.php, sidebar.php

<?php get_header();  ?>

<?php get_footer();  ?>

<?php get_sidebar();  ?>


// для добавления панели управления и доп. файлов стилей и скриптов WP
//(отключить в дальнейшем можно в functions.php)
<?php wp_head(); ?>
</head>

<?php wp_footer(); ?>
</body>


// выводим посты: (для развертывания <?php theloop?>)

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- post вывод постов-->
<?php endwhile; ?>
<!-- post navigation здесь будет вставляться постраничная навигация-->
<?php else: ?>
<!-- no posts found если нет постов, можем написать то что нужно..--> 
<?php endif; ?>


<?php the_title() ?> - название поста

<?php the_content() ?> - контент поста (весь текст)

<?php the_excerpt() ?> - вывод превью. (55 слов по умолчанию.)

! в меню Записи надо включить "цитата" - чекбокс вверху.. в появившемся внизу поле вводим текст цитаты.

<?php the_tags() ?> - вывод тегов

<?php the_date(... ) ?> - вывод даты

Для вывода миниатюрок к записям, надо создать файл functions.php и использовать функцию add_theme_support():

<?php 
// миниатюра
// используем add_theme_support('post-thumbnails');
add_theme_support('post-thumbnails'); //- теперь при редактировании записи внизу справа появится блок: миниатюра записи. 

?>

теперь в файле где надо вывести пост, пишем:

<?php the_post_thumbnail('full', 'class=postimg'); ?>//(размеры, атрибуты) full - без обрезания, если класса нет, просто не указываем второй параметр.

! правильное подключение стилей и скриптов в head через functions.php (в head удаляем все подключения скриптов и стилей)

function theme_name_scripts(){
	wp_enqueue_script('custom', get_template_directory_uri() . '/js/custom.js'); // берет скрипты и загружает на сайт
	wp_enqueue_script('style', get_template_directory_uri() . '/css/style.js'); // берет скрипты и загружает на сайт
	.... прочие стили и скрипты..
}

add_action('wp_enqueue_scripts', 'theme_name_scripts');

Подключение меню.
Чтобы во "внешний вид" появился пункт "Меню", надо:
в functions.php

register_nav_menu('menu', 'Меню в шапке');

// теперь появился пункт меню.. в левой панели.
создаем несколько страниц.. задаем название меню по английски, 
внизу появились: "настройки меню" - отмечаем галкой "область темы"

Дальше в месте кода где надо вывести меню продолжаем работать.

<?php wp_nav_menu(array('theme_location'=>'menu' )); ?> (пареметр указываем тот, что прописывали в functons.php в register_nav_menu в первом параметре).
Но, создаст свою структуру.. список со своими стандартными классами., теперь стилезуем как нам нужно


<?php wp_nav_menu(array('theme_location'=>'menu', 'menu_class'=>'nav' )); ?> // nav - это наш кастомный класс
но по прежнему добаавляется лишний блок-контейнер. можем его убрать.
<?php wp_nav_menu(array('theme_location'=>'menu', 'menu_class'=>'nav', 'container'=>'false' )); ?>

!Если надо заменить ul на nav.. убрать li.. оставить только ссылки.. то надо использовать код ниже:

<?php
$massiv_vhodnh_parametrov = array(
'container'=> 'nav', //  без предварительно обертки тегом
'echo'=> 'false', // вернуть меню для предварительной обработки средствами PHP
'items_wrap'=> '%3$s', // аргумент функции формата строки sprintf()
'depth' => 0, // глубина, уровень вложенности = 0.
);

// удалим из строки меню все кроме html тега гиперссылки
print strip_tags(wp_nav_menu($massiv_vhodnh_parametrov), '<a>');
?>



теперь в коде где у нас выводится такое меню:
<nav>
	<a href=""></a>
	<a href=""></a>
	<a href=""></a>
</nav>

вместо ссылок вставляем: 

<nav>
<?php
	$massiv_vhodnh_parametrov = array(
	'container'=> 'nav', //  без предварительно обертки тегом
	'echo'=> 'false', // вернуть меню для предварительной обработки средствами PHP
	'items_wrap'=> '%3$s', // аргумент функции формата строки sprintf()
	'depth' => 0, // глубина, уровень вложенности = 0.
	);

	// удалим из строки меню все кроме html тега гиперссылки
	print strip_tags(wp_nav_menu($massiv_vhodnh_parametrov), '<a>');
?>
</nav>


урок 5
https://www.youtube.com/watch?v=Gvefk7FYZmE