Рубрики
WordPress Глава 5

Изменение файлов плагинов


Кодекс Источник 1
Кодекс Источник 2

Мы уже рассматривали  возможность редактирования файлов из системы WordPress для установленных тем, теперь пришло время рассмотреть встроенный редактор и для файлов плагинов.

Плагины → Редактор

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

Обзор файлов плагина

Как и в редакторе тем, при выборе файла, если в нем встречаются какие то функции (из API WordPress или стандартные PHP-функции), то об их работе и назначении мы можем ознакомится на первоисточнике информации.

Функции плагинов

Достаточно лишь выбрать функцию и дать команду «Поиск» и вы тут же будете перенаправлены на первоисточник.

Будьте очень осторожны при нахождении в редакторе файлов плагинов. Не обладая знаниями HTML, PHP редактировать (вносить изменения) крайне не рекомендуется.

Использование Theme Editor и Editor Plugin

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

  1. Как справочные материалы, для изучения функций и понимания как работает код плагинов и тем.
  2. Для внесения изменений, если вы разрабатываете свою собственную тему (дочернюю) на основе существующей (родительской), так как в этом случае правки будут необходимы часто.
  3. Для обзора файлов и внесения изменений по средством хуков через файл functions.php ( P.S. эти незнакомые слова уже совсем скоро станут яснее ясного 🙂 )
Рубрики
WordPress Глава 5

Установка слайдера фотографий на сайт


Кодекс Источник 1

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

Практическая работа по поиску и установке плагина слайдера

  1. Руководствуясь предыдущей записью попробуйте найти список плагинов реализующих функционал слайдера для вашего сайта.Слайдер — это некий блок в котором, как правило, по средствам технологии JavaScript динамически в вертикальном или горизонтальном направлении  меняется содержимое в виде фотографий или иного контента. Слайдеры могут иметь и прочие виды эффектов для смены картинок. Они не только украшают страницу, но и прекрасно сосредотачивают на себе внимание, а следовательно могут служить в маркетинговых целях.
  2. После реализации поиска, остановить свой выбор на том или ином продукте и аргументируйте свой выбор.
  3. Установите плагин в систему, активируйте его.
  4. Постарайтесь исследовать главное меню панели управления на наличие незнакомых ссылок, именно они будут относится к настройкам и управлению плагином. Это касается и области виджетов, где среди привычных и доступных виджетов может показаться виджет реализующий функции вновь установленного плагина.
  5. Заполните слайдер и осуществите вывод его на страницах вашего сайта или в доступной области с помощью виджетов.

Слайдер

Решение задачи

Следуем в раздел плагинов и с помощью ключевого слова Slider осуществляем поиск и принадлежность искомого к нужному

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

Поиск слайдера

Будем наше решение при выборе плагина на чем то основывать, а именно:

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

На самом деле достойных решений очень много, например, плагин «Master Slider — Responsive Touch Slider», с платной версией которого мне доводилось встречаться на практике. Но выбор в рамках данной статьи остановим на этом продукте:

Слайдер

Установим плагин в систему и активируем его. После чего исследуя меню мы обнаружим новую ссылку в раздел которой и перейдем для настроек нашего плагина.

Настройки плагина

Все что от нас требуется это создать новый слайдер и заполнить его фото-слайдами. Выглядеть это будет примерно так:

Создание слайдера

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

Настройки плагина

Вывод и использование слайдера

После создания и настроек плагина нам разумеется необходимо его задействовать. Разработчики этого плагина нам предлагают для этого совершенно разные варианты.

С помощью шорткода

Шорткод

Ниже блока настроек вы увидите блок «Использование» в котором в квадратные скобки заключен специальный код вызывающий функционал данного плагина и конкретно тот слайдер id которого указан.

Пользоваться этим достаточно просто. Вы копируете шорткод (включая квадратные скобки) и вставляете его в вашу страницу, в виджет или запись.

С помощью визуального редактора

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

Визуальный редактор

С помощью виджета

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

Виджеты

Рубрики
WordPress Глава 5

Плагины в WordPress: установка, обновление


Кодекс Источник 1
Кодекс Источник 2

WordPress — плагины состоят из PHP-скриптов, которые дополняют (расширяют) или изменяют функциональность системы. По сути плагины — это функции, аналогичные функциям, например, в файле functions.php и никакой разницы между ними нет!

В большинстве случаев пользователи рано или поздно, для расширения возможностей своего сайта, прибегают к расширению функционала за счет плагинов. Ваш сайт вы с легкостью можете превратить в форум (плагин bbPress), или же в электронный магазин, для интернет-коммерции (плагин WooCommerce) и т.д. и т.п. все это достигается с помощью работы плагинов.

Где взять плагины?

Плагины доступны для скачивания из директории с официального сайта wordpress.org. Все плагины там предоставлены совершенно бесплатно и готовы к ежесекундному задействованию. Плагины из репозитория WordPress разрабатываются в большей степени энтузиастами, но так же можно и встретить «урезанные» версии плагинов, полный функционал которых доступен в полной, платной версии. Все плагины перед тем как оказаться доступными к скачиванию из репозитория проходят проверку, пускай не тщательную, но как никак проверку, поэтому вероятность внести в систему вирус в виде кода злоумышленника очень мала, но не должна совсем исключаться и при выборе плагина стоит учитывать ряд факторов, о которых мы поговорим позже.

Поиск и выбор плагинов

Поиск и ознакомление с плагинами доступны, как из панели управления вашим сайтом (раздел Плагины), так и с официальной странички хранилища. Обращу ваше внимание на то, что то что есть в репозитории WordPress, то и доступно для поиска и из вашей системы, так как поиск осуществляется именно оттуда.

Плагины
Пример страницы поиска плагинов с официального сайта

Плагины → Установленные

Давайте перейдем в раздел главного навигационного меню панели администратора и посмотрим, что мы там увидим…

 

Плагины из панели управления
Плагины из панели управления

Как мы видим в данном примере в нашей системе установлено три плагина, два из которых активны, а один — нет. Плагины Akismet (специальный сервис по борьбе со спамом) и плагин Hello Dolly (абсолютно бесполезный, но являющейся атрибутом философии WordPress) идут в системе по умолчанию и доступны после установки. А вот плагин Jetpack был установлен в систему, как дополнительный.

Обновления плагинов

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

Обновления плагинов

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

выбор плагинов для обновления

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

Установка плагинов

Установка плагинов происходит двумя основными методами в соответствующем разделе главного меню Плагины → Добавить Новый:

  1. Установка непосредственно через встроенный поиск
  2. Установка с помощью загрузчика системы

Установка с помощью поиска достаточно проста. Вводите название плагина или смысловое ключевое слово и смотрите предложения из репозитория WordPress

Поиск плагина

Давайте попробуем ввести ключевое слово «Lightbox» (это jQuery-плагин для отображения ваших изображений сайта не в отдельной вкладке, а в всплывающем окошке на этой же странице)

Как мы видим, для решения нашей проблемы доступно 65 плагинов

Поиск

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

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

После определенного выбора для задействования плагина в вашей системе вам необходимо его Установить в нее и Активировать.

Кнопка установки доступна, как в блоке с описанием плагина, так и в разделе Детали.

Советы при выборе плагина

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

  • в числе активных установок плагина
  • оценок и соотношении их количества
  • даты последнего обновления плагина

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

Плагин

Как мы видим 10 активных установок, одна оценка, по которой не добиться истины, да и вообще все оценки субъективны, и пожалуй самое неприятное, что плагин обновлялся 2 года назад… Возможно это вполне работоспособный плагин и мы зря обсуждаем его, но с таким социальным показателем это безусловно настораживает.

А вот другой пример. И как самостоятельная работа, вам требуется провести их анализ, я думаю комментарии тут излишне

Плагины с хорошей репутацией

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

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

  • избранные
  • популярные
  • рекомендуемые

Разделы

Вот пример шикарного плагина. Разработчик: компания Automattic, обновление: неделю назад, более миллиона активных установок и проведен тест на совместимость с вашей версией WP. Убедительно?

Ну и третий метод установки, с которым мы познакомимся во втором томе — это загрузка в директорию ваших плагинов через FTP.

Удаление плагина

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

Удаление и дезактивация плагина

Рубрики
WordPress Глава 5

Редактирование файлов из панели управления


Кодекс Источник 1

А знали ли вы, что в WordPress есть доступ к редактированию файлов ваших тем и основного файла CSS-правил style.css ? Если нет, то следуем…

Внешний вид → Редактор

Редактор

Внимание! Работа в этом разделе рекомендуется только опытным пользователям.

Если права на файлы (подробно об этом поговорим во 2-ом томе) выставлены должным образом, то изменение информации в файлах при сохранении в данном разделе произойдет необратимо.

При переходе в данный раздел перед нами, как правило, должен открыться файл для редактирования, где хранятся все стилевые правила для элементов вашего сайта — style.css

Редактор css

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

Если вы обратите внимание на правый блок, то увидите в его начале выпадающий список, с помощью которого мы можем выбирать доступную (которая установлена) тему для редактирования. Будьте внимательны когда редактируете файл, лишний раз убедитесь, что редактирование происходит именно должной теме.

файлы для редактирования
Файлы доступные для редактирования

Учтите, что при обновлении, которое приходит порой для ядра системы, тем и плагинов, ваши изменения в файлах неизбежно затрутся, поэтому внесение изменений в файлы необходимо делать на основе Дочерней темы (зависимой). На данном этапе вам просто это стоит запомнить, так как создание дочерних тем это лекция 2-го тома.

Если вам все же не терпится поэкспериментировать с редактированием и изменением файлов темы, то рекомендуется перед редактированием сохранить полное содержимое редактируемого файла в отдельный текстовый файл, например   вот так:

Копия содержимого

Эта копия всегда позволит вам вернуть оригинальное содержимое.

Редактор для CSS в WordPress

Как вы наверно заметили, при редактировании файла с таблицей стилей (style.css) отсутствует подсветка синтаксиса и есть вероятность затронуть оригинальные правила. Поэтому, если вы используете плагин Jetpack, то учтите, что в нем есть более продвинутый редактор для CSS, с подсветкой синтаксиса, возможностью предварительного просмотра и редактированию без опасения затронуть оригинальные правила темы, так как сам файл стилей будет совершенно отдельным. Подробно знакомится с Jetpack мы будем в последней главе этого тома.

Редактор модуля Джетпак

В файлах шаблонов с расширением .php содержится разметка на языке HTML и естественно инструкции интерпретатору серверного языка программирования PHP, благодаря которому и происходит автоматизация многих процессов. Редактирование этих файлов неподготовленными пользователями крайне не рекомендуется.

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

Функции темы

Естественно, что эта информация нам будет необходима начиная со второго тома, но тем не менее это нужно знать.

Рубрики
WordPress Глава 5

Установка тем (шаблонов) в WordPress


Кодекс Источник 1

Оформление (внешний вид) сайта — его цветовая схема, графические изображения, поведение, функционал — все это принято называть темой, или шаблоном. На сленге тема — это некая «шкурка» для вашего контента (содержимого). То есть, основная идея в чем? Все страницы, материалы этих страниц , структура меню и все прочее чем вы наполняли сайт остаются прежними, а изменяется только представление этого материала, его дизайн (оформление).

Из чего состоит тема?

Файлы ваших доступных тем лежат в соответствующей одноименной директории по следующему пути: http://АДРЕС_САЙТА/wp-content/themes/ Именно там находятся папки, каждая из которой и является темой (шаблоном) оформления сайта.

Директория с темами
Директория с темами

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

По идеологии WordPress, темы которые идут в дистрибутиве принято величать по годам. Следовательно не трудно догадаться, что в 2016 году активная после установки системы тема, будет называться — twentysixteen, описание и особенности которой нам доступны по этой ссылке.

Непосредственно сама тема — это совокупность специальных файлов, каждый из которых играет свою роль. Вот, как пример, содержимое папки темы 2015 года — twentyfifteen:

файлы темы

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

Где взять готовые шаблоны?

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

Репозиторий ВордПресс

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

Фильтры поиска

Это позволит вам быстрее найти нужную тему, отвечающую вашим требованиям.

Чему уделить внимание при выборе темы?

При выборе темы оформления следует учитывать социальный фактор! Это позволит избежать ряда проблем. Внимательно прочтите отзывы, вчитайтесь в комментарии, какие проблемы возникали у людей, которые уже использовали эту тему, что бы вам не наступить на те же самые грабли. Обратите внимание и на оценку данной темы, на дату последнего обновления — это тоже немаловажный фактор при выборе.

Вот, например, обзор темы от команды разработчиков wordpress.org

Обзор темы

Как мы видим большинство положительных оценок, а число отрицательных голосов в соотношении с положительной оценкой, ничтожно мало. Мы видим, что последнее обновление было относительно недавно, это тоже служит большим плюсом, а самое главное это — разработчик темы. В нашем случае это члены команды wordpress.org, которым естественно мы можем доверять на все 100%, как и разработчикам из команды Automattic, которые занимаются проектом wordpress.com и прочими связывающими проектами, один из которых плагин — JetPack. Естественно в чистоте и правильности кода нам не придется сомневаться, так как понятия «плохо», там просто не может быть и разработанные ими темы будут иметь прекрасную совместимость, как с WordPress, так и со сторонними плагинами и сервисами.

Добавление новой темы на сайт

Ознакомившись с общей информацией пришло время перейти к практике и установить на ваш сайт новую тему оформления. Для этого давайте перейдем в раздел главного меню Панели Администратора > Внешний вид > Темы

Мои темы

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

Самая первая тема — это активная в данный момент тема, та с помощью которой и отображается на данный момент ваш сайт.

Чтобы посмотреть (но не активировать!) как будет отображаться сайт в другом оформлении, достаточно навести курсор мышки на нужную тему и выбрать команду «Показать»

active

Если после предварительного просмотра вас все устроило, то команда «Активировать» немедленно задействует и применит стили отображения новой темы, которые уже будут видны и посетителям сайта. Поэтому рекомендуется не спешить и с помощью предварительного просмотра протестировать новое представление веб-сайта.

Как удалить тему?

Удаление темы происходит более хитрым образом. Вам все так же необходимо навести курсор на миниатюру темы и затем кликнуть по «Информация о теме», после чего в открывшимся окне, в самом нижнем правом углу вы увидите неприметную ссылку «Удалить», по клику на которую произойдет удаление соответствующей папки с файлами (которые рассмотрены выше) из директории /wp-content/themes/

Удаление темы

Установка темы через встроенный поиск

Давайте рассмотрим три метода добавления новых тем в ваш WordPress, для последующего задействования. Самый простой способ, который и рекомендуется, это встроенный внутренний поиск, к которому мы можем перейти по клику на «Добавить новую»

Добавляем тему

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

Выбор темы

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

add theme 3

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

Установка темы через «загрузку»

Второй метод установки темы рекомендован в том случае, если, например, вы купили Premium-тему на стороннем ресурсе, например, как «ThemeForest» (в буквальном переводе — «Лес Тем»), где представленны одни из самых лучших тем для WordPress со всего мира.

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

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

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

Указываем путь к архиву с темой и устанавливаем ее путем загрузки

Загрузка и установка

Установка при помощи FTP-соединения

Третий метод установки новой темы — это использование клиента FTP или же задействования панели управления (CPanel) вашего хостинг-провайдера. Об этом способе мы будем подробно знакомиться во втором томе.

Безопасность

Отнеситесь серьезно к источнику предпочтительной для установки темы. Если тема «скачена» с сомнительных ресурсов, то следует учитывать факторы риска. Рекомендуется на начальном этапе использовать темы только с официального репозитория wordpress.org

Контрольные вопросы:

  1. Где и в каком виде находятся все доступные темы вашего сайта?
  2. Как посмотреть тему не активируя ее?
  3. Какие методы загрузки вы знаете и в каких случаях их разумней использовать?
  4. Как удалить тему?
  5. На что обратить внимание при выборе темы?