Тема Marafon

Эта статья про сборку и тему. И мы поговорим о теме Marafon — что она нам позволяет делать и откуда ее скачать в случае, если мы устанавливаемся не из сборки и тд.

Здесь тоже будет единственный что-либо значащий слайд, в котором содержится ссылка. Как я и говорил, у вас будет PDF данной презентации, поэтому сможете кликнуть, а не в мучениях переписывать ее URL, после клика у вас откроется вот такая вот страничка.

Открываем папку. Здесь вы должны будете снова, как и в случае выбора актуальной версии сборки, выбрать архив с максимальным номером версии.

Для того, чтобы не ошибиться, можно посмотреть файл version_log.txt — здесь написано, что на данный момент на момент записи урока самой свежей является версия 1.4, ее мы и будем скачивать.

Смотрим, где эта максимальная версия 1.4 и скачиваем этот зип-архив, нажав скачать-прямое скачивание.

После нажатия на прямое скачивание, на жесткий диск приходит архив , который называется marafon v 1_4.zip.

Загрузка темы

Дальше мы при помощи стандартного функционала темы, если ее у нас нет, можем в WordPress ее загрузить. Нажимаем в разделе «Внешний вид» — «Темы» — “Добавить”, дальше нажимаем «Загрузить тему» и выбираем файл.

Вот, на жестком диске лежит тот самый скачанный зип-архив с темой.

Я нажимаю «Открыть» и после этого нажимаю «Установить».

Происходит загрузка архива, папка разархивируется, ну и дальше я могу активировать тему. Однако не спешите.

Активировать тему мы будем чуть позже, а сейчас мы перейдем на вкладку, где у меня, собственно говоря, присутствует инструкция по работе с темой и сборкой и давайте, параллельно заглядывая в инструкцию, будем двигаться.

Значит первое, что нам предлагает инструкция, это, опять же, переименовать тему для того, чтобы всякие хитрецы не смогли “спалить” наш сайт по неуникальному названию темы. И в перечне необходимых плагинов написано, что требуется плагин Kamai Thumbnail.

Ну, в отличие от всех остальных, без данного плагина тема, начиная с версии 1.4, даже нормально не заведется. Поэтому нам действительно он необходим.

Проделываем обозначенные необходимые действия. Идем в раздел «Плагины».

Поскольку я устанавливал данный движок из сборки, у меня будет присутствовать плагин Kamai Thumbnail.

Но, если бы его не было, я бы нажал «Добавить новый».

И стандартным образом, при помощи поиска по ключевому слову Kamai Thumbnail, установил бы данный плагин.

Он у меня уже активирован, значит вам нужно его установить и активировать.

Важно! Во втором уроке, посвященном работе со сборкой, я показывал, каким образом данный плагин позволяет изменять качество миниатюры, это важно и вот вы можете использовать это при работе с темой Marafon.

Значит хорошо, тему мы с вами установили, плагин тоже, теперь давайте перейдем в раздел «Темы», вот она тут присутствует, Marafon — неактивная.

Я показывал,опять же, во втором уроке данной серии, каким образом можно переименовать тему. Значит, я снова иду в корень, дальше в папку с темой.

Здесь нужно обновить все.

После того, как я загрузил этот архив, у меня появилась вот эта самая директория Marafon. Нажимаю «Переименовать».

Как мы и договорились, переименую ее в, например, “miminapifet”. Вы переименуете в свой домен. Нажимаем “Ок”.

Дальше я перемещаюсь в папку с темой, к файлу, который называется «style.css», открываю его двойным кликом.

Здесь также “Marafon” переименую на “miminapifet”.

И удаляю лишнюю информацию, которая также может оказаться не уникальной и, в принципе, по ней могут “спалить”.

Дело сделано, дальше мне нужно вернуться в раздел управления темами, обновиться здесь для того, чтобы тема уже переименовалась и я мог ее по нормальному активировать.

Нажимаю «Активировать» — давайте перейдем на сайт.

Вот она активировалась.

Соответственно, если в админке настройки чтения выбраны «показывать мои последние записи», то я увижу вот что-то такое.

Я увижу тут слайдер, я увижу свежие публикации…

Но, опять же, в том случае, если я установился из сборки. Если я установил просто тему, то, например, слайдеры я не увижу, будет что-то похожее.

Давайте снова вернемся к инструкции

Плагин Kamai Thumbnail мы с вами установили. Ниже идут еще несколько обязательных плагинов, которые необходимы для работы темы. Тема очень удивится, если не обнаружит какой-то из этих плагинов, хотя никакой фатальной проблемы не произойдет, но здесь написано, что вот эти плагины надо установить и вот таким вот образом их настроить.

Это действительно лучше сделать, и я не думаю, что на ваших глазах стоит производить установку и настройку каждого из этих плагинов по текстовой инструкции, которая присутствует в данном документе, потому что процесс затянется и будет все очень тяжело. Значит, здесь все по шагам написано — как, что надо установить в случае, если вы устанавливаетесь не из сборки. Если же вы устанавливаетесь из сборки, то все уже установлено и настроено.

Ниже обязательных плагинов вы увидите список желательных плагинов.

Они также присутствуют в сборке — для функционирования темы они не обязательны, но для нормальной работы информационного сайта я рекомендую их установить и настроить, опять же, так, как здесь написано. Ну и теперь можно переходить к работе со слайдером.

Значит, вернемся снова на наш сайт, обновим страницу.

Такой присутствует мощный графический элемент, как слайдер.

Обратите внимание, что в каждый слайд входит 4 публикации. Будет очень странно, если вы будете действовать по другому и, например, в один слайд у вас войдет 3 публикации — некрасиво будет. Поэтому, исходите из соображений, что, как минимум, 2 слайда по 4 публикации в каждом, у вас должно быть. Потому что, опять же, слайдер из одного слайда, так как у меня вот в примере, это не очень хорошо.

Ну и в инструкции написано по поводу работы с произвольными полями, даже есть скриншот, давайте я покажу, где эти произвольные поля. Я открою любую из публикаций, которые присутствуют уже в слайдере, и в панели администратора кликну «Редактировать запись».

Произвольные поля

Я перемещусь в запись, панель администратора становится доступной после того, как вы залогинетесь в админку. Вот здесь у меня есть блок «Произвольные поля».

Обратите внимание, что данный блок будет виден только в том случае, если в разделе «Настройки экрана» в админке вы поставили соответствующую галочку. Если вы не видите этот блок, соответственно, галочки нет.

И вот здесь у нас указано, что есть произвольное поле «слайдер» и значение ему «2». Чем больше значение в данном поле, тем ближе к началу слайдера будет находиться данный слайд.

Ну предположим, если я удалил значение «Слайдер», или его там не было, то вводится оно в этом блоке.

То есть, я нажимаю «Введите новое», ввожу название, задаю значение, нажимаю «Добавить», и тогда у меня поле появляется в перечне.

Хорошо, это не все слайдеры, которые есть в данной теме, и если я перейду в рубрику, например, “Без рубрики”, то я увижу что здесь тоже присутствует некий слайд.

Обратите внимание, что данный слайд содержит 3 публикации на слайд, поэтому минимум 4 публикации в нем нужно разместить, иначе он не будет нормально прокручиваться и это будет смотреться странно.

В инструкции написано, что в данный слайдер, то есть в слайдер внутри рубрики, публикации попадают по произвольному полю “recommended_x”, где x — это id данной рубрики.

Ну вот, давайте я исключу какую-нибудь из публикаций из слайдера, в рубрике внутри рубрики — для этого я пойду в “Редактирование записи”.

И удалю просто то самое «Произвольное поле» recommended_x, то есть х=1, сейчас я объясню, почему 1, а пока просто удалю соответствующее произвольное поле, обновлюсь и буду ожидать, что у меня исчезнет та самая запись из слайдера.

Да, она исчезла, слайдер не прокручивается.

Значит теперь, смотрите, как гласит инструкция, мне нужно создать произвольное поле “recommended_x” и “х” заменить на id рубрики. Где мне посмотреть название рубрики? В настройках рубрик — то есть, я иду в админку и там выбираю список всех рубрик — вот сюда вот перехожу.

Жду, когда загрузилось и я вижу идентификатор каждой рубрики. Кстати, здесь будет удобно в настройках экрана отключить всякие «Читабельности оценки», «СЕО», «описание», чтобы это все выглядело более компактно и не отвлекало нас.

Вот, я вижу идентификаторы рубрик: например, рубрика «Без рубрики» имеет идентификатор «1».

Именно в данной рубрике мы с вами и находимся, именно здесь и размещена эта публикация, которую мы редактируем, и соответственно, я беру это поле “recommended_x” и копирую его название в буфер обмена, ввожу название, х меняю на единицу, и в качестве значения снова задаю любую цифру — чем больше значение введенного числа, тем ближе к началу слайдера будет находиться данная публикация.

Обновляюсь и убеждаюсь в том, что действительно, слайдер снова начал вращаться, если я почитаю инструкцию дальше, то при помощи тех же самых произвольных полей можно добавлять картинку-подложку в качестве названия публикации.

Так, давайте снова вернемся в нашу публикацию, любую, например, вот эту.

Сейчас здесь просто заголовок, а я отредактирую и постараюсь поставить картинку в качестве подложки. Название произвольного поля из инструкции я скопировал, теперь я кручу к блоку произвольных полей и ввожу название. Естественно, кавычки я убираю.

И во втором поле нужно указать URL любой картинки, хранящейся на моем сайте. Я иду в библиотеку изображений (сюда, я думаю, вы умеете добавлять картинки).

Ну и сейчас любую самую прекрасную отсюда я выберу и URL этой картинки скопирую из данного поля в поле Title Image.

Жмем «Добавить произвольное поле», обновляем публикацию и посмотрим, к чему это привело.

Вот, видите, шикарно просто. Вот такие манипуляции при помощи произвольных полей можно выполнять с темой Marafon. Дальше давайте посмотрим, каким образом можно настраивать тему Marafon. Значит, либо вы логинетесь, в админку заходите через панель администратора в раздел настроек, либо выбираете «Внешний вид» и здесь тоже ссылка настроек. Попадаете в одно и то же место, вот как оно выглядит.

Раздел общих настроек

То, с чем вы обязательно должны ознакомиться, это раздел «Общие настройки». Здесь присутствует огромное количество разнообразных настроек, которые можете по своему вкусу изменять. В принципе, они понятны, что из них что делает.

“Липкое верхнее меню” не понятно — к чему оно будет прилипать.

Давайте я выберу положение «Да».

И вот здесь обратите внимание, чтобы было именно «Опубликовать» в качестве действия, понажимайте на данную кнопку.

Так, я опубликовал, вы видите, меню у меня никуда не прилипало, а теперь, после того, как я поставил опцию «Липкое меню», обновил страницу, у меня при скролировании залипает меню.

Что еще можно сделать в настройках — в принципе, здесь все понятно, есть пункты, которые стоит пояснить, сейчас по ним и пройдемся.

Якорные ссылки

Якорные ссылки — что это такое? Например, данную тему можно использовать также на микросайтах. В качестве плана страницы вывести текст и в горизонтальное меню постараться вставить якорные ссылки. Они, при клике, будут просто переводить к соответствующему пункту меню.

Как это, например, реализовано при клике на ссылки оглавления. Вот, мы просто переходим к соответствующему месту на странице.

Так вот, для того, чтобы это все работало, нам обязательно нужно включить «Да» в поле для пункта «Якорные ссылки», иначе это работать не будет.

Сайдбар

Значит, после того, как тема Marafon активировалась, вы можете увидеть справа какое-то странное пустое место. Дело в том, что это, на самом деле, правый сайдбар, просто в нем ничего не размещено.

И сейчас мы познакомимся с тем, что можно в нем разместить, заодно познакомимся с меню, и научимся его отключать, если мы не придумаем, что можно разместить в этом правом сайдбаре.

Идем в админку. Переходим в меню.

Здесь можно настраивать работу с меню нашего сайта. У нас мест для вывода меню — четыре. Давайте посчитаем:

  • главное меню;
  • дополнительное меню, которое не выводится;
  • правый сайдбар, куда тоже можно вывести меню;
  • и нижнее меню, которое сейчас тоже не выводится.

Также, отдельное меню можно выводить в качестве мобильного меню, которое доступно в случае, если мы сжимаем сайт. Я включу сейчас «Мобильный инспектор».

Вот эта кнопка , которая здесь появилась, она как раз отображает мобильное меню.

Работа с меню

Значит, вот при помощи раздела «Внешний вид” — “Меню» можно манипулировать всеми этими меню. При развороте из сборки, на сайте присутствует 3 меню. Вот они все здесь.

И, если у вас нету меню, вы можете создать новое.

И наоборот, если вам мешает меню, вы можете удалить все эти меню и снова создать. Или же отредактировать.

Вот, например, выбрал я «Топ меню», нажал «Выбрать» и оно у меня вот здесь ниже появилось.

Вот содержимое этого меню, вот пункты, которые в нем предусмотрены.

Дополнительные пункты

Вы можете запросто сюда добавить еще дополнительные пункты, например, рубрику «Без рубрики».

Дальше вы можете начать ее перетаскивать в любое место — именно в том месте сортировки, куда вы ее поставите, она и будет выводиться.

Или, если вы на нее кликните и потянете вправо, то пункт будет дочерним, вложенным в предыдущий.

Вложенность пунктов меню поддерживается в теме Marafon только одного уровня, то есть есть родитель и один дочерний элемент. Сделано это из соображений, во первых, экономии времени, а во вторых — логичности и удобства.

Дело в том, что если вам по какой-либо причине захотелось сгенерировать меню 3 уровня вложенности, то, скорее всего, вы напутали что-то в структуре рубрик и это выглядит некрасиво.

Хорошо, в общем, вот вы настроили меню так, как вы хотите это видеть, кстати говоря, название вы можете там менять дополнительно. Теперь, в нижнем блоке настроек, вам нужно выбрать, в какую именно область темы вы выводите это меню: здесь набор областей, куда можно его вывести.

Одно меню можно вывести сразу в несколько областей, и, например, если у вас “Топ меню” такое же, как и мобильное меню, можно сразу это и отметить, как меню для мобильной версии, сделать его ровно таким же самым.

Иногда, мобильное меню отличается от основного меню сайта, поэтому присутствует возможность отдельное меню создать и отдельно его поставить в мобильную версию.

Значит, сохранили мы внесенные изменения, обновили содержимое.

И вот мы видим, что у пункта появился вложенный подпункт, который называется «Без рубрики».

Если мы посмотрим на мобильное меню, то мы тоже увидим его отображение, и пункты, и вложенность.

Хорошо, теперь посмотрим, что можно разместить в сайдбаре. Например, мы хотим разместить то же самое меню. Хотя, это плохая идея — нет смысла размещать одно меню в виде горизонтального меню и в виде сайдбара. Это вводит в заблуждение — не понятно, в чем разница.

Но, просто для демонстрации и экономии времени, чтобы не создавать мне еще одно меню, я его выведу его еще и в сайдбар.

Ставлю соответствующую галочку, нажимаю «сохранить», и смотрю к чему это привело.

Вот, собственно, после обновления страницы, в правом блоке, у меня появилась такая вот «меню» рубрик — тоже есть вложенность, тоже можно ее открывать-закрывать и, как вы видите, уже вот эт пустота начинает заполняться.

Давайте я еще покажу, как выглядит дополнительное выпадающее меню — тоже в него поставлю все пункты, которые у нас были.

Обновив страницу, вы увидите, что появилась вот такая вот кнопка, которая выводит пункты.

Значит, сделано это для того, чтобы, в случае непомещения в горизонтальное меню всех пунктов, часть каких-то второстепенных можно было добавить в отдельное меню и установить его в положение дополнительного меню.

А теперь мы выберем другое меню, например, “Button Menu”, и увидим, что стоит единственный пункт, который называется «Карта сайта», и отправим его в подвал.

Кстати, хорошая идея, “Карту сайта”, «Рекламодателям», «О сайте», такие ненужные большинству посетителей пункты, отправлять в подвал.

Так, я обновил содержимое и увидел пункт «Карта сайта».

Вот, что касается работы с меню. Теперь смотрите, если вы все пункты разместили в горизонтальное меню, как я и говорил, нет смысла создавать дополнительное на сайдбаре, чтобы только закрыть пустое место.

Отключение сайдбара

Достаточно просто зайти в раздел «Внешний вид» — “Настроить”. И отключить этот ненужный правый сайдбар на главной странице.

Делается это следующим образом: вы заходите в раздел «Общие настройки».

И ищете соответствующий пункт, называется он «Отключить сайдбар на главной”. Нажимаете “Да”.

Опубликовываете те изменения, что вы внесли.

И он исчезнет.

Популярные публикации

Давайте теперь удалим одну из публикаций слайдера, чтобы продемонстрировать еще один слайдер популярных публикаций, который присутствует на главной странице.

Входим в «Редактирование» данной записи.

Крутим к блоку произвольных полей, удаляем произвольное поле “Слайдер”.

Нажимаем «Обновить».

Возвращаемся на главную страницу, обновляем и ждем, что исчезнет один слайд.

Опять же, заметьте, что не очень красиво выглядит не заполненная область слайдера, но интересно то, что после удаления данного элемента из слайдера, у меня начинает отображаться слайдер «Популярные публикации».

Работает это следующим образом: каждая публикация считает количество переходов в нее, и в случае, если публикация не размещена в верхнем слайдере, она автоматически попадает в нижний слайд, с сортировкой по количеству просмотров.

Сюда выводится ограниченное количество популярных публикаций, основываясь на описанных мною критериях. Манипулировать количеством просмотров вы также можете при помощи тех же произвольных полей.

Это еще одно произвольное поле, которое называется “post_viewes_count”. Оно создается автоматически и складывается по количеству просмотров данной публикации, вы можете вводить сюда любое число.

И тем самым вы можете изменять присутствие публикации в «Популярных» на главной странице. Кроме того, если вы перейдете на внутреннюю страницу, то увидите, что там выводятся популярные статьи в сайдбаре.

Значит, эти “Популярные статьи” формируются хитрым образом, они берутся из той же рубрики, что и открытые записи, и сортируются по количеству открытий сегодняшним числом. То есть, меняя количество просмотров, вы можете поднимать какую-либо публикацию вверх или опускать ее.

Как вы видите, меню рубрик отражается в сайдбаре и внутренних страниц.

Как только мы отключили сайдбар на главной, в разделе «Внешний вид»-«Виджеты» произошли определенные изменения.

До момента отключения здесь присутствовали только 2 позиции для размещения виджетов, назывались они «Верх сайдбара» и «Низ сайдбара». А, как только мы отключили сайдбар на главной, здесь появилась еще одна позиция — в нее вы можете установить либо рекламный блок, либо какой-то,например, виджет социальных сетей.

Популярные публикации выглядят так странно, потому что здесь не достаточное количество записей на сайте, вообще они вытягиваются “три в ряд”, с правой стороны.

И справа мы, как раз, выводим то самое содержимое, которое устанавливается в позицию «Справа от популярных на главной».

Что означает «Верх сайдбара» и «Низ сайдбара». Смотрите, мы перейдем на публикацию и увидим, что у нас выводится блок с рубриками. Верх сайдбара — это то, что выводится над рубриками.

Низ сайдбара — это то, что выводится под популярными публикациями.

Таким образом вы можете размещать рекламу в нужное место, понятно, что если вы хотите размещать рекламу при помощи плагина, чтобы зафиксировать ее при прокрутке, то нужно ее ставить всегда вниз. Потому, что странно будет, если фиксированная при прокрутке реклама будет подкладываться под рубрики и популярные записи.

Настройки внешнего вида

Давайте посмотрим, какие еще у нас есть опции — заходим в “Настройки внешнего вида”.

По общим настройкам мы пробежались, остальное тут все понятно. Пункт «Ссылки социальных сетей».

Если вы размещаете любую ссылку в списке социальных сетей, например для одноклассников, вставляете ссылку и обновляете сайт.

Бывает, когда вы вносите изменения и не видите их на сайте — это, возможно, потому что у вас включен плагин WP Super Cache.

Нужно просто деактивировать плагин.

Либо можно зайти в удаление кэша и полностью его удалить.

Пока, на момент произведения настроек, я деактивирую кэш, и при этом буду видеть все мои изменения.

Теперь появилась ссылка на одноклассники в виде иконок в подвале.

Таким образом работает раздел настройки социальных сетей. То есть — вы вводите URL тех соцсетей, которыми вы планируете пользоваться, и на них появляется ссылка в подвале. Те, которые пустые, соответственно, не выводятся.

Еще один важный раздел — это «Стили темы».

Здесь вы можете менять цвета различных элементов на сайте, они называются «Цвет 1,2,3…».

Эти цвета выводятся в совершенно разных местах сайта. Вы выбираете любой из цветов, сохраняете и смотрите, в каком месте будет происходить изменение. Таким образом вы сможете добиться уникализации внешнего вида вашего сайта.

Здесь же вы можете загружать логотип для шапки, для подвала.

Мы с вами пробежались по всем возможностям темы Marafon, я показал, каким образом работать с меню, потому что часто возникает эта проблема, мы с вами нарвались на проблему, связанную с кэшированием, что оказалось для нас большой удачей. Это последний урок серии по работе с темой и сборкой.

1 Star2 Stars3 Stars4 Stars5 Stars (1 голосов, в среднем: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *