Продолжаю цикл статей по переносу HTML верстки в WordPress. В прошлом занятии мы первоначально наполнили файл index.php
, но напомню, что это все же не окончтельный вариант данного файла, так как в нем не реализована функция вывода анонсов, и другие функции.
В данной статье мы уже окончательно, в отличии от index.php
, перенесем HTML код футера в WordPress и сделаем автоматический вывод копирайта. Что предусмотрено в макете сайта.
Наполняем файл footer.php WordPress
Вот ссылка на страницу с HTML исходниками.
Берем из исходника отрывок кода:
<!-- ****************** ОТРЫВОК ДЛЯ ФАЙЛА FOOTER.PHP ********************************************** --> <!-- Подвал --> <footer> <div class="container"> <div class="row"> <div class="col-md-12 text-center copyright"> <p>© Фотостудия Андеграунд 2015</p> </div> </div> </div> </footer> <!-- /Окончание подвала /footer -->
И заменяем в файле footer.php
нашего будущего сайта отладочный код. После этого файл footer.php
полностью должен выглядеть вот так:
<?php /** * The template for displaying the footer * * @since Start WP 1.0 */ ?> <!-- Подвал --> <footer> <div class="container"> <div class="row"> <div class="col-md-12 text-center copyright"> <p>© Фотостудия Андеграунд 2015</p> </div> </div> </div> </footer> <!-- /Окончание подвала /footer --> <?php wp_footer(); ?> <!-- АКТИВАЦИЯ СЛАЙДЕРА --> <!-- Script to Activate the Carousel --> <script> $('.carousel').carousel({ interval: 5000 //changes the speed }) </script> </body> </html>
Прописывать в файле style.css
ничего не нужно, так как мы уже все стили шаблона перенесли. Единственное, что в style.css
мы по ходу переноса добавим стили для комментариев, в исходнике это не было предусмотрено, ну и будем делать небольшие правки и дополнения.
Автоматический копирайт WordPress
Для личного сайта я считаю данную функцию лишней. По факту это создание дополнительного запроса к базе данных. Но для клиентских сайтов автоматический копирайт — нужная функция. Я не раз видел сайты «зависшие в прошлом». Считаю это недоработкой разработчиков шаблона.
Для того, чтобы автоматизировать копирайт WordPress, нужно в файле functions.php прописать код:
Так на WordPress делать общепринято.
/** * Copyright */ function sitename_copyright() { echo '© 2000-'.date('Y'); }
A в footer.php прописать вызов функции:
<?php sitename_copyright(); ?>
Вот файл полностью:
<!-- Подвал --> <footer> <div class="container"> <div class="row"> <div class="col-md-12 text-center copyright"> <p>Фотостудия Андеграунд | <?php sitename_copyright(); ?></p> </div> </div> </div> </footer> <!-- /Окончание подвала /footer -->
Можно прописать копирайт проще, не создавая дополнительных функций, и вызвать дату прямо из файла footer.php
<p>Фотостудия Андеграунд | <?php echo '© 2000-'.date('Y'); ?></p>
Данный код подойдет абсолютно для всех сайтов, написанных на PHP и работающих на серверах.
Для наглядности я оставил первый вариант, оставляя право выбора способа вывода копирайта за вами.
В шапке моего сайта есть Feedberner, подписывайтесь на новые статьи сайта, продолжение следует 🙂
Исходники к данному занятию тут:
Скидываю исходники всего шаблона на данном этапе переноса из HTML в WordPress
Мобильная реклама от SMS-Pobeda в Москве.
С Новым годом, Егор! Здоровья, счастья и удачи в 2016-ом! Спасибо за материал по созданию шаблона. Интересно получается. С нетерпением жду продолжения.
Егор, куда подевался? Или что приключилось, заболел, уехал? Не пропадай! Не оставляй не законченный блог. ))