Всем доброго времени суток, друзья. Сегодня мы попробуем сделать что-то более-менее похожее на сайт, а не просто "затычку" с анимацией и музыкой, что мы делали на прошлом уроке. И так, поехали!
Для начала нам необходимо найти подходящую нам тему. Мы будем делать сайт с рейтингом и анонсом серверов Lineage 2, на подобии https://l2oops.com. Зайдя в админку сайта, переходим в Внешний вид- Темы и жмём кнопку "Добавить". Из популярных и свежих тем выбираем наиболее нам подходящую. Нам не важна функциональность самой темы, ибо все правки мы будем вносить вручную.
Для себя я выбрал тему Ariele Lite.
В настройках темы в пункте "свойства сайта" можно загрузить свой логотип, написать название и описание главной страницы, а также загрузить иконку сайта. Иконку и логотип я сделал за 5 минут с помощью фотошопа, ну а вы же можете воспользоваться онлайн генераторами, коих полно в интернете. Название и описание (а именно мета-теги Title и Description) можем пока не заполнять, оставим их на потом. Нажав кнопку "Опубликовать" все новые правки вступят в силу.
Как мы уже выяснили на прошлых уроках, файл Index.php каждой темы отвечает за главную страницу. Зайдя в Внешний вид - Редактор и выбрав справа "Index.php" Удаляем всё кроме кода погрузки хедера и футера ( <?php get_header(); ?> и также с footer).
Нам понадобится разделить главную страницу на две части - на сервера которые скоро откроются и на те, которые уже открылись. Это можно сделать разными способами, но мы будем использовать таблицы для удобства. Шаблон таблиц выглядит так:
<table> <tr> <td>...</td> </tr> </table> - это одна строка таблицы, соответственно код нужно дублировать для создания новых строк ячеек.
Копируем код в наш Index.php, В самом вверху добавляем тег заголовка <H1> (как главный), а в таблицы в две ячейки вбиваем их названия под тегами заголовков <h2>, соблюдая иерархию.
<H1> Анонс серверов </H1>
<table> <tr> <th><h2 >Скоро откроются</h2></th> <th><h2>Уже открылись</h2></th> </tr> <tr> <td>
Выглядит уже не плохо, согласитесь.
Добавим один сервер на главную в анонсы. Для этого в админке - Записи -- Рубрики, создаём две рубрики с соответствующими названиями. Запоминаем ID рубрики, наведя курсор на рубрику (но не нажав на кнопку мыши) и увидев строчку внизу страницы
Скорее всего у вас это будут ID 1 и 2. Для вывода записей из определённых рубрик на страницу можно использовать много методов, но я предпочту сделать это через плагин шорткодов, так как в дальнейшем они понадобятся. Скачать и установить плагин вы можете напрямую через админку либо с офф. сайта по ссылке https://uk.wordpress.org/plugins/shortcodes-ultimate.
После установки плагина из всех доступных нам шорткодов, которые можно увидеть в появившемся пункте меню админки "Шорткоды", выбираем "Записи" и копируем код в новые ячейки таблицы.
Что бы шорткоды сработали, необходимо окружить шорткод таким кодом:
<?php echo do_shortcode( ' тут наш шорткод ') ?>
В "tax-term=" в первой ячейке выставляем ID первой рубрики (в моём случае это "1"), а во второй соответственно второй рубрики ( "2" ).
Создаём запись. В названии вводим сайт одного из самых популярных неофициальных серверов Lineage 2, вводим короткое описание, справа выбираем рубрику "Сервера, которые уже открылись". После сохранения переходим на главную страницу сайта и убеждаемся что всё ок.
Спасибо за прочтение. Надеюсь сегодня вы узнали для себя что-то новое. Ну а я пошёл пилить для вас следующую часть.
До скорых встреч.