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

Businessman draws cloud network on abstract icon

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

/от

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

Приступаем

В рамках этой статьи мы предполагаем, что у вас есть бэкап вашей базы данных в виде .zip-файла. Для начала вам понадобится создать новую базу данных. Просто зайдите в свой профиль cPanel и щелкните по MySQL Databases под разделом Database.

WordPress

Затем укажите название своей базы данных и щелкните по кнопке create database.

WordPress

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

WordPress

Укажите имя пользователя и крепкий пароль. Потом вам надо добавить созданного пользователя к базе данных. Прокрутите вниз до Add user to database и выберите пользователя вместе с базой данных из выпадающих меню и нажмите кнопку Add.

WordPress

Импорт резервной копии базы данных ВП

Зайдите в cPanel и под разделом баз данных щелкните по phpMyAdmin.

WordPress

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

WordPress

После успешного импорта базы данных следующим шагом будет установка ВП, используя вашу новую БД.

Восстановление сайта Вордпресс

Для ручного восстановления ВП вам понадобится вручную установить Вордпресс на свой сервер. Во время установки, когда вы дойдете до шага create a configuration file, введите название базы данных и пользователя, которого создали ранее.

WordPress

Вы увидите сообщение, что ВП может подключиться к вашей базе данных и вы сможете запустить установку. Щелчок по кнопке установки покажет вам сообщение Already Installed.

WordPress

На этом все, можете зайти на свой сайт.

Устранение проблем

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

1. Шаблон

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

2. Виджеты

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

3. Постоянные ссылки

Структура постоянных ссылок вашего сайта также хранится в базе данных и будет автоматически восстановлена. Однако если вы видите ошибки 404, то вам надо обновить настройки постоянных ссылок. Просто зайдите в Settings > Permalinks и нажмите по кнопке сохранения настроек без изменения чего-либо. Это обновит вашу структуру адресов WordPress.

4. Плагины

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

WordPress

Скопируйте названия плагинов и начните устанавливать и активировать их один за другим.

Восстановление утерянных изображений

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

1) Загляните в кэш своего браузера

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

WordPress

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

2) Поиск ваших изображений в кэшах веб-страниц

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

WordPress

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

WordPress

Поиск и замена изображений на вашем сайте

Если на вашем сайте было много контента, то поиск и замена изображений вручную может оказаться нелегкой задачей. Вот простой способ как можно быстро обнаружить и заменить неисправные картинки. Установите и активируйте плагин Broken Link Checker. После активации зайдите на страницу Tools > Broken Links Checker. Плагин покажет вам список всех неисправных ссылок на вашем сайте.

WordPress

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

Бонусный совет

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

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

reviewheart

Как убрать текстовое поле комментариев вниз в WordPress 6.7.1

/от

Вы замечали, что в WordPress версии 4.4. произошло небольшое изменение с полями для комментариев? Теперь панель комментирования расположена вверху, в то время как поля Name, Email и Website теперь находятся снизу. В этой статье мы расскажем как вернуться к прошлому состоянию.

Почему форма комментирования была изменена?

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

WordPress

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

Сдвиг поля комментирования вниз

Просто вставьте этот код файл functions.php вашего сайта.

function wpb_move_comment_field_to_bottom( $fields ) {
$comment_field = $fields['comment'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;
return $fields;
}

add_filter( 'comment_form_fields', 'wpb_move_comment_field_to_bottom' );

Затем можете зайти на сайт в качестве незарегистрированного пользователя и посмотреть на изменения.

WordPress

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

header-press-release

Как создать плагин WordPress TinyMCE

/от

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

Требования

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

Создаем свой первый TinyMCE плагин

Мы начнем с создания пользовательской кнопки для панели инструментов. Эта кнопка при нажатии на нее позволит пользователю добавлять ссылку с пользовательским CSS-классом. Исходный код будет полностью приведен в конце этой статьи, а до того давайте создадим наш плагин шаг за шагом. Сперва создайте директорию в папке wp-content/plugins и назовите ее tinymce-custom-link-class.

Заголовок плагина

Создайте новый файл в только что созданной директории и назовите его tinymce-custom-link-class.php Добавьте этот код в файл и сохраните его.

/**
 * Plugin Name: TinyMCE Custom Link Class
 * Plugin URI: https://coma.lv
 * Version: 1.0
 * Author: Coma.lv
 * Author URI: https://coma.lv
 * Description: A simple TinyMCE Plugin to add a custom link class in the Visual Editor
 * License: GPL2
 */

Это просто PHP-комментарий, который указывает Вордпрессу название плагина, а также его автора и описание. В админпанели Вордпресс активируйте новый плагин, зайдя на страницу Plugins – Installed Plugins и щелкнув по ссылке Activate под TinyMCE Custom Link Class.

WordPress

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

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

class TinyMCE_Custom_Link_Class {
	
	/**
	* Constructor. Called when the plugin is initialised.
	*/
	function __construct() {
		
	}

}

$tinymce_custom_link_class = new TinyMCE_Custom_Link_Class;

Это создает PHP-класс вместе с конструкцией, которая вызывается, когда мы доходим до строки $tinymce_custom_link_class = new TinyMCE_Custom_Link_Class;

Любая функция, добавленная в этот класс, не должна конфликтовать с другими плагинами Вордпресс.

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

Затем нам надо указать TinyMCE, что мы хотим добавить пользовательскую кнопку в панель инструментов визуального редактора. Для того, чтобы это сделать, мы можем использовать actions Вордпресса. В данном случае action под названием init. Добавьте следующий код в функцию __construct() вашего плагина.

if ( is_admin() ) {
	add_action( 'init', array(  $this, 'setup_tinymce_plugin' ) );
}

Эта функция проверят находимся ли мы в админпанели. Если ответ да, то функция запрашивает запуск функции setup_tinymce_plugin внутри нашего класса как только Вордпресс закончит загрузку. Затем добавьте функцию setup_tinymce_plugin:

/**
* Check if the current user can edit Posts or Pages, and is using the Visual Editor
* If so, add some filters so we can register our plugin
*/
function setup_tinymce_plugin() {

// Check if the logged in WordPress User can edit Posts or Pages
// If not, don't register our TinyMCE plugin
	
if ( ! current_user_can( 'edit_posts' ) && ! current_user_can( 'edit_pages' ) ) {
	        return;
}

// Check if the logged in WordPress User has the Visual Editor enabled
// If not, don't register our TinyMCE plugin
if ( get_user_option( 'rich_editing' ) !== 'true' ) {
return;
}

// Setup some filters
add_filter( 'mce_external_plugins', array( &$this, 'add_tinymce_plugin' ) );
add_filter( 'mce_buttons', array( &$this, 'add_tinymce_toolbar_button' ) );
		
	}

Эта функция уже проверят может ли залогиненный пользователь редактировать посты или страницы. Если нет, то нет смысла в регистрации нашего плагина для этого пользователя, поскольку он никогда и не увидит-то визуальный редактора. Затем мы проверяем пользуется ли пользователь визуальным редактором, так как некоторые пользователи отключают это у себя в профиле. Опять-таки, если пользователь не использует визуальный редактор, то мы возвращаем (exit), поскольку нам больше ничего не надо. Наконец, мы добавляем два Вордпресс-фильтра — mce_external_plugins и mce_buttons, чтобы вызвать функции, которые загрузят необходимый файл Javascript для TinyMCE и добавят соответствующую кнопку в панель инструментов.

Регистрация файла Javascript и кнопки для визуального редактора

Давайте добавим функцию add_tinymce_plugin:

/**
* Adds a TinyMCE plugin compatible JS file to the TinyMCE / Visual Editor instance
*
* @param array $plugin_array Array of registered TinyMCE Plugins
* @return array Modified array of registered TinyMCE Plugins
*/
function add_tinymce_plugin( $plugin_array ) {

$plugin_array['custom_link_class'] = plugin_dir_url( __FILE__ ) . 'tinymce-custom-link-class.js';
return $plugin_array;

}

Эта функция говорит TinyMCE, что необходимо загрузить файлы Javascript, расположенные в ячейке $plugin_array. Эти файлы укажут TinyMCE что надо делать. Нам также надо добавить код в функцию add_tinymce_toolbar_button, чтобы доложить TinyMCE о кнопке, которую мы хотели бы добавить в панель инструментов.

/**
* Adds a button to the TinyMCE / Visual Editor which the user can click
* to insert a link with a custom CSS class.
*
* @param array $buttons Array of registered TinyMCE Buttons
* @return array Modified array of registered TinyMCE Buttons
*/
function add_tinymce_toolbar_button( $buttons ) {

array_push( $buttons, '|', 'custom_link_class' );
return $buttons;
}

Это добавляет два элемента в ячейку кнопок TinyMCE: разделитель (|) и название нашей кнопки (custom_link_class). Сохраните свой плагин и отредактируйте страницу или пост, чтобы увидеть визуальный редактора. Скорее всего, вы не увидите панели инструментов.

WordPress

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

WordPress

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

Создаем плагин Javascript

Создайте новый файл в вашей папке wp-content/plugins/tinymce-custom-link-class и назовите его tinymce-custom-link-class.js, а затем добавьте туда следующий код:

(function() {
	tinymce.PluginManager.add( 'custom_link_class', function( editor, url ) {
		
	});
})();

Это вызывает класс TinyMCE Plugin Manager, который мы можем использовать, чтобы запускать массу связанных с плагином действий. В частности добавляем наш плагин в TinyMCE используя функцию add. Это принимает два элемента; название плагина (custom_link_class) и функцию анонимности. Если вы знакомы с концептом функций в кодинге, то функция анонимности это просто функция без названия. Например, function foobar() { … } это функция, которую мы можем вызвать где-нибудь еще внутри кода, используя foobar().

С функцией анонимности мы не можем вызывать эту функцию где-нибудь еще в коде – лишь с помощью функции add(). Сохраните свой файл Javascript и примитесь к редактированию страницы или поста, чтобы увидеть визуальный редактор. Если все сработало, то вы увидите панель инструментов:

WordPress

На данный момент наша кнопка не была добавлена в панель инструментов. Это оттого, что мы сообщили TinyMCE только то, что мы создали пользовательский плагин. Теперь нам надо указать TinyMCE что надо делать, то есть добавить кнопку в панель инструментов. Обновите свой файл Javascript, заменив существующий код следующим:

(function() {
	tinymce.PluginManager.add( 'custom_link_class', function( editor, url ) {
		// Add Button to Visual Editor Toolbar
		editor.addButton('custom_link_class', {
			title: 'Insert Button Link',
			cmd: 'custom_link_class',
		});	
	});
})();

Заметьте, что у нашей анонимной функции два аргумента. Первый это editor, являющийся визуальным редактором TinyMCE. Подобным образом как мы можем вызвать различные функции в PluginManager, мы также можем вызвать различные функции в editor. В этом случае мы вызываем функцию addButton, чтобы добавить кнопку в панель инструментов. Сохраните свой файл javascript и вернитесь в визуальный редактор. С первого взгляда ничего не изменилось. Однако если вы наведете мышиный курсор на иконку в правом верху, то увидите подсказку:

WordPress

Мы успешно добавили кнопку в панель инструментов, но ей нужно изображение. Добавьте следующий параметр к функции addButton под title:

image: url + ‘/icon.png’,

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

WordPress

Перезагрузите визуальный редактор и увидите свою кнопку с иконкой:

WordPress

Указываем команду запуска

На данный момент, если вы нажмете на кнопку, ничего не произойдет. Давайте добавим команду, которая скажет TinyMCE что надо делать. Добавьте следующий код в нашем Javascript файле под концом раздела editor.addButton

// Add Command when Button Clicked
editor.addCommand('custom_link_class', function() {
	alert('Button clicked!');
});

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

WordPress

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

// Add Command when Button Clicked
editor.addCommand('custom_link_class', function() {
	// Check we have selected some text that we want to link
	var text = editor.selection.getContent({
		'format': 'html'
	});
	if ( text.length === 0 ) {
		alert( 'Please select some text to link.' );
		return;
	}

	// Ask the user to enter a URL
	var result = prompt('Enter the link');
	if ( !result ) {
		// User cancelled - exit
		return;
	}
	if (result.length === 0) {
		// User didn't enter a URL - exit
		return;
	}

	// Insert selected text back into editor, wrapping it in an anchor tag
	editor.execCommand('mceReplaceContent', false, '<a class="button" href="' + result + '">' + text + '</a>');
});

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

WordPress

Затем мы просим их ввести ссылку, снова проверяя что они сделали. Если они отменили или ничего не ввели, то мы тоже ничего не делаем.

WordPress

Наконец, мы запускаем функцию execCommand в редакторе TinyMCE, запустив действие mceReplaceContent. Это заменяет выбранный текст нашим HTML-кодом, который включает якорную ссылку с классом class=»button”, используя выбранный текст. Если все сработало, то вы увидите выбранный вами текст связанным в визуальном редакторе с классом, который связан с кнопкой:

WordPress

Итоги

Мы успешно создали плагин WordPress, который добавляет кнопку в визуальный редактор TinyMCE в WordPress. Это руководство также осветило некоторые основы API TinyMCE и интеграцию фильтров. Мы добавили код, чтобы когда пользователь щелкает по нашей пользовательской кнопке, ему предлагают выбрать текст в визуальном редакторе, который он может связать с ссылкой на усмотрение. Наконец, наш плагин заменяет выбранный текст его ссылочной версией, которая содержит пользовательский класс CSS под названием button.

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

seo-3-tips

Что такое SEO-дружелюбная URL-структура в WordPress?

/от

Прежде чем мы затронем вопрос постоянных ссылок WordPress, важно дать определение того, что такое SEO-дружелюбный URL. Такой адрес содержит ключевые слова, которые объясняют суть статьи и их легко прочесть как человеку, так и поисковикам. Они также повышают шансы на более высокую выдачу в поисковых системах. Пример SEO-дружелюбного адреса:

https://coma.lv/how-to-install-wordpress/

А как выглядит НЕ дружелюбный к SEO адрес?

https://coma.lv/?p=10467

По умолчанию WordPress теперь использует заголовок поста в URL, что является наиболее СЕО-дружелюбной структурой адресов. Так почему же тогда новички продолжают задавать вопросы о структуре постоянных ссылок? Это потому, что в прошлом WordPress не использовал красивые адреса, известные также как постоянные ссылки. По умолчанию Вордпресс использовал не столь дружелюбные к СЕО адреса, как из примера выше. Это изменилось в версии WordPress 4.2, поэтому если вы лишь недавно установили Вордпресс, то у вас адреса дружелюбны к поисковой оптимизации. Вы также можете с легкостью подтвердить настройки своих постоянных ссылок в админке Вордпресс.

Разъяснение страницы настроек постоянных ссылок

В WordPress ссылки называются постоянными. Первым делом вам надо зайти на страницу настроек постоянных ссылок у себя в админке сайта. Просто щелкните по ссылке Settings в админпанели и затем по Permalinks. Вы увидите страницу, похожую на эту:

WordPress

Как видите, там есть целое множество опций. Давайте попробуем разобраться. Первая опция, которая называется plain, использует стандартную структуру адресов в WordPress. Эта опция не дружелюбна к поисковой оптимизации.

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

Однако если речь идет о публикации новостей, то вы можете желать, чтобы в ваших адресах отображалась дата, указывая тем самым на свежесть новости и улучшая опыт использования. В нашем понимании эти две структуры подойдут лишь для новостных сайтов. Бизнес-сайты должны избегать их. Опция Post Namе самая лучшая, поскольку она самая короткая и понятная. Если у вас большая публикация, то вы можете использовать пользовательскую структуру, которая тоже может быть дружелюбной к СЕО. Например, если у вас много постов, вы можете добавлять в адрес их категорию, чтобы пользователи не путались. Чтобы использовать пользовательскую адресную структуру, вам понадобится добавлять специальные теги в панель с пользовательской структурой. Например, мы используем:

/%category%/%postname%/

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

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

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

• %year% – год поста, четыре цифры, например 2016.
• %monthnum% – месяц года, например 05
• %day% – день месяца, например 28
• %hour% – час дня, например 15
• %minute% – минута часа, например 43
• %second% – секунда минуты, неапример 33
• %postname% – обработанная версия заголовка поста. Например если ваш пост называет This Is A Great Post!, то его название в адресе превратится в this-is-a-grat-post.
• %post_id% – уникальный ID номер вашего поста, например 423
• %category% – обработанная версия названия категории.
• %author% – обработанная версия имени автора.

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

Предупреждение: важная заметка для уже работающих сайтов

Если ваш сайт работает уже шесть и более месяцев, то, пожалуйста, не меняйте структуру постоянных ссылок. Вам не надо иметь структуру, которую мы использовали. Меняя структуру постоянных ссылок, вы рискуете потерять шейры в социальных сетях и рискуете утратить существующую позицию выдачи. Если вам необходимо изменить структуру постоянных ссылок, то наймите профессионала, который сможет сделать правильные редиректы. Правда, вы в любом случае потеряете количество шейров на страницах. У этого правила есть только одно исключение: если ваш сайт использует plain URL, то вне зависимости от его возраста, вам следует обновить структуру адресов для более лучшего СЕО. Да, вы потеряете количество шейров в соцсетях, но в долгосрочной перспективе это пустяки по сравнению с тем эффектом, который вам даст изменение структуры адресов.

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

degrafdesign_header_images_contact

Как правильно переехать с Squarespace на WordPress

/от

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

Зачем переезжать с Squarespace на WordPress?

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

Шаг нулевой: приступаем к работе

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

Шаг первый: установка Вордпресс

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

Шаг второй: экспорт контента с Squarespace

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

Вот контент, который будет экспортирован:

— все ваши основные страницы
— одна страница, которая появится в страницах Вордпресс как Blog
— все ваши блоговые записи под этой страницей
— все ваши страницы с галерей
— текст, изображения и блоки со вставленным контентом

А вот контент, который НЕ будет экспортирован:

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

Теперь, зная ограничения Squarespace, давайте приступим к экспорту контента, чтобы начать все с чистой страницы на Вордпрессе, где у вас будет куда больше свободы действий. Зайдите в свой аккаунт Squarespace и посетите меню Settings > Advanced > Import / Export.

WordPress

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

WordPress

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

WordPress

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

WordPress

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

Шаг третий: импортируем контент из Squarespace в WordPress

Следующий шаг это импортировать контент, который вы скачали с Squarespace на свой сайт WordPress. Для этого зайдите в админпанель Вордпресс и посетите страницу Tools > Import. Вы увидите список платформ на выбор. Squarespace в нем не будет, так как он экспортирует контент в совместимом с Вордпресс формате XML. Щелкните по WordPress, чтобы продолжить.

WordPress

Появится всплывающее окно, в котором вас попросят установить плагин WordPress Importer. Щелкните по кнопке Install Now.

WordPress

WordPress скачает и установит плагин. После установки вам надо щелкнуть по Activate Plugin & Run Importer.

WordPress

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

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

WordPress

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

Шаг четвертый: импортирование изображений из Squarespace

К сожалению, импортер Вордпресс не может импортировать изображения с вашего сайта Squarespace и вам придется сделать это вручную. Первым делом установите и активируйте плагин Import External Images. После его активации зайдите на страницу Media > Import Images, чтобы запустить плагин.

WordPress

Шаг пятый: исправляем постоянные ссылки

Вам надо удостовериться, что вы не упускаете трафик, идущий через ссылки вашего старого сайта Squarespace. WordPress использует SEO-дружелюбную адресную структуру, которая позволяет вам настраивать ссылочную структуру самыми разнообразными способами. Задача здесь это создать похожу структуру ссылок как на вашем сайте Squarespace. Последний использует формат год/месяц/день/заголовок поста в качестве формата ссылок в блоговых постах. Он также использует префикс вроде blog или blog-1 в адресах постов. Типичный адрес блоговой записи, используя стандартный домен Squarespace, будет выглядеть подобным образом:

https://example-website.squarespace.com/blog-1/2016/3/6/post-title

В админпанели WordPress вам надо зайти на страницу Settings > Permalinks. Там вы увидите список опций адресных структур. Ближайшим аналогом вашего старого адреса Squarespace будет адрес Day and Name.

WordPress

Щелкните по опции Day and Name и затем перейдите к пользовательской структуре. Вы увидите, что пользовательская структура автоматически заполнена годом, месяцем, днем, и тегами заголовка. Вам надо лишь добавить префикс blog-1. Например:

/blog-1/%year%/%monthnum%/%day%/%postname%/

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

Шаг шестой: импорт прочего контента из Squarespace в WordPress

Squarespace ограничивает импорт контента и, если вы использовали их функцию мероприятий или размещали там аудио- и видеофайлы, то вам придется вручную добавлять их на сайт Вордпресс. В зависимости от объемов контента этот процесс может занять некоторое время. Для некоторых продуктов вам понадобится плагин WordPress eCommerce вроде WooCommerce. Что же касается видеофайлов, то мы советуем вам размещать их на специальных сервисах по типу Ютуба и Вимео.

Шаг седьмой: узнаем Вордпресс

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

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

cover_1

Как установить Facebook Remarketing/Retargeting Pixel в WordPress

/от

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

Что такое Facebook Retargeting Pixel?

Вы замечали, что посетив какой-то сайт, у вас на Фейсбуке появляется его реклама? Это называется ретаргетингом или ремаркетингом, а такие сайты используют ретаргетинговую технологию, известную как Facebook Pixel. Этот инструмент не добавляет ничего на ваш сайт, он просто отсылает браузеру файлы cookie ваших пользователей, что позволяет Фейсбуку ретаргетировать ваших пользователей. Давайте посмотрим как вы можете установить себе такую фичу на сайт.

*Примечание: Meta постепенно отказывается от использования термина «pixel» и вводит вместо него термин «datasets».

Создание Facebook Retargeting Pixel

Первым делом вам надо зайти в свой профиль на Facebook Business Manager или Meta Business Suite и посетить страницу Events Manager. Затем щелкните по Connect Data Sources, выберите в всплывающем окошке Web в качестве источника данных, затем нажмите Connect.

WordPress

WordPress

Далее вам надо будет ввести название своего Meta Pixel и нажать кнопку Create Pixel.

WordPress

Добавьте URL-адрес вашего веб-сайта и нажмите кнопку Next. Выберите, как вы хотите подключить свой сайт. (Meta рекомендует использовать как Meta Pixel, так и Conversions API). Затем нажмите Next.

Далее Фейсбук предложит вам выбрать платформу или партнера вашего веб-сайта, чтобы продолжить процесс установки Pixel.

WordPress

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

Установка Facebook Pixel на WordPress с помощью партнерской интеграции Facebook

Из предложенных платформ выберите WordPress. Фейсбук проведет вас через пошаговые инструкции.

WordPress

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

Установка Facebook Pixel на WordPress вручную

Если вы предпочитаете устанавливать Facebook Pixel вручную, перейдите в раздел Data Sources (значок треугольника в левом меню Events Manager) и выберите Pixel, который вы хотите установить. Нажмите Continue Pixel Setup.

WordPress

Выберите Meta Pixel, затем нажмите Connect. Выберите Install Code Manually.

WordPress

Фейсбук выдаст вам код, который вам надо скопировать.

WordPress

Вам надо добавить скопированный код в раздел вашего шаблона Вордпресс. Самый простой способ сделать это — использовать плагин Insert Headers and Footers. После установки и активации плагина, зайдите в Settings > WP Headers and Footers.

WordPress

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

Бонусный шаг: создание своей аудитории с помощью Facebook Pixel

Теперь, когда вы успешно установили себе на сайт Facebook Pixel, следующим шагом будет создание аудитории под ретаргентиговую кампанию на Фейсбуке. Пользовательские аудитории позволяют отслеживать посетителей, которых вы уже знаете. Этими пользователями могут быть люди, которые уже лайкнули страницу или люди, которые подписались на ваш рассылочный список. Вот как вы можете создать пользовательские аудитории в Фейсбуке. Зайдите в панель Facebook Ads Manager и перейдите в раздел Audiences.

WordPress

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

WordPress

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

WordPress

Затем вам необходимо выбрать продолжительность в днях. Наконец, вам надо указать название аудитории. Используйте что-нибудь легко запоминающееся. Как только закончите, нажмите по кнопке Create audience, чтобы завершить процедуру. Повторяйте процесс, чтобы создать больше пользовательских аудиторий с помощью Facebook-ретаргетинга.

Показ рекламы пользовательским аудиториям с помощью Facebook Retargeting Pixel

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

WordPress

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

WordPress или SquareSpace: что лучше для вашего бизнеса? 1

WordPress или SquareSpace: что лучше для вашего бизнеса?

/от

Если вы собираетесь построить сайт, то у вас есть много вариантов. Самыми популярными будут воспользоваться системами WordPress и SquareSpace. Первый может похвастаться тем, что на его плечах держится четверть (!) от всех сайтов в Интернете. Это весьма мощно, учитывая, что в Сети около 1,2 миллиарда сайтов. SquareSpace, в свою очередь, куда скромнее, но зато может похвастаться более лояльной базой пользователей. Благодаря грамотному подходу к маркетингу и простоте товара, эта система привлекла к себе миллионы сайтостроителей. Однако в случае, если вы не знаете какой именно системой вам стоит пользоваться, то вот перечень достоинств и недостатков каждой из них.

Достоинства WordPress: сообщество и гибкость

С 2010 года WordPress успел дойти до 4.8 версии. У меня нет программистского образования, но благодаря уйме ресурсов, имеющихся по WordPress в Интернете, я смог создать бизнес, который приносил мне 20% моего дохода. Сообщество это отдельный пункт в списке достоинств WordPress: начиная с бесплатного WordPress Codex и заканчивая группами в соцсетях, где сидя сотни экспертов и энтузиастов. Всего этого вам хватит с головой, чтобы сделать свой сайт. Также не забывайте о том, что WordPress бесплатен. Он ничего не стоит. Единственное, вы можете арендовать за деньги хостинг у компании, которая занимается его разработкой. Вы можете раздобыть себе доменное имя и хостинг где-то за шестьдесят баксов в год. Поверьте мне, это совсем мало для домашнего бизнеса.

Достоинства SquareSpace: никаких технических знаний

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

Недостатки WordPress: безопасность и сложность

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

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

Недостатки SquareSpace: цены и права на владение

В то время как хостинг для WordPress можно найти от 5 долларов в месяц, самый дешевый тариф SquareSpace начинается с двенадцати баксов в месяц. Плюс ко всему в случае с SquareSpace вы не имеете прав на свои данные. Если ребята прикроют сервис или их взломают, то ваш сайт канет в лету, так как бэкапы хранятся у них. В случае же с WordPress на собственном хостинге вы можете переехать на новый хостинг в течение часа. Даже, если WordPress по каким-то причинам остановит свою разработку, ваш сайт все равно останется жить. Вы также можете очень легко менять, добавлять и убирать шаблоны и контент. Создание сайта с подкастами, магазина и прочего занимает лишь несколько щелчков. А вот в случае с SquareSpace вы вольны делать лишь то, что вам позволил SquareSpace.

Вердикт

Для кого-то, у кого нет технических навыков и времени, но зато есть хороший бюджет SquareSpace будет самым простым и лучшим вариантом. Однако для большинства куда больше подойдет WordPress. Многие блоги, в том числе TechCrunch, The New Yorker и прочие работают на WordPress. Поэтому если вы серьезно настроены относительно сайта и не хотите в случае чего начинать все с нуля, то самым лучшим выбором для вас будет WordPress на собственном хостинге.

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

wallpapers-flowers-3

Как избежать потери цвета и насыщенности изображений в WordPress

/от

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

Почему некоторые изображения теряют цвет и насыщенность в WordPress?

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

Самый простой способ это конвертирование ваших изображений в цветовую схему RGB перед их загрузкой на сайт. Это можно легко сделать в Фотошопе.

Способ первый

Откройте изображение в Фотошопе и нажмите по File > Save for Web

WordPress

У вас выскочит диалоговое окно, в котором вы можете отметить ячейку рядом с Convert the image in RGB.

WordPress

Способ второй

Если вы не довольны результатами первого способа, то можете воспользоваться этим. В Adobe Photoshop зайдите в меню Edit > Color Settings. У вас появится диалоговое окно с настройками цвета.

WordPress

Вам нужно выбрать North America Web/Internet из выпадающего меню настроек. Затем, под областью Color management policies выберите Convert to Working RGB. После этого щелкните по кнопке ОК, чтобы сохранить настройки. Теперь вам надо открыть оригинальное изображение или фотографию, которую вы собирались загрузить. Если профили не совпадают, то Фотошоп выдаст вам предупреждение и спросит что ему делать.

WordPress

Вам надо выбрать Convert document’s color to working space и затем щелкнуть ОК. Теперь цветовой профиль вашего снимка будет сконвертирован куда более аккуратно. Теперь можете сохранить изображение. Повторите процесс для всех фотографий, которые собираетесь загрузить. Теперь вы можете их загружать, не боясь насчет потери цвета или насыщенности.

Исправляем потерю цвета и насыщенности в WordPress с помощью GIMP

Gimp это мощная и, главное, бесплатная альтернатива Фотошопу. Вы также можете использовать его, чтобы конвертировать цветовые профили для своих загрузок на WordPress. GIMP просто обнаруживает каждое изображение, которое вы пытаетесь открыть, на наличие цветового профиля. Если цветовой профиль вашей картинки это Adobe sRGB, то GIMP автоматически предложит вам конвертировать его.

WordPress

В некоторых случаях GIMP не сможет определить профиль корректно и вам придется вручную поменять профиль. Вам потребуется знать какой цветовой профиль использовал ваш фотограф. Мы предполагаем, что это Adobe sRGB, но можем и ошибаться. Проверьте свою камеру в случае, если вы не уверены. У GIMP нет встроенного Adobe sRGB-профиля и вам придется скачать Adobe sRGB ICC Profile себе на компьютер.

Выберите свою операционную систему и следуйте указаниям на экране. Вы сможете скачать ICC профили в виде архива, распаковав который, вы обнаружите файл AdobeRGB1998.icc. Как только скачали ICC профиль, просто откройте свое изображение с помощью GIMP и щелкните по Image > Mode > Assign Color Profile. У вас должно появиться диалоговое окно вроде этого:

WordPress

Щелкните по выпадающему меню и найдите ICC профиль, который вы скачали ранее. Нажмите кнопку Assign для того, чтобы применить его. Как только вы примените цветовой профиль, GIMP сможет спокойно сконвертировать его в RGB без потери цветов. Просто нажмите по Image » Mode » Convert Color Profile…

WordPress

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

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

password-safes

Как спрятать защищенные паролем посты из цикла WordPress

/от

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

Зачем прятать защищенные паролем посты?

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

Скрытие защищенных паролем постов в Вордпрессе

Просто добавьте этот код в файл functions.php

function wpb_password_post_filter( $where = '' ) {
    if (!is_single() && !is_admin()) {
        $where .= " AND post_password = ''";
    }
    return $where;
}
add_filter( 'posts_where', 'wpb_password_post_filter' );

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

WordPress

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

function wpb_password_post_filter( $where = '' ) {
   if (!is_single() && !current_user_can('edit_private_posts') && !is_admin()) {
        $where .= " AND post_password = ''";
    }
    return $where;
}
add_filter( 'posts_where', 'wpb_password_post_filter' );

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

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