Уроки по установке и настройке WordPress от Александра Грузова

08.10.201318.03.2019

Контент для тестирования вашего сайта

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

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

Что это за загадочный зверь?

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

Более чем три года назад началась разработка этого монстра и вылилось в http://wptest.io/

Как использовать?

Заходим на главную страницу WP TEST и нажимаем кнопку «Download»:
Сохраняете архив на ваш компьютер и извлекаете из него все файлы
Из архива нам понадобится файл wptest.xml
Теперь остаётся лишь импортировать контент по инструкции.

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

23.09.201315.08.2014

Как вставить видео с YouTube в блог на WordPress

На момент публикации это последняя запись из цикла статей по интеграции записей с различных веб-сервисов. До этого были рассмотрены: Facebook, Google+, Twitter и Instagram. Ссылки на них вы найдёте в конце этой заметки.

А сейчас мы рассмотрим два способа вставки видео из YouTube: через oEmbed и вставкой HTML-кода.

Подключаем видео через oEmbed

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

Скопировали адрес на нужную вам запись, картинку или статус, добавили на страницу вашего сайта и, вот она уже опубликована. Давайте сделаем то же самое для YouTube, потому что и здесь всё абсолютно идентично.

Находим понравившееся видео на страницах YouTube и переходим на него
Копируем ссылку из адресной строки:
Вставляем эту ссылку простым текстом в вашу запись на WordPress и сохраняем.

Результат:
http://www.youtube.com/watch?v=NMvENuzJDv4

Если у вас по каким-то причинам не получается использовать этот способ, то вывод один: у вас очень старая версия WordPress. Обновитесь прямо сейчас и не забудьте сделать резервное копирование.

Вставка с использованием HTML-кода

Этот способ железный и подходит в абсолютно всех случаях, без исключений.

Заходим на страницу с понравившимся нам видео
Под самим видео находим закладку «Поделиться» и выбираем в ней «HTML-код»:
Копируете код, представленный на скриншоте ниже и вставляете его на свой блог:
Если нужно изменить размер — используйте для этого выпадающий список под HTML-кодом

Теперь, после вставки скопированного кода в текст вашей записи или на страницу, вы увидите нужное видео :-)

Похожие записи:

23.09.201323.09.2013

Как вставить запись из Twitter в блог на WordPress

По аналогии с рассмотренными ранее постами о вставке записи из Facebook в WordPress и вставке записи из Google+ в WordPress, рассмотрим сегодня возможность добавления сообщения из сервиса Twitter.

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

Технология, с помощью которой можно просто и удобно вставлять записи из множества веб-сервисов в WordPress называется oEmbed и введена она была аж в версии 2.9.

Принцип использования очень прост — копируете URL со страницы любого из допустимых сервисов (всего их 17 на сегодняшний день), вставляете без каких-либо кодов в вашу страницу и она автоматически преобразуется в контент связанного типа. Если это видео с YouTube — подставляется видео, если запись из Twitter — формируется красивое окно с сообщением.

Стоит отметить, что Twitter в oEmbed был добавлен совсем недавно, а именно, в версии 3.4. Поэтому, если вы используете старую версию, тогда вам придётся использовать какие-либо внешние плагины, для интеграции своего сайта с этой социальной сетью.

Но я настоятельно рекомендую выполнить обновление WordPress до самой последней версии.

Существуют два варианта вставки: свои и чужие твиты.

Вставка записи из своего аккаунта

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

Заходим на страниц своего аккаунта и находим запись, которую хотим вставить на сайт.
Нажимаем на ссылку «Details». В русской вариации будет называться иначе :-)
После этого необходимо скопировать URL открывшей страницы:
И остаётся вставить эту ссылку в нужное нам место в записи на WordPress:

Результат:

Результаты моего исследования безопасности сайтов на WordPress http://t.co/ZJmTN7d093

— Alexander Kadyrov (18+) (@gruz0) September 3, 2013

Вставка записи из чужого аккаунта

Бывает, что вам нужно сослаться на чей-то чужой твит, давайте рассмотрим этот случай.

Находим интересный твит:
Наводим на него мышкой и в появившейся ссылке «More» выбираем «Embed Tweet».
В русскоязычном интерфейсе надписи будут другие, не знаю как их правильно перевести для вас :-)
В появившемся окне необходимо скопировать приведённый код и вставить его в свою запись в режиме «Текст»:

Вот и всё. Таким вот нехитрым способом можно подключить твиты с понравившихся вам аккаунтов на WordPress :-)

Похожие записи:

17.09.201323.09.2013

Как вставить запись из Facebook в блог на WordPress

Про вставку изображения из Instagram и плагин для интеграции Instagram в WordPress я уже писал ранее, теперь пришла очередь Facebook.

Если вы ещё не подписались на регулярные обновления моего блога — самое время подписаться прямо сейчас. Вовремя не внедрённая фишка может стоить вам денег :-)

Так вот, представьте, что вам необходимо вставить какую-то из своих записей в Facebook на блог, разбавить контент, либо наоборот, оформить блок «Рекомендованные», согласно тематике записи.

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

Для этого нужно сделать ряд простых шагов.

Заходим в Facebook и находим нужную нам запись. Пусть будет эта, например:
Теперь нам нужно получить ссылку на саму запись.
Для этого нажимаем на текстовую надпись с датой публикации:
Откроется новое окно с возможностью управления этой записью.
Нас интересует следующий блок со ссылками:

Ссылка «Embed Post» как раз позволяет нам интегрировать запись из Facebook на любой сайт.
Либо, можно использовать второй вариант.
Нажимаем на вот этот треугольник возле самой записи:
Во всплывающем меню выбираем «Embed Post»:
После нажатия на эту ссылку появляется всплывающее окно, из которого нам остаётся скопировать код из выделенной области экрана:

Теперь вставляем его в режиме «Текст» в нужную нам запись и наслаждаемся результатом:

Post by Alexander Gruzov.

Похожие записи:

12.09.201312.09.2013

9 плохих советов при создании резервных копий

Перечислим несколько плохих советов по резервному копированию сайта на WordPress.

Не делать резервные копии
Не делать полные резервные копии
Используйте только ручное резервное копирование
Нерегулярное резервное копирование
Надейтесь на резервные копии вашего хостинг-провайдера
Сохраняйте ваши резервные копии только на хостинге
Не храните резервные копии в безопасности
Не тестируйте сделанные резервные копии
Не храните долгое время резервные копии

01. Не делать резервные копии

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

Совет: Настройте резервное копирование!

02. Не делать полные резервные копии

Некоторые плагины WordPress создают резервные копии только базы данных. Но, как вы знаете, WordPress это не только база данных, но ещё и файлы, директории, которые относятся к этой системе.

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

Совет: Настроите полное резервное копирование вашего сайта.

03. Используйте только ручное резервное копирование

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

В чём же проблема?

Компьютеры отлично справляются с выполнением задач по установленному расписанию. Человеку это не свойственно. Мы склонны забывать о каких-то делах и резервное копирование — не исключение. Вы можете уехать в отпуск, в один из дней может пропасть интернет, либо произойдут ещё какие-то события, из-за которых вы забудете о создании копии вашего сайта.

Совет: Позвольте компьютеру делать то, что он делает лучше: автоматизируйте резервное копирование!

04. Нерегулярное резервное копирование

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

Если же ваш сайт обновляется раз в месяц, но вы делаете ежедневные регулярные копии и храните их 30 дней, в один из дней вы можете остаться без важной копии. Это может произойти, если вы вдруг обнаружите, что ваш сайт был заражён более 3-х месяцев назад, а копии у вас только за последний месяц.

Если у вас большой сайт, правильным решением будет разбить создание копий с разной периодичностью:

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

Совет: Определитесь со временем создания резервных копий вашего сайта и настройте их по расписанию.

05. Надейтесь на резервные копии вашего хостинг-провайдера

Многие хостинг-провайдеры создают автоматически резервные копии сайтов своих заказчиков.

Если это так, вы всё равно должны задать себе несколько вопросов:

Что вы будете делать, если они не смогут предоставить резервную копию сайта?
Если однажды компания обанкротится или закроется в один день?
Если их взломают и уничтожат все данные о резервных копиях?
Если они хранят данные только за последний месяц, а вам необходимы квартальные копии?
Если резервные копии не создаются в полном объёме по разным причинам?
А что конкретно они сохраняют?
Как часто создаются резервные копии?
Как долго хранятся резервные копии вашего сайта?
Могут ли они восстановить какой-то конкретный файл или таблицу из базы данных?
Можете ли вы проверить, что они восстановят ваши данные?

Вы должны контролировать эту ситуацию.

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

Совет: Резервное копирование вашего хостинг-провайдера будет отличным дополнением к вашим собственным копиям. Но не позволяйте им быть единственным способом архивирования файлов.

06. Сохраняйте ваши резервные копии только на хостинге

Ваш хостинг-провайдер может предложить вам ежедневные резервные копии вашей учётной записи. И большинство плагинов позволяет хранить резервные копии на вашем хостинге.

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

Именно по этой причине мы настоятельно рекомендуем иметь несколько мест для хранения резервных копий вашего сайта. Хранение файлов на хостинге может быть хорошей идеей, при наличии второй копии в облачных хранилищах (Dropbox, Amazon S3, Google Drive), либо на внешнем FTP или на вашем компьютере.

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

Если вы параноик, вы можете даже сделать копию вашего сайта на USB-флешку или записать на DVD-диск и убрать в сейф. Поэтому вы должны знать и понимать, сколько стоит ваш бизнес (веб-сайт).

Совет: Убедитесь, что у вас есть полный контроль над резервными копиями и обязательно делайте копии в несколько разных мест хранения.

07. Не храните резервные копии в безопасности

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

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

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

Гораздо безопаснее будет загружать файлы архивов через Secure FTP на удалённый хостинг или сервер, либо же хранить копии в сервисе Dropbox, Amazon S3, Google Drive.

Совет: Убедитесь, что ваши резервные копии хранятся в надёжном месте.

08. Не тестируйте сделанные резервные копии

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

Тестирование возможности восстановления служит двум целям:

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

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

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

Совет: Убедитесь, что вы сможете восстановить ваш сайт из резервной копии!

09. Не храните долгое время резервные копии

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

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

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

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

Я рекомендую вам использовать сочетание нескольких типов резервного копирования:

Ежедневные копии, хранящиеся 2 недели
Еженедельные копии, хранящиеся 3 месяца
Ежемесячные копии, хранящиеся 2 года

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

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

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

Совет: Убедитесь, что ваша стратегия резервного копирования позволяет вернуться к копиям большой давности.

Заключение

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

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

12.09.201323.02.2016

Форма обратной связи на WordPress

Для создания формы обратной связи существует множество плагинов (настройка плагина Contact Form 7). Мы же рассмотрим самый простой в настройке — плагин Contact Form.

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

Будем создавать форму вот такого вида:

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

В Панели управления в разделе «Плагины» выбираем пункт «Добавить новый».
Вбиваем в поисковую форму «Contact Form» и нажимаем кнопку «Поиск плагинов».
В списке находим нужный нам плагин и жмем ссылку «Установить».
Нам нужен плагин Contact Form, а не Contact Form 7, это два различных плагина.
После установки активируем плагин.

Создание формы (настройка плагина)

После установки и активации плагина в меню появится раздел «BWS Plugins».

Выбираем его, а в нем подраздел «Контактная Форма».
Откроется страница с настройками плагина, их не очень много, тем не менее, рассмотрим только самые необходимые.
В первую очередь, указываем электронный адрес, на который будут приходить письма. И сразу ставим галочку напротив пункта «Дополнительные настройки».
«Использовать этот email:» — здесь указываем адрес электронной почты, на который будут приходить оставленные посетителями сообщения.
«Отобразить блок Прикрепить файл» – отмечаем пункт, если в форме обратной связи необходима возможность к сообщению прикреплять файлы.
«Изменить текст для поля ОТ в письме» — здесь можно указать определенный текст, который будет отображаться в поле «От» письма вместе с e-mail адресом. Удобно сюда вставить название сайта.

Например, для сайта site.ru мы вводим – «Сообщения с site.ru».
Это позволит нам сразу определять, откуда пришло письмо.
«Выберите email для поля ‘FROM’ письма» — выбираем из двух вариантов.
В первом случае в поле адрес будет отображаться e-mail человека, который отправил сообщение с сайта. Во втором – указанный нами e-mail.
«Отобразить поле для телефона» — добавления к имеющимся полям дополнительного поля, в котором указывается телефон.
«Обязательные поля» — отмечаем, какие поля являются обязательным для заполнения (если посетитель их не заполнит, форма откажет ему в отправке сообщения).
«Отображение дополнительной информации в письме» — стоит отметить данный пункт, если есть необходимость просматривать дополнительную информацию об отправке сообщений через обратную связь (когда они были отправлены, с какого ip-адреса и т.д.).
«Языковые настройки для названия полей в форме» — выбор языка, на котором будет форма обратной связи.
«Изменить названия полей контактной формы и сообщений об ошибках» — отметив данный пункт, можно изменить надписи полей по своему усмотрению.
«Действие после отправки письма» — вы можете выбрать один из двух вариантов.
В первом случае посетитель увидит указанный вами текст и останется на странице обратной связи, а во втором – будет перенаправлен на указанную страницу.
Сохраняем настройки, нажав внизу страницы кнопку «Сохранить изменения».

Вставка созданной формы

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

Код должен быть заключён в квадратные скобки!
Вот так будет выглядеть наша форма на странице.

Остались вопросы? Задайте их в комментариях! :-)

Если вы хотите поблагодарить меня за материал — можете сделать это здесь :-)

03.09.201319.11.2013

Вывод META-данных для категорий

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

Поэтому решил сделать обновляемый пост на своём блоге, чтобы каждый раз при обновлении плагина All in One SEO Pack (дальше по тексту — AIOSP) иметь под рукой актуальную информацию о необходимых изменениях.

Данная статья более не актуальна, т.к. перешёл на новый SEO плагин: WordPress SEO by Yoast. Скорее всего материалы инструкции не будут работать с новыми версиями AIOSP.

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

Плагин CategoryTinymce

Для удобства написания текстов в разделе «Рубрики» и «Метки» существует плагин CategoryTinymce. Он добавляет возможность писать текст с помощью удобного редактора TinyMCE:

Это всё хорошо, но не стоит забывать и о мета-тегах, а именно выводе корректных title и description для этих страниц.

Плагин Category SEO Meta Tags

Для решения этой задачи существует плагин Category SEO Meta Tags. Устанавливаем и активируем его как обычно, ничего нового вы тут не узнаете.

После этого можем зайти в раздел «Записи» — «Рубрики» вашего блога, выбрать нужную рубрику и увидим следующее:

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

Но есть одно «но» — нужно внести несколько правок в файл плагина AIOSP, чтобы исключить дублирования лишних тегов и активировать работу плагина Category SEO Meta Tags.

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

Добавляем фильтр для плагина Category SEO Meta Tags

Подключаемся к хостингу через FTP или SSH, заходим в директорию плагина AIOSP: /wp-content/plugins/all-in-one-seo-pack/ и открываем на редактирование файл aioseop_class.php.

Находим строку 1752 и вставляем сразу после неё код:
[php]$title = apply_filters(‘aioseop_category_title’, $title);[/php]

В итоге получится следующий код:
[php]$title = $this->apply_page_title_format( $title );
$title = $this->paged_title( $title );
$title = apply_filters(‘aioseop_category_title’, $title);
$title = apply_filters( ‘aioseop_title_page’, $title );
[/php]

Теперь перемещаемся к строке 1775 и добавляем после неё код:
[php]$title = apply_filters(‘aioseop_title’, $title);[/php]

Получается следующий код:
[php]$title = $this->paged_title( $title );
$title = apply_filters(‘aioseop_title’, $title);
return apply_filters( ‘aioseop_title_single’, $title );[/php]

Я искал эти строки по фразе «paged_title», именно после неё необходимо добавлять наши фильтры.

Убираем дублирование meta-тега description

После выполнения предыдущего пункта, скорее всего у вас на странице будет два meta-тега description, первый от него плагина, второй от AIOSP, выглядеть это будет примерно так:

Поисковым системам это не понравится, поэтому давайте исправим.
Задача простая: исключить отображение этого тега в AIOSP для страниц категорий.

Для этого находим строку 1156:
[php]$meta_string .= sprintf( "<meta name=\"description\" content=\"%s\" />\n", $description );[/php] Её быстро найти можно с помощью фразы «meta name».

И обрамляем её условием if:
[php]if (!is_category()) {
$meta_string .= sprintf( "<meta name=\"description\" content=\"%s\" />\n", $description );
}[/php]

Всё, теперь должно работать как нам надо.