Coma Web Development разрабатывает сайты на WordPress c 2010 года. В блоге мы делимся некоторыми наблюдениями из жизни, советами и рекомендациями для тех, кто решит сделать сайт на WordPress самостоятельно.

Как сделать ваши видео в WordPress респонсивными с FitVids

Сен 14, 2016/от Vadim Pavlovich

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

FitVids это плагин jQuery, который позволяет вам сделать ваши встроенные видео более респонсивными. Если вы хотите использовать их на своём сайте, то вам нужно скачать и активировать плагин FitVids for WordPress. После активации, вам нужно перейти в Appearance » FitVids и ввести класс селектора CSS. WordPress автоматически добавит класс .post к статьям, и вы можете использовать это.

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

Делаем видео отзывчивыми вручную

Если вы не хотите устанавливать FitVids для WordPress, то вы можете добавить этот плагин вручную. Первым делом вам надо скачать и распаковать FitVids jQuery плагин на свой компьютер. Теперь вам надо загрузить извлечённую папку FitVids.js-master в директорию темы js.

Вам нужно подсоединиться к сайту через FTP клиент, например Filezilla и открыть директорию вашей темы. Возможно, что ваша тема не имеет папки js. Если её нету, то нужно создать её и загрузить папку FitVids.js-master с вашего компьютера.

Внутри папки js, вы должны создать новый файл и назвать FitVids.js. Откройте этот файл и вставьте код:

(function($) {
  $(document).ready(function(){
    // Target your .container, .wrapper, .post, etc.
    $(&quot;.post&quot;).fitVids();
  });
  
  })(jQuery);

Этот код сообщает FitVids искать селектор класса CSS .post . Теперь FitVids готово и настало время правильно вставить скрипты в вашу тему.

Просто скопируйте и вставьте следующий код в файл темы functions.php:

wp_enqueue_script('fitvids', get_template_directory_uri() . '/js/FitVids.js-master/jquery.fitvids.js', array('jquery'), '', TRUE); 

wp_enqueue_script('fitvids-xtra', get_template_directory_uri() . '/js/FitVids.js', array(), '', TRUE);

Как только вы сделаете это, вы закончили дело. Ваши видео в WordPress теперь респонсивны.

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

Почему вы никогда не должны загружать видео в WordPress

Сен 13, 2016/от Vadim Pavlovich

Картинки, аудио и видео делают интернет более насыщенным. Добавление видео на ваш сайт определённо добавит ценность вашему контенту и повысит интерактивность у вашей аудитории. Однако, как вы могли уже заметить, большинство людей предпочитает встраивать видео в WordPress через другие видеосервисы, такие как YouTube или Vimeo. Один из наших пользователей спросил, можно ли загрузить видео напрямую на сайт. Да, можно, но мы не рекомендуем этого делать. В этой статье мы расскажем, почему этого делать не стоит.

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

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

Загрузка видео означает, что вы загрузите видео на ваш сайт так, как загружаете картинки на свой сайт. Это то, что мы не рекомендуем.

Встраивание видео означает, что вы загружаете видео на другой сайт, типа Youtube, а после встраиваете его в свой пост. Этот метод мы крайне рекомендуем.

Легко поделиться

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

Ширина канала

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

Видимость и трафик

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

Оптимизация качества видео

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

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

Как встраивать видео в ваш блог WordPress

Сен 13, 2016/от Vadim Pavlovich

Видео дают новую жизнь вашим блогам. Тонны вещей могут быть объяснены в 2-ухминутном видео, в отличии от поста в 1500 слов. В старых версиях WordPress вам было необходимо встраивать видео через коды или использовать плагины для встраивания. Начиная с версии 2.9, данная функция позволяет с лёгкостью встраивать видео в ваши посты WordPress. В этой статье мы расскажем, как с лёгкостью встроить видео в посты WordPress.

Всё что нужно — это вставить URL видео в область контента. Следует убедиться, что URL находится в отдельной строке и некликабельно.

Откуда можно вставлять видео?

YouTube
Vimeo
DailyMotion
blip.tv
Flickr (видео и картики)
Viddler
Hulu
Qik
Revision3
Scribd
Photobucket
PollDaddy
Google Video
WordPress.tv
SmugMug (WordPress 3.0+)
FunnyOrDie.com (WordPress 3.0+)

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

Почему я не могу загрузить видео в WordPress?

Ну, вообще можете, но мы не рекомендуем делать этого. Многие небольшие блоги находятся на серверах с общим хостингом и видео могут занимать ресурсы сервера. Если видео весит тонны, то сайт может упасть. Также, вы теряете трафик от пользователей Ютуба. Потому мы рекомендуем использовать Youtube, Vimeo и прочее для загрузки видео. Прочитайте нашу статью, почему вы не должны загружать видео в WordPress.

Как создать пользовательский виджет на WordPress

Сен 11, 2016/от Vadim Pavlovich

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

Что такое виджет для WordPress?

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

Создание виджета в WordPress

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

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

// Создание виджета
class wpb_widget extends WP_Widget {

function __construct() {
parent::__construct(
// Base ID of your widget
'wpb_widget', 

// Имя виджета появится в UI
__('Our Widget', 'wpb_widget_domain'), 

// Описание виджета
array( 'description' => __( 'Наш простой виджет', 'wpb_widget_domain' ), ) 
);
}

// Здесь происходит работа виджета
public function widget( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] );
// before and after widget arguments are defined by themes
echo $args['before_widget'];
if ( ! empty( $title ) )
echo $args['before_title'] . $title . $args['after_title'];

// Здесь работает код и выводится результат
echo __( 'Hello, World!', 'wpb_widget_domain' );
echo $args['after_widget'];
}
		
// Конец виджета
public function form( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$title = $instance[ 'title' ];
}
else {
$title = __( 'New title', 'wpb_widget_domain' );
}
// Форма администратора виджета
?>


<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label> 
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />


<?php 
}
	
// Обновление виджета
public function update( $new_instance, $old_instance ) {
$instance = array();
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
return $instance;
}
} // Класс wpb_widget заканчивается здесь

// Регистрация и загрузка виджета
function wpb_load_widget() {
	register_widget( 'wpb_widget' );
}
add_action( 'widgets_init', 'wpb_load_widget' );

Теперь перейдите в Appearance » Widgets, перетащите наш виджет на вашу боковую панель, чтобы увидеть виджет в действии.

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

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

Надеемся эта статья помогла вам научится создавать пользовательские виджеты на WordPress.

Как найти и перевести тему для WordPress

Сен 11, 2016/от Vadim Pavlovich

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

Находим готовую для перевода тему WordPress

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

Если вы перейдёте в tag filter interface темы WordPress, то увидите список опций, которые разработчики тем добавили к своим темам. Выделите галочку напротив опции Translation Ready. Если вы собираетесь переводить тему на язык с обратной письменностью, такие как арабский, иврит, персидский, то нужно также выделить опцию rtl-language-support. Нажмите на кнопку поиска тем и вы увидите результаты, которые соответствуют вашему запросу. Далее вы можете сужать круг поиска, выделяя другие опции в фильтре.

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

Как перевести тему на WordPress

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

Что за файлы .pot .po и .mo

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

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

Файлы .mo это машинно-читаемый формат файла .po. Он создаётся из файла .po и его не нужно создавать.

Перевод с помощью Poedit

Вы можете без проблем редактировать файлы .pot и .po в любом текстовом редаекторе. Но поскольку вы только начинаете работать с локализацией, то рекомендуем использовать редактор gettext. В этой статье, мы покажем вам, как перевести тему с помощью Poedit, который является редактором gettext для Windows, Mac и Linux. Пользоваться им просто и легко, он поможет вам быстро перевести ваши темы на WordPress.

Первым делом нужно установить Poedit. Если ваша тема шла вместе с файлом в формате .pot, то перейдите в File » New catalogue from POT file…. Выберите файл pot, который шёл вместе с вашей темой. Когда вы его откроете, Poedit покажет вам другое диалоговое окно. Самое важное здесь поле это Язык.

Когда вы закончите заполнять поля свойств, Poedit попросит вас ваши предпочтения сохранения файла перевода. Файл перевода будет сохранён с расширением .po. Имя файла также очень важно. Формат должен быть такой: две буквы языка_код страны. Например, французский перевод должен быть сохранён как fr_FR.po, арабский перевод для Египта — ar_EG.po, а английский перевод для Великобритании — en_UK. Здесь вы можете найти код страны и языка.

После сохранения вашего файла, всё готово для перевода вашей темы.

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

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

Настройка WordPress

Если вы уже используете WordPress на том же языке, что и ваши файл перевода темы, то WordPress автоматически подхватит файлы перевода для вашей темы. Однако, если вы используете английскую версию WordPress, то вы всё равно можете принудить WordPress использовать переведённые файлы темы. Просто добавьте эту строку в файл wp-config.php:

// Замените fr_FR вашим кодом языка и страны.
define ('WPLANG', 'fr_FR');

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

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

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

Как установить WordPress на ваш ПК, используя MAMP

Сен 10, 2016/от Alina

Недавно мы опубликовали статью о том, как установить WordPress на ваш ПК с использованием WAMP. Как и следовало ожидать, мы начали получать от наших читателей вопросы о том, как установить WordPress на Mac. На самом деле, этот процесс почти не отличается от установки на Windows, и в этой статье мы покажем, как установить WordPress на ваш ПК, используя MAMP.

MAMP – это удобная компиляция Apache, MySQL и PHP для Mac. Используя MAMP, вы сможете установить WordPress на ваш Mac и протестировать его. Большинство разработчиков и дизайнеров WordPress используют MAMP в целях разработки. Однако сайт на MAMP доступен для просмотра только вам. Чтобы сделать его доступным в интернете, вам потребуется хостинг WordPress.

Как установить MAMP на Mac

Зайдите на сайт MAMP и скачайте приложение. Когда загрузка будет завершена, откройте скачанный файл. Перетащите файл в папку Applications и следуте инструкциям на экране. Теперь вы сможете запустить MAMP через Applications > MAMP.

Примечание: MAMP также может установить MAMP Pro, поэтому нажмите на правильную опцию.

Прежде чем начать, мы рекомендуем разобраться с настройками. Нажмите на кнопку Preferences, чтобы изменить настройки. Вы увидите новое диалоговое окно. Давайте начнем с вкладки Ports. Здесь вам нужно ввести порты, которые будут использовать Apache и MySQL. Введите порт 80 для Apache и 3306 для MySQL. Порт 88 для Apache даст вам доступ к локальным сайтам через http://localhost вместо http://localhost:8888. Однако при использовании порта 80 вам придется вводить пароль админа вашего компьютера каждый раз, когда вы будете запускать серверы.

Следующий шаг – установить корневую директорию документов. Корневая директория документов – это папка, в который вы будете создавать и хранить ваши сайты. В диалоговом окне с настройками нажмите на Apache и выберите папку, в которой вы хотите хранить свои сайты. В идеале эта новая папка должна находиться в папке Документы. Вы можете дать ей любое название: htdocs, mywebsites, wpdev, и т.п. Мы для примера назовем ее mysite.

Нажмите OK, чтобы сохранить изменения. На экране MAMP проверьте, что и сервер Apache, и сервер MySQL работают.

Установка WordPress на Mac

Скачайте копию WordPress с WordPress.org. Распакуйте zip файл, скопируйте папку wordpress внутри него и вставьте его в вашу корневую директорию документов MAMP. Переименуйте эту папку, как вам удобно, например mysite.

Нажмите кнопку Open Start Page в окне приложения MAMP. Откроется новое браузерное окно. Нажмите на phpMyAdmin в верхней строке меню.

PhpMyAdmin – это веб-приложение для баз данных MySQL. В phpMyAdmin нажмите на Databases и создайте новую базу данных. Вы можете назвать ее, как хотите. Мы будем использовать это имя для базы данных:

Откройте новое окно в браузере и впишите http://localhost/mysite. Если вы переименовали вашу папку wordpress, то используйте здесь свое название. WordPress пошлет вам уведомление о том, что не удалось найти файл wp-config.php. Нажмите на кнопку Create a Configuration File.

В следующем окне введите информацию о своей базе данных. В поле database name введите название базы данных, которую вы только что сделали. Используйте root для имени пользователя и пароля. Для сервера базы данных – localhost.

Теперь WordPress выполнит соединение с базой данных и создаст конфигурационный файл. После этого вы увидите сообщение об успешном завершении. Нажмите на кнопку Run Install, чтобы продолжить.

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

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

Вот и все, теперь вы можете использовать WordPress на своем Mac в точности так же, как если бы вы запустили его на веб-сервере. Просто включите приложение MAMP, чтобы запустить свой локальный сервер и пользоваться WordPress. Как только вы будете готовы, можете перейти с локального сервера и установить свой сайт WordPress в сети.

Миграция с MAMP в интернет

По многочисленным запросам мы написали инструкцию о том, как перенести WordPress с локального сервера MAMP на вебсайт.

Мы надеемся, что эта статья помогла вам установить WordPress на Mac с помощью MAMP. Оставляйте свои вопросы и отзывы в комментариях к этому посту.

Как использовать шорткоды в виджетах сайдбара

Сен 9, 2016/от Vadim Pavlovich

Почему шорткоды не работают в виджетах WordPress?

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

Вместо финального результата вы увидите сам шорткод в виде текста. Это легко исправить.

Блоки или классические методы?

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

Способ первый: используем Shortcode Block

Самый простой способ добавить шорткод в сайдбар — воспользоваться блоком Shortcode.
Зайдите в раздел Appearance → Widgets, добавьте блок Shortcode в нужную область и вставьте в него любой шорткод. Он будет корректно выполнен и выведет результат на сайте.

Способ второй: добавляем виджет для шорткодов

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

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

Способ третий: включаем поддержку шорткодов вручную

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

// Enable shortcodes in text widgets
add_filter('widget_text','do_shortcode');

Теперь при добавлении текстового или HTML-виджета в сайдбар шорткоды внутри него будут работать.

На что обратить внимание

Некоторые шорткоды зависят от данных текущей записи (например, выводят заголовок или связанные посты) и в сайдбаре могут показывать пустой результат или некорректную информацию.
Используйте только проверенные шорткоды, так как они выполняют PHP-функции и могут повлиять на безопасность сайта.
В FSE-темах (Full Site Editing) шорткоды можно вставлять не только в виджеты, но и напрямую в шаблоны сайта через редактор блоков.

Как создать мультиязычный сайт на WordPress

Сен 8, 2016/от Alina

Хотите перевести свой сайт на несколько языков? Не знаете, с чего начать? В этой статье мы покажем, как с легкостью сделать многоязычный сайт на WordPress.

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

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

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

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

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

Если у вас нет на это средств, но вы все же хотите дать вашим пользователям возможность просматривать ваш контент на разных языках, вы можете выбрать Google Translate. Он добавит переключатель языка, с помощью которого пользователи смогут выбрать тот, что им нужен, а Google Translate переведет ваш контент. Недостаток этого подхода в том, что качество перевода будет не таким хорошим.

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

Видео урок

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

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

Для начала вам нужно установить и активировать плагин Polylang. После активации зайдите в Settings > Languages, чтобы настроить плагин.

Страница с настройками языка поделена на три вкладки. Первая называется ‘Languages‘. Здесь вы добавляете языки, которые хотите использовать на своем сайте.

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

После добавления языков, зайдите во вкладку ‘String Translations‘. Здесь вам надо перевести название и описание сайта, а затем выбрать формат даты и времени.

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

Большинству новичков мы не рекомендуем менять URL, поэтому выберите первую опцию. Почему? Потому что если когда-нибудь вы решите отключить этот плагин, все ссылки перестанут работать.

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

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

Когда закончите, нажмите на кнопку “save changes”, чтобы сохранить настройки.

Добавление многоязычного контента в WordPress

Polylang делает добавление контента на разных языках предельно легким. Просто сделайте новый пост/страницу или отредактируйте уже существующую. На странице редактирования поста вы сможете заметить языковой мета-бокс.

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

Чтобы перевести, вам надо нажать на кнопку + рядом с языком, а потом добавить контент на соответствующем языке.

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

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

Перевод категорий, тэгов и таксономий

Вы также можете перевести категории, тэги и таксономии, которыми пользуетесь.

Если вы хотите сделать перевод категорий, зайдите в Posts > Categories.

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

Отображение переключателя языков на сайте WordPress

Переключатель языков позволяет пользователям выбирать язык при просмотре вашего сайта. Polylang позволит без труда добавить его. Зайдите в Appearance > Widgets и добавьте виджет переключателя языка в боковую панель или любую другую зону для виджетов.

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

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

Создания многоязычного сайта WordPress с помощью Google Translate

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

Для начала вам нужно установить и активировать плагин Google Language Translator. После активации зайдите в Settings > Google Language Translator, чтобы настроить плагин.

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

Более подробную инструкцию и видео урок вы сможете найти в нашей статье о том, как добавить Google Translate на WordPress.

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

Если вы ищете темы для многоязычного сайта WordPress, которые также называют translation-ready themes, читайте нашу инструкцию о том, как найти подходящую для перевода тему WordPress, в которой в том числе говорится о том, как с легкостью перевести уже существующие темы WordPress.

Как, зачем и для чего создавать сайт-специфический плагин WordPress

Сен 8, 2016/от Vadim Pavlovich

Что такое сайт-специфический плагин

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

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

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

Зачем вам нужен сайт-специфический плагин на WordPress

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

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

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

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

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

Как создать сайт-специфический плагин

Вы можете считать, что это сложно, но на самом деле нет.

Всё что нужно сделать, это создать новую папку в директории плагинов, например: /wp-content/plugins/yoursitename-plugin/
Создайте пустой файл и сохраните его как “yoursitename-plugin.php”
Вставьте данный код в файл:

<?php 
/* Plugin Name: Site Plugin for example.com Description: Site specific code changes for example.com */ 
/* Начинайте добавлять функции после этой строки */ 

/* Не добавляйте функции после этой строки */
?>

Теперь, загрузите этот файл в папку, которую создали в директории с плагинами. Далее, просто активируйте плагин.

С этого момента, добавляйте все сниппеты в данный плагин, а не в файл темы functions.php.

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