WordPress Туториалы

Businessman draws cloud network on abstract icon

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

Ноя 30, 2024/от Vadim Pavlovich

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

Приступаем

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Шаблон

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

2. Виджеты

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

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

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

4. Плагины

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ноя 29, 2024/от Vadim Pavlovich

Если вы являетесь разработчиком 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.

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

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

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). Сохраните свой плагин и отредактируйте страницу или пост, чтобы увидеть визуальный редактора. Скорее всего, вы не увидите панели инструментов.

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

На самом деле это добрый знак, так как он говорит о том, что мы успешно зарегистрировали пользовательский плагин 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 и примитесь к редактированию страницы или поста, чтобы увидеть визуальный редактор. Если все сработало, то вы увидите панель инструментов:

На данный момент наша кнопка не была добавлена в панель инструментов. Это оттого, что мы сообщили 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 и вернитесь в визуальный редактор. С первого взгляда ничего не изменилось. Однако если вы наведете мышиный курсор на иконку в правом верху, то увидите подсказку:

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

image: url + ‘/icon.png’,

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

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

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

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

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

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

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

// 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>');
});

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

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

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

Итоги

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

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

Ноя 29, 2024/от Vadim Pavlovich

Многие пользователи создают сайты на различных платформах, однако с опытом они обнаруживают недостатки и ограничения этих платформ и желают перейти на более гибкие варианты вроде Вордпресса. В этой статье мы покажем как грамотно переехать с 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вам надо удостовериться, что вы не упускаете трафик, идущий через ссылки вашего старого сайта 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.

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

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

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

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

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

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

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

Как проверить работоспособность сайта на WordPress

Ноя 28, 2024/от Vadim Pavlovich

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

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

Итак, с этим мы разобрались… Но еще есть такой вопрос: с чего начинать? Как проверить эффективность работы своего сайта? Говоря прямо: как понять, что ваш сайт тормозит? Предлагаем вашему вниманию четыре способа как это можно сделать.

1. Проверить время загрузки

Можно поступить очень просто – тупо ввести адрес сайта в адресной строке своего браузера и посмотреть как быстро сайт загрузится. Но это очень топорный способ, поскольку таким образом вы сможете узнать только то, как сайт работает для вас, а не для вашей аудитории. Для более точных результатов зайдите на Pingdom, выберите местонахождение сервера, откуда вы хотите замерить производительность сайта. Разумеется, наилучшим вариантом будет выбирать местонахождение, близкое к вашей целевой аудитории. Спустя несколько секунд после нажатия START TEST сайт выдаст вам отчет о каждой составляющей вашего ресурса. Наиболее важные сведения вы можете увидеть в первом разделе.

2. Проверьте сколько параллельного трафика ваш сайт может обработать

Следующий тест тоже очень полезен и для этого вам понадобится инструмент под названием Load Impact. Просто введите адрес своего сайта в ячейку и нажмите на кнопку Run free test. Что делает сервис, так это создает двадцать пять ботов и направляет их на ваш сайт, чтобы вы могли увидеть как он будет работать под нагрузкой. Эта проверка занимает всего пять минут, а по ее окончании вас ждет исчерпывающий отчет.

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

3. Проверьте качество своих настроек WordPress

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

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

оптимизация изображений
кэш браузера
оптимизация JavaScript
оптимизация CSS
редиректы
оптимизация запросов http и многое-многое другое

GTMetrix также дает вам общий балл. Так, если оптимизация вашего сайта хромает, то вас ждет рейтинг D.

4. Проверьте оптимизацию своих плагинов

Напоследок у нас плагин под названием P3 (Plugin Performance Profiler). Как только вы его установили, зайдите в админку, а если конкретнее – в wp-admin / Tools / P3 Plugin Profiler. Затем нажмите по кнопке Start Scan и выберите автоматическое сканирование.

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

Ваш сайт на WordPress до сих пор тормозит?

Даже если после всех этих тестов вам не удалось сделать сайт шустрее, то вы можете проверить другие хостинги. Например, мы советуем вам SiteGround, если ваша аудитория близко к Чикаго, Лондону, Амстердаму или Сингапуру, так как у них там есть дата-центры. SiteGround быстрый во всем – и в плане обслуживания сайтов, и в плане технической поддержки. Ребята даже с удовольствием перенесут ваш сайт с другого хостинга к себе полностью бесплатно. Если же вас интересует хостинг в Латвии — вы можете обратиться к нам.

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

Ноя 26, 2024/от Vadim Pavlovich

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

Что такое 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ноя 25, 2024/от Vadim Pavlovich

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как одним махом удалить все комментарии WordPress?

Ноя 24, 2024/от Vadim Pavlovich

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

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

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

Способ первый: удаление всех комментариев на сайте Вордпресс при помощи плагина

Сперва вам надо установить и активировать плагин WP Bulk Delete. После его активации перейдите в WP Bulk Delete в меню панели управления и выберите Delete Comments. Выберите типы комментариев для удаления и нажмите по кнопке Delete Comments.

Теперь можете зайти на страницу комментариев и вы увидите все комментарии удаленными с сайта.

Способ второй: удаление всех комментариев на сайте Вордпресс при помощи phpMyAdmin

Вы также можете быстро удалить все комментарии WordPress, используя MySQL или phpMyAdmin. Этот способ рекомендуется более продвинутым пользователям. Зайдите в cPanel вашего хостинга и под областью баз данных щелкните по phpMyAdmin.

Внутри вам надо найти свою базу данных WordPress. Вы увидите страницу вроде этой с кучей таблиц баз данных.

Отметьте ячейку напротив таблицы wpprefix_comments and wpprefix_commentmeta. Название таблицы комментариев может разниться в зависимости от префикса, который вы выбрали при установке WordPress. Выбрав таблицу комментариев, найдите выпадающее меню With selected:, находящееся под списком таблиц и выберите Empty из выпадающего меню. phpMyAdmin теперь выдаст предупреждение действительно ли вы хотите очистить эти таблицы.

Нажмите по кнопке yes и это удалит все комментарии WordPress с вашей базы данных. Вы также можете удалить все комментарии WordPress, используя консоль MySQL (командную строку). Просто войдите в нее и вбейте следующую команду:

DELETE FROM wp_commentmeta;
DELETE FROM wp_comments;

Как добавить бесплатный SSL в WordPress с помощью Let’s Encrypt

Ноя 24, 2024/от Vadim Pavlovich

Что такое SSL и Let’s Encrypt? Каждый пользователь Интернета ежедневно делится огромными объемами личной информации. Мы делаем это, когда совершаем покупки онлайн, создаем аккаунты, заходим на различные сайты и так далее. Если это не достаточно зашифровано, то эта информация может быть выслежена и украдена. И здесь на сцену выходит SSL. Он предлагает технологию шифрования, которая делает безопасным соединением между браузером и сервером. Каждый сайт использует уникальный сертификат SSL в целях опознавания. Если сервер притворяется, что использует HTTPS, но его сертификат не соответствует, то большинство современных браузеров предупредят пользователя, чтобы он не соединялся с этим ресурсом.

Ранее единственным способом защиты SSL был платный SSL-сертификат. Let’s Encrypt это бесплатный открытый сертификат, который предлагает SSL для широкой аудитории. Это проект от Internet Research Group, получающий поддержку от большого количества крупных компаний, включая Google, Facebook, Sucuri, Mozilla, Cisco и других.

Простой способ – использование хостинга, который предлагает встроенный бесплатный SSL

C ростом популярности Let’s Encrypt многие хостинги WordPress уже сразу предлагают встроенную настройку SSL. Следовательно, простейшим способом получения SSL будет регистрация на таких хостингах.

Настройка бесплатного SSL с помощью Let’s Encrypt на SiteGround

SiteGround является одним из самых надежных и известных хостинг-компаний, предлагающих встроенную поддержку бесплатного SSL. Для того, чтобы включить бесплатный SSL, просто зайдите в cPanel и пролистайте до раздела безопасности, где вам надо будет щелкнуть по иконке Let’s Encrypt.

Это откроет окно установки Let’s Encrypt. Вам надо будет выбрать доменное имя, которое вы хотите использовать с бесплатным SSL, а также указать верный адрес электронной почты.

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

Можете поздравить себя, вы только что успешно встроили бесплатный SSL Let’s Encrypt себе на сайт. Однако ваш сайт еще не готов использовать его. Первым делом вам понадобиться обновить свои адреса WordPress и исправить проблемы с небезопасным контентом. Не волнуйтесь, мы объясним как это сделать в шаге Обновление адресов.

Установка бесплатного SSL с помощью Let’s Encrypt на DreamHost

DreamHost это еще один популярный хостинг WordPress, который предлагает встроенную интеграцию для настройки бесплатного SSL на любом домене. Сперва вам надо зайти в админку Dreamhost и под меню Domains щелкнуть по Secure hosting.

На этой странице вам надо щелкнуть по кнопке Add Secure Hosting. Dreamhost теперь попросит у вас выбрать домен и внизу у вас будет возможность добавить бесплатный сертификат от Let’s Encrypt. Вам надо убедиться, что эта ячейка отмечена.

На усмотрение можете выбрать уникальный IP-адрес для своего доменного имени. Это необязательно, однако улучшит совместимость со старыми версиями Internet Explorer на Windows XP. Щелкните по Add Now, чтобы завершить настройку и DreamHost начнет настройку вашего бесплатного сертификата SSL. В итоге вы должны увидеть подобное сообщение:

Вы успешно добавили бесплатный сертификат SSL с помощью Let’s Encrypt себе на хостинг. Но вам до сих пор надо обновить адреса WordPress, чтобы исправить ошибки с безопасностью контента, поэтому перейдите к этому шагу далее в статье.

Установка Let’s Encrypt бесплатный SSL на другие хостинги

Бесплатный SSL от Let’s Encrypt это основанный на домене SSL-сертификат. Это означает, что если у вас есть домен, то вы можете добавить его на любой хостинг. Однако если ваш хостинг не поддерживает простую интеграцию как SiteGround или DreamHost, то вам надо будет пройти через некоторую процедуру, длина которой разнится от хостинга к хостингу. Большинство компаний имеют документацию, объясняющую как можно это сделать. Вы также можете связаться с командой техподдержки за более подробными инструкциями. Bluehost, являющийся одним из официальных WordPress-хостингов, предлагает SSL третьей стороны для ваших доменов, которые вы размещаете у них на хостинге.

Обновление адресов WordPress после настройки SSL

После настройки бесплатного сертификата SSL с помощью Let’s Encrypt следующим шагом будет переезд адреса с HTTP на HTTPS. Обычный сайт без сертификата использует протокол HTTP с соответствующим префиксом в адресной строке:

http://www.example.com

Защищенные сайты с сертификатами SSL используют протокол HTTPS. Это означает, что их адреса будут выглядеть подобным образом:

https://www.example.com

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

Для чистого сайта

Если вы работаете с совершенно новым сайтом, то вам надо просто зайти в админпанель WordPress и щелкнуть по настройкам. Там вам необходимо обновить поля с адресом WordPress и Site URL, чтобы использовать https.

https://www.example.com

Для уже работающих сайтов

Если ваш сайт уже какое-то время находится в Интернете, то велики шансы, что он уже был проиндексирован поисковыми системами. Пользователи могли сохранить его в виде HTTP, поэтому вам надо удостовериться, что весь трафик перенаправляется на адрес с https. Первым делом вам надо установить и активировать плагин Really Simple SSL. Плагин автоматически обнаружит ваш SSL-сертификат и настроит сайт на его использование. В большинстве случаев вам больше не придетс яничего менять, так как плагин также починит проблемы с небезопасным контентом.

Обновление настроек Google Analytics

Если вы установили на свой сайт Google Analytics, то вам надо обновить его настройки и добавить свой новый адрес на https. Зайдите в свою панель Google Analytics и щелкните по Admin в верхнем меню. Затем щелкните по Property settings под вашим сайтом. Там вы увидите опцию дефолтного URL. Щелкните по http и выберите https.

Не забудьте сохранить настройки.

Как добавить панель с информацией об авторе в посты WordPress?

Ноя 24, 2024/от Vadim Pavlovich

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

Когда и зачем нужна панель с биографией автора

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

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

Способ первый: авторская панель в постах с помощью плагина

Многие владельцы сайтов желают отображать информацию об авторах в конце поста. Сперва установите и активируйте плагин Molongui Authorship. Каждый автор на вашем сайте должен будет добавить свою информацию. Они могут это сделать, зайдя в аккаунт WordPress и щелкнув по ссылке Authors – Add New из админки Вордпресс.

Будучи администратором сайта, вы можете заполнить эту информацию лично, редактируя каждый профиль пользователя. Для этого вам надо будет зайти на страницу Users > All Users или Authors > All Authors и щелкнуть по ссылке edit под каждым пользователем, чей профиль вы желаете отредактировать.

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

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

Настройка отображения панели с инофрмацией об авторе

Вы можете персонализировать внешний вид и содержимое поля автора Molongui Authorship в соответствии с дизайном вашего сайта. Перейдите в Authors > Author Box Editor. Выберите дизайн, макет, цвета и информацию для отображения. Если вы хотите его ещё больше кастомизировать и чувствуете себя уверенно в работе с CSS, то можете добавлять и редактировать свой код CSS в табе Advanced.

Дополнительные функции доступны в премиум версии Molongui Authorship Pro.

Способ второй: информация об авторе в виджете сайдбара для единичных постов

Способ выше неплох, если вы хотите, чтобы информация об авторе отображалась под постами. Однако бесплатная версия Molongui Authorship не позволяет отображать поле автора на боковой панели WordPress, эта функция доступна только в Pro-версии плагина. Чтобы отображать биографию автора в сайдбаре или любой области виджетов можете использовать плагин Meks Smart Author Widgets. После его установки и активации зайдите на страницу Appearance – Widgets. Вы увидите Meks Smart Author в списке доступных виджетов. Добавьте его в сайдбар, где вы хотите отображать информацию об авторе.

У виджета есть куча настроек. Самая важная из них, возле которой вам необходимо отметить ячейку это возле Automatically detect author.

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

Способ третий: добавляем инфо-панель авторов при помощи кода

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

function wpb_author_info_box( $content ) {

global $post;

// Detect if it is a single post with a post author
if ( is_single() &amp;&amp; isset( $post-&gt;post_author ) ) {

// Get author's display name 
$display_name = get_the_author_meta( 'display_name', $post-&gt;post_author );

// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post-&gt;post_author );

// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post-&gt;post_author );

// Get author's website URL 
$user_website = get_the_author_meta('url', $post-&gt;post_author);

// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post-&gt;post_author));
 
if ( ! empty( $display_name ) )

$author_details = '

About ' . $display_name . '

';

if ( ! empty( $user_description ) )
// Author avatar and bio

$author_details .= '

' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '

';

$author_details .= '

&lt;a href="'. $user_posts .'"&gt;View all posts by ' . $display_name . '&lt;/a&gt;';  

// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {

// Display author website link
$author_details .= ' | &lt;a href="' . $user_website .'" target="_blank" rel="nofollow"&gt;Website&lt;/a&gt;

';

} else { 
// if there is no author website then just close the paragraph
$author_details .= '

';
}

// Pass all this info to post content  
$content = $content . '

&lt;footer class="author_bio_section" &gt;' . $author_details . '&lt;/footer&gt;


';
}
return $content;
}

// Add our function to the post content filter 
add_action( 'the_content', 'wpb_author_info_box' );

// Allow HTML in author bio section 
remove_filter('pre_user_description', 'wp_filter_kses');

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

.author_bio_section{
background: none repeat scroll 0 0 #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}

.author_name{
font-size:16px;
font-weight: bold;
}

.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

Вот как панель с информацией об авторе выглядела на нашем демо-сайте.

WordPress Туториалы

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

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

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

1. Шаблон

2. Виджеты

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

4. Плагины

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

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

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

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

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

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

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

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

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

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

Итоги

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

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

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

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

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

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

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

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

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

1. Проверить время загрузки

2. Проверьте сколько параллельного трафика ваш сайт может обработать

3. Проверьте качество своих настроек WordPress

4. Проверьте оптимизацию своих плагинов

Ваш сайт на WordPress до сих пор тормозит?

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

Создание Facebook Retargeting Pixel

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

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

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

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

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

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

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

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

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

Способ первый: удаление всех комментариев на сайте Вордпресс при помощи плагина

Способ второй: удаление всех комментариев на сайте Вордпресс при помощи phpMyAdmin

Настройка бесплатного SSL с помощью Let’s Encrypt на SiteGround

Установка бесплатного SSL с помощью Let’s Encrypt на DreamHost

Установка Let’s Encrypt бесплатный SSL на другие хостинги

Обновление адресов WordPress после настройки SSL

Для чистого сайта

Для уже работающих сайтов

Обновление настроек Google Analytics

Когда и зачем нужна панель с биографией автора

Способ первый: авторская панель в постах с помощью плагина

Настройка отображения панели с инофрмацией об авторе

Способ второй: информация об авторе в виджете сайдбара для единичных постов

Способ третий: добавляем инфо-панель авторов при помощи кода

О нас

Контакты

Навигация