{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Всем доброго времени суток, друзья. Сегодня мы попробуем сделать что-то более-менее похожее на сайт, а не просто \"затычку\" с анимацией и музыкой, что мы делали на прошлом уроке. И так, поехали!","type":"unstyled","key":"aa2ub"},{"data":{"image":{"id":"5f147e66ee57fb66afff6a6a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1br14"},{"data":{"image":{"id":"5f147e6bb7ecf524cfce2284"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2g7bb"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":18,"offset":129}],"inlineStyleRanges":[],"text":" Для начала нам необходимо найти подходящую нам тему. Мы будем делать сайт с рейтингом и анонсом серверов Lineage 2, на подобии https://l2oops.com. Зайдя в админку сайта, переходим в Внешний вид- Темы и жмём кнопку \"Добавить\". Из популярных и свежих тем выбираем наиболее нам подходящую. Нам не важна функциональность самой темы, ибо все правки мы будем вносить вручную. ","type":"unstyled","key":"2m1l3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Для себя я выбрал тему Ariele Lite. ","type":"unstyled","key":"cirps"},{"data":{"image":{"id":"5f147f32f9d41869c9fbb4b4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"evtau"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"35e7o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" В настройках темы в пункте \"свойства сайта\" можно загрузить свой логотип, написать название и описание главной страницы, а также загрузить иконку сайта. Иконку и логотип я сделал за 5 минут с помощью фотошопа, ну а вы же можете воспользоваться онлайн генераторами, коих полно в интернете. Название и описание (а именно мета-теги Title и Description) можем пока не заполнять, оставим их на потом. Нажав кнопку \"Опубликовать\" все новые правки вступят в силу. ","type":"unstyled","key":"9i1j4"},{"data":{"image":{"id":"5f1480a90959e86d19869f90"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"6ci3s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как мы уже выяснили на прошлых уроках, файл Index.php каждой темы отвечает за главную страницу. Зайдя в Внешний вид - Редактор и выбрав справа \"Index.php\" Удаляем всё кроме кода погрузки хедера и футера ( и также с footer). ","type":"unstyled","key":"305tq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нам понадобится разделить главную страницу на две части - на сервера которые скоро откроются и на те, которые уже открылись. Это можно сделать разными способами, но мы будем использовать таблицы для удобства. Шаблон таблиц выглядит так:","type":"unstyled","key":"ahae3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":1,"style":"BOLD"},{"length":4,"offset":9,"style":"BOLD"},{"length":4,"offset":14,"style":"BOLD"},{"length":5,"offset":21,"style":"BOLD"},{"length":5,"offset":27,"style":"BOLD"},{"length":8,"offset":33,"style":"BOLD"}],"text":"

- это одна строка таблицы, соответственно код нужно дублировать для создания новых строк ячеек.","type":"unstyled","key":"aopi8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Копируем код в наш Index.php, В самом вверху добавляем тег заголовка

(как главный), а в таблицы в две ячейки вбиваем их названия под тегами заголовков

, соблюдая иерархию.","type":"unstyled","key":"bd6ds"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

\tАнонс серверов

","type":"blockquote","key":"2hs6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Скоро откроются	Уже открылись
","type":"blockquote","key":"5u88p"},{"data":{"image":{"id":"5f14830bb1d8a94d735f4406"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"80qeu"},{"data":{"tempSrc":"blob:https://zen.yandex.ru/d13ddd20-af17-496f-b58c-16cbf5ed0521"},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выглядит уже не плохо, согласитесь. ","type":"unstyled","key":"8d5jo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавим один сервер на главную в анонсы. Для этого в админке - Записи -- Рубрики, создаём две рубрики с соответствующими названиями. Запоминаем ID рубрики, наведя курсор на рубрику (но не нажав на кнопку мыши) и увидев строчку внизу страницы","type":"unstyled","key":"dmg6m"},{"data":{"image":{"id":"5f14838e4f0c365749aa5541"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5kr83"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":52,"offset":306}],"inlineStyleRanges":[],"text":"Скорее всего у вас это будут ID 1 и 2. Для вывода записей из определённых рубрик на страницу можно использовать много методов, но я предпочту сделать это через плагин шорткодов, так как в дальнейшем они понадобятся. Скачать и установить плагин вы можете напрямую через админку либо с офф. сайта по ссылке https://uk.wordpress.org/plugins/shortcodes-ultimate.","type":"unstyled","key":"cbp8t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После установки плагина из всех доступных нам шорткодов, которые можно увидеть в появившемся пункте меню админки \"Шорткоды\", выбираем \"Записи\" и копируем код в новые ячейки таблицы. ","type":"unstyled","key":"2fv7g"},{"data":{"image":{"id":"5f1484d5f9d41869c9e4b63e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"b5e7a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что бы шорткоды сработали, необходимо окружить шорткод таким кодом: ","type":"unstyled","key":"45bl3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"cvg7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В \"tax-term=\" в первой ячейке выставляем ID первой рубрики (в моём случае это \"1\"), а во второй соответственно второй рубрики ( \"2\" ).","type":"unstyled","key":"e04t8"},{"data":{"image":{"id":"5f148558b919f55a7322b118"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4ojti"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаём запись. В названии вводим сайт одного из самых популярных неофициальных серверов Lineage 2, вводим короткое описание, справа выбираем рубрику \"Сервера, которые уже открылись\". После сохранения переходим на главную страницу сайта и убеждаемся что всё ок. ","type":"unstyled","key":"8s81j"},{"data":{"image":{"id":"5f1485ea7bc88c7b0d103238"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bs7v2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Спасибо за прочтение. Надеюсь сегодня вы узнали для себя что-то новое. Ну а я пошёл пилить для вас следующую часть. ","type":"unstyled","key":"40pn3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"До скорых встреч.","type":"unstyled","key":"dnhtg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"1jNfYvVewjF8Jnkux7mN"}],"entityMap":{"0":{"data":{"href":"https://l2oops.com/","url":"https://l2oops.com/"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://uk.wordpress.org/plugins/shortcodes-ultimate/","url":"https://uk.wordpress.org/plugins/shortcodes-ultimate/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}

Скоро откроются

Уже открылись

","type":"blockquote","key":"5u88p"},{"data":{"image":{"id":"5f14830bb1d8a94d735f4406"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"80qeu"},{"data":{"tempSrc":"blob:https://zen.yandex.ru/d13ddd20-af17-496f-b58c-16cbf5ed0521"},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выглядит уже не плохо, согласитесь. ","type":"unstyled","key":"8d5jo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавим один сервер на главную в анонсы. Для этого в админке - Записи -- Рубрики, создаём две рубрики с соответствующими названиями. Запоминаем ID рубрики, наведя курсор на рубрику (но не нажав на кнопку мыши) и увидев строчку внизу страницы","type":"unstyled","key":"dmg6m"},{"data":{"image":{"id":"5f14838e4f0c365749aa5541"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5kr83"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":52,"offset":306}],"inlineStyleRanges":[],"text":"Скорее всего у вас это будут ID 1 и 2. Для вывода записей из определённых рубрик на страницу можно использовать много методов, но я предпочту сделать это через плагин шорткодов, так как в дальнейшем они понадобятся. Скачать и установить плагин вы можете напрямую через админку либо с офф. сайта по ссылке https://uk.wordpress.org/plugins/shortcodes-ultimate.","type":"unstyled","key":"cbp8t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После установки плагина из всех доступных нам шорткодов, которые можно увидеть в появившемся пункте меню админки \"Шорткоды\", выбираем \"Записи\" и копируем код в новые ячейки таблицы. ","type":"unstyled","key":"2fv7g"},{"data":{"image":{"id":"5f1484d5f9d41869c9e4b63e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"b5e7a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что бы шорткоды сработали, необходимо окружить шорткод таким кодом: ","type":"unstyled","key":"45bl3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"cvg7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В \"tax-term=\" в первой ячейке выставляем ID первой рубрики (в моём случае это \"1\"), а во второй соответственно второй рубрики ( \"2\" ).","type":"unstyled","key":"e04t8"},{"data":{"image":{"id":"5f148558b919f55a7322b118"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4ojti"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаём запись. В названии вводим сайт одного из самых популярных неофициальных серверов Lineage 2, вводим короткое описание, справа выбираем рубрику \"Сервера, которые уже открылись\". После сохранения переходим на главную страницу сайта и убеждаемся что всё ок. ","type":"unstyled","key":"8s81j"},{"data":{"image":{"id":"5f1485ea7bc88c7b0d103238"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bs7v2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Спасибо за прочтение. Надеюсь сегодня вы узнали для себя что-то новое. Ну а я пошёл пилить для вас следующую часть. ","type":"unstyled","key":"40pn3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"До скорых встреч.","type":"unstyled","key":"dnhtg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"1jNfYvVewjF8Jnkux7mN"}],"entityMap":{"0":{"data":{"href":"https://l2oops.com/","url":"https://l2oops.com/"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://uk.wordpress.org/plugins/shortcodes-ultimate/","url":"https://uk.wordpress.org/plugins/shortcodes-ultimate/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}