software:development:demo:responsive_site_layout_wordpress
Адаптивная вёрстка сайта WordPress (теория и практика)
Подготовка
структуры папки Создание темы WordPress начинается с создания папки для вашей темы в директории wp-content/themes/. Назовите папку, например, notebook. Внутри этой папки создайте следующие файлы:
notebook/ ├── style.css ├── index.php ├── functions.php
переходим в админ панель wordpress
Содержимое файла style.css:
- style.css
/* Theme Name: Notebook Theme URI: http://example.com/notebook Author: no name Author URI: http://example.com Description: My Notebook Version: 1.0.1 */
Следующим шагом нужно добавить изображение нашей темы. Сохраните изображение главной страницы из psd макета размером 880х660 в папку темы notebook с именем screenshot.png
Содержимое файла index.php:
- index.php
<!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php wp_title(); ?></title> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <header> <h1><?php bloginfo('name'); ?></h1> <p><?php bloginfo('description'); ?></p> </header> <main> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); the_content(); endwhile; else : echo '<p>Контент не найден</p>'; endif; ?> </main> <?php wp_footer(); ?> </body> </html>
Создаем тестовую запись в админ панели
Только авторизованные участники могут оставлять комментарии.
software/development/demo/responsive_site_layout_wordpress.txt · Последнее изменение: 2025/01/04 15:13 — vladpolskiy