Статьи

Создаем свою тему для wordpress

2018-06-03 17:02:26

Как отключить и удалить все редакции в WordPress

магазины тем

https://wpshop.ru/

№	Страницы Файлы	Страницы Через админку	Области	Вспомогательные
1	404.php	about	footer.php	functions.php
2	archive.php		header.php
3	comments.php		searchform.php
4	search.php		sidebar.php
5	page.php
6	single.php
7	front-page.php
8	index.php
9
10
11
12
13

Имейте ввиду, что какой бы крутой сайт на WordPress вы не видели, принцип шаблона этого сайта точно такой же как и у «Вашей первой темы»: 2 обязательных файла и другие расширяющие файлы...

Немного про файл `style.css`

Файл темы style.css это особенный файл — он обязательный, а еще именно по нему WordPress идентифицирует тему. Т.е. когда вы заходите в темы в админ-панели, WordPress просматривает все файлы style.css в папках и показывает все доступные темы. Название темы и другие данные берутся именно из этого файла. Эти данные считываются из начальных данных файла, которые находятся в комментариях:

https://wp-kama.ru/handbook/themes/sozdanie-samoj-prostoj-temy

cd wp-content/themes
mkdir simple
cd simple

cat << EOT >> index.php
<!DOCTYPE html>
<html>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<title>
		<?php echo wp_get_document_title(); ?>
	</title>

	<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" />
	<?php wp_head(); ?>
</head>

<body>
	<header class="header">
		<h1><?php bloginfo( 'name' ); ?></h1>
		<h2><?php bloginfo( 'description' ); ?></h2>
	</header>

	<div class="middle">
	<?php
		// циклы вывода записей
		// если записи найдены
		if ( have_posts() ){
			while ( have_posts() ){
				the_post();

				echo '<h3><a href="'. get_permalink() .'">'. get_the_title() .'</a></h3>';

				echo get_the_excerpt();
			}
		}
		// елси записей не найдено
		else{
			echo ' <p>Записей нет...</p>';
		}
		?>
	</div>

	<footer class="footer">
		<?php echo date('Y') ?> © Я и компания моя
	</footer>

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

</html>
EOT

cat << EOT >> style.css
/**
Theme Name: Моя первая темы
Author: Пупкин
*/

body {
	background: #F2F1EC;
	max-width: 700px;
	margin: 2em auto;
}

.header, .footer {
	margin: 2em auto;
	text-align: center;
}
EOT

Создаем свою тему для wordpress

Немного про файл style.css

Немного про файл `style.css`