X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Урок №6. Подвал и конец работы над созданием темы для WordPress.

Приклад
  • 2024-04-19
  • 6742 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂
Мы уже почти закончили создавать нашу тему и нам осталось сделать еще последний штрих. Для того что-бы тема была готова, нам нужно заполнить Файл - footer.php.
Как я уже говорил ранее, этот файл отвечает за вывод нашего подвала. В подвале будет прописан год основания сайта, его название, правила копирайта и счетчики для подсчета посетителей сайта.

 

Подвал

У нас уже прописан некоторый код в footer.php, теперь надо добавить родительский блок с id - footer и в нем разместить остальные задуманные элементы.
Теперь готовый footer.php будет выглядеть следующим образом:

<?php get_sidebar(); ?>
<div class="clear"></div>
<div id="footer">
<div id="copyright">
&copy; 2013 - <?php echo date('Y'); ?> Вашдомен.com Лучший слоган в мире. Все права защищены. 
Любое использование материалов допускается только с указанием активной ссылки на источник.
</div>
<div id="metrika">
Сюда код счетчиков или метрики
</div>
<div class="clear"></div>
</div><!--Закрываем footer-->
</div><!--Закрываем main-->
<?php wp_footer(); ?>
</body>
</html>

Думаю вы заметили что id footer, мы поместили перед закрывающимся тегом main. Это означает, что наш подвал будет внутри основного контента и будет располагаться под левой и правой колонкой, то бишь внизу страницы.
Подвал разбит на 2 блока. В левом блоке будет информация, а в правом будете вставлять скрипты счетчиков и метрики. Вставлять можно просто скопировав скрипт внутрь блока metrika. Такой способ грубоват, но работает. Есть еще один вариант. Можно в этом блоке разместить место под виджет, назвав его, например - Место для метрики, после чего в functions.php прописать функцию и назвать ее аналогично. В 4 уроке мы добавляли место под виджет, думаю тут все ясно.
Добавим стили:

 
/*Подвал*/
#footer{color:#888;padding:0;width:100%;margin-top:25px;}
#copyright{font-size:11px;line-height:13px;width:400px;float:left;}
#metrika{float:right;max-width:550px;}

Вот теперь все 🙂 Наш подвал готов, да и сама тема. Вот так за 6 уроков мы создали простенькую тему WordPress. При желании можете добавить еще много элементов, функциями или просто версткой.
Мой курс всего лишь маленькая помощь для тех кто начинает работать с темами WordPress. Как я и писал ранее, Если Вы используете другие приемы верстки или имеете свои секреты, пользуйтесь ими, не обязательно делать все один в один как я. Главное что Вы должны делать, это соблюдать общую структуру, чтобы все работало и на экране не писало ни каких ошибок. Я как и многие, кто пишет статьи для новичков, хочу, чтобы Вы во всем разобрались и у Вас не возникло вопросов. На моем сайте Вы сможете найти много дополнительной и полезной для Вас информации.
Чтобы скачать все файлы курса, макет и готовую тему нажмите Скачать Курс. Как создать новую тему WordPress. В открывшемся окне, вверху, посередине нажмите стрелочку скачать.

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 8, в среднем: 4.5 из 5
Читайте також