vedernickov.ru

свободное место

Дорабатываем свою адаптивную тему оформления сайта, продолжение

Предыдущая запись ( смотрите здесь ). Немного подправил шаблон предыдущей заготовки сайта. Добавил немного функций, проверил на адаптивность. В тему оформления внёс адаптивное меню, поменял шапку сайта. Над виджетом календаря надо ещё поработать, оформление комментариев так же нуждается в доработке

Добавляем стилей в свою тему WordPress

Давайте теперь украсим немного свой сайт, расставим отступы. Изменим стили оформления, чтобы наш сайт стал похожим на нормальный. Если присвоен класс <div class=»header»></div>, то в стилях ставится точка: .header Если id <div id=»footer»></div>, тогда в стилях обозначается решёткой  #footer Если

Своя тема Вордпресс запись № 2

Разделяем нашу заготовку файлы и вставляем куски кода cms WordPress, для того чтобы наш сайт заработал: Создаём файл основной файл index.php  с таким содержанием <!doctype html> <html <?php language_attributes(); ?>> <?php get_header(); ?> <article id=»article»> <?php if ( have_posts() )

Своя тема Вордпресс на сетке (GRID)

Код сетки на Html: <!doctype html> <title>Example</title> <style> body { display: grid; grid-template-areas: «header header header» «nav article aside» «footer footer footer»; grid-template-rows: .1fr 1fr .1fr; grid-template-columns: .4fr 1fr .4fr; grid-gap: 10px; height: 100vh; margin: 0; } header, footer, artic