, ,

Как создать плагин 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: http://coma.lv
 * Version: 1.0
 * Author: Coma.lv
 * Author URI: http://www.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.

plugininstalled - Как создать плагин Wordpress TinyMCE

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

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

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 tinymce plugin missing toolbar - Как создать плагин Wordpress TinyMCE

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

wordpress tinymce plugin js 404 - Как создать плагин Wordpress TinyMCE

На самом деле это добрый знак, так как он говорит о том, что мы успешно зарегистрировали пользовательский плагин 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 plugin visual editor toolbar - Как создать плагин Wordpress TinyMCE

На данный момент наша кнопка не была добавлена в панель инструментов. Это оттого, что мы сообщили 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 tinymce plugin button noicon - Как создать плагин Wordpress TinyMCE

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

image: url + ‘/icon.png’,

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

icon - Как создать плагин Wordpress TinyMCE

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

wordpress tinymce plugin button icon - Как создать плагин Wordpress TinyMCE

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

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

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

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

wordpress tinymce plugin alert button clicked - Как создать плагин Wordpress TinyMCE

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

// 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 tinymce plugin alert select text - Как создать плагин Wordpress TinyMCE

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

wordpress tinymce plugin prompt url - Как создать плагин Wordpress TinyMCE

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

wordpress tinymce plugin link visual - Как создать плагин Wordpress TinyMCE

Итоги

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


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


,

Как добавить Feature Boxes с иконками в WordPress

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

Добавляем Feature Boxes с иконками на сайт

Первым делом вам надо установить и активировать плагин Advanced WP Columns. После активации зайдите в Settings > Advanced WP Columns, чтобы настроить плагин. Пролистайте вниз до Column class и введите в поле mycolumns.

colclass - Как добавить Feature Boxes с иконками в Wordpress

Затем вам понадобится плагин, чтобы вставить красивые иконки в ваш Feature boxes. Установите и активируйте плагин WP SVG Icons. Теперь вы готовы к созданию Feature Boxes. Начните с редактирования страницы, на которой вы хотели бы их видеть. Вы заметите две новые кнопки в окне редактора постов. Первая – Add Icon – находится прямо над редактором. Следующая находится последним элементом в меню визуального редактора. Если ваш визуальный редактор показывает всего один ряд кнопок, то вам надо щелкнуть по кнопке, которая разворачивает панель кнопок.

newbuttons - Как добавить Feature Boxes с иконками в Wordpress

Сперва вам надо щелкнуть по кнопке Advanced WP Columns. В появившемся окне щелкните по Empty и затем выберите число колонок, которое вы хотите добавить.

creating columns - Как добавить Feature Boxes с иконками в Wordpress

После этого надо щелкнуть по каждой колонке, чтобы добавить какой-нибудь текст. Если вы не добавите текст сейчас, то потом будет сложно видеть колонки в редакторе постов. Когда закончите, нажмите по кнопке Add Columns внизу. Теперь вы увидите колонки в своем редакторе постов. Следующим шагом будет добавление иконок над текстом. Наведите мышиный курсор на текстовое поле в первой колонке и щелкните по клавише ввода. Это уберет текст вниз и создаст место для иконок. Вам надо теперь щелкнуть по кнопке Add icon и вы увидите подобное окошко.

addingicons - Как добавить Feature Boxes с иконками в Wordpress

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

[wp-svg-icons icon=»rocket» wrap=»span»]

Повторите процесс, чтобы добавить иконки в другие Feature Boxes. Как только закончите, нажмите по кнопке Update, чтобы сохранить свою страницу. Вы почти закончили, но если сделаете предпросмотр страницы, то заметите, что иконки слишком маленькие, а ваши feature boxes едва заметны.

featureboxes smallicons - Как добавить Feature Boxes с иконками в Wordpress

Вам надо будет добавить следующий CSS-код в таблицу стилей своего шаблона:

span.wp-svg-rocket.rocket { 
font-size:100px; 
} 

span.wp-svg-cloud.cloud { 
font-size:100px; 
} 
span.wp-svg-headphones.headphones { 
font-size:100px; 
} 
.mycolumns { 
border:1px solid #eee;
min-height:250px; 
padding-top:20px !important;
}

Не забудьте отредактировать CSS, чтобы он соответствовал названиям иконок, которые вы используете.

featureboxesfinal - Как добавить Feature Boxes с иконками в Wordpress


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


, ,

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

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

Зачем создавать сайт обзоров?

Что вы делаете в первую очередь, когда ищите что купить в Интернете? Если вы относитесь к большинству, то вы сканируете онлайн обзоры того или иного товара, чтобы узнать что о нем говорят люди. Именно поэтому популярный сайт обзоров TripAdvisor стоит почти 12 миллиардов долларов. Не всем суждено стать такими гигантскими как последний сайт, но зарабатывать от нескольких сотен до пары тысяч долларов в месяц под силу каждому, кто управляет нишевым сайтом обзоров. Есть два популярных способа создания сайта обзоров. Первый это добавить область обзоров в уже существующий блог. Второй это создать полностью независимый сайт обзоров. Вне зависимости от направления, которое вы выберите, важно не выбирать слишком конкурентную нишу. Например, существует множество сайтов, где можно почитать обзоры на цифровые камеры, однако сайтов, где можно прочесть об аксессуарах к этим камерам, уже не так много. Секрет успеха в создании сайта обзоров это найти правильную нишу. Идеальная ниша это та, в которой низкая конкуренция, и к которой вы испытываете страсть. Вот несколько факторов, о которых вам стоит подумать:

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

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

Шаг нулевой: прежде чем вы начнете

Чтобы начать с WordPress первая вещь, которая вам потребуется то хороший хостинг и доменное имя. Мы очень советуем вам Bluehost, так как они дают 50-процентную скидку на хостинг и бесплатное доменное имя. Также Bluehost является официально рекомендуемым партнером WordPress. Если вам нужна альтернатива Bluehost, то можете обратить внимание в сторону Siteground, которые предлагают схожие условия. Зарегистрировав себе домен и выбрав хостинг, вам надо установить WordPress. Как только это сделаете, можете приступать к следующему шагу.

Шаг первый: выбор правильного шаблона

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

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

Сперва вам надо установить и активировать плагин WP Product Review. Основной плагин бесплатен и не страдает от недостатка функций. Однако за дополнительными плюшками вам уже придется раскошелиться на их premium addons package, который стоит порядка 75 долларов. Плагин прост в использовании и помогает выделяться в поисковых системах, добавляя схемовую разметку вашего обзора. Говоря простым языком, он добавляет рейтинг в виде звездочек в поисковой выдаче Google.

schemareview - Как создать нишевый сайт обзоров в Wordpress

После активации плагина вы увидите в меню новый пункт под названием Product Review в вашей админпанели WordPress. Щелчок по ней отправит вас на страницу настроек плагина.

wpproductreview settings - Как создать нишевый сайт обзоров в Wordpress

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

ratingcolors - Как создать нишевый сайт обзоров в Wordpress

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

typography - Как создать нишевый сайт обзоров в Wordpress

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

buybutton - Как создать нишевый сайт обзоров в Wordpress

Шаг третий: добавление обзора в WordPress

Добавление обзора с помощью плагина WP Product Review очень легко. Просто отредактируйте или создайте новый пост. Вы будете создавать ваш обзор также как и любой другой пост в WordPress. На экране редактора пролистайте вниз и вы найдете мета-панель Product review extra settings. Нажмите Yes напротив опции Is this a review post?

productreviewextrasettings - Как создать нишевый сайт обзоров в Wordpress

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

reviewdetails - Как создать нишевый сайт обзоров в Wordpress

После этого вам надо добавит свои опции. Это разные аспекты товара и то, как вы оцениваете эти качества. Вы можете добавить число от 0 до 100, где 100 это самая высокая оценка, а 0, соответственно, самая низкая.

productoptions - Как создать нишевый сайт обзоров в Wordpress

Затем вам надо добавить список преимуществ и недостатков. Добавьте лучшие особенности товара в список достоинств и недостаток особенностей в список недостатков.

procons - Как создать нишевый сайт обзоров в Wordpress

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

productreview - Как создать нишевый сайт обзоров в Wordpress

Шаг четвертый: отображение ваших обзоров в сайдбаре

Плагин WP Product Review позволяет вам показывать посты с обзорами в сайдбаре и прочих, предназначенных для виджетов, областях. Зайдите на страницу Appearance > Widgets и вы увидите виджет топ-товаров, а также виджет последних товаров в списке доступных виджетов.

reviewswidgets - Как создать нишевый сайт обзоров в Wordpress

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

sidebarreviews - Как создать нишевый сайт обзоров в Wordpress


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


,

Как показывать краткое содержание защищенных паролем постов

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

Способ первый: ручной

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

function wpb_protected_excerpt( $excerpt ) {
if ( post_password_required() ) {
$post = get_post();
$excerpt=$post->post_excerpt;
}
return $excerpt;
}
add_filter( 'the_excerpt', 'wpb_protected_excerpt' );

function wpb_protected_excerpt_posts( $content ) {
if ( post_password_required() && is_single() ) {
$post = get_post();

return $post->post_excerpt.$content;
}}
add_filter( 'the_content', 'wpb_protected_excerpt_posts', 10 );

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

excerptcheckbox - Как показывать краткое содержание защищенных паролем постов

Это выведет мета-бокс под редактором поста, где вы сможете ввести краткое содержание своего поста.

excerptwp - Как показывать краткое содержание защищенных паролем постов

Перед публикацией поста убедитесь, что он защищен паролем.

protected post - Как показывать краткое содержание защищенных паролем постов

Способ второй: используя плагин

Использование защищенных паролем постов вещь несложная, но она не гарантирует вам то, что этот пост увидят действительно те, кто его должен увидеть. Если у вас многопользовательский сайт, то лучше использовать плагин в качестве меры защиты. В этом случае вы сможете управлять кто из пользователей будет иметь доступ к защищенным постам и вы сможете с легкостью контролировать как много контента вы хотите показать. Воспринимайте это как сайт с многоуровневой подпиской. Для этого вам надо первым делом установить и активировать плагин Restrict Content Pro. После активации зайдите в его настройки (Restrict » Settings), чтобы настроить плагин.

restrictedcontentmessage - Как показывать краткое содержание защищенных паролем постов

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

restrictcontentshortcode - Как показывать краткое содержание защищенных паролем постов

Важно: вам не надо защищать пост паролем.

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

subscriberonly - Как показывать краткое содержание защищенных паролем постов

Продажа премиум-контента у себя на сайте

Вышеупомянутый плагин также позволяет вам продавать подписки на премиум-контент. Вы можете принимать платежи с помощью Stripe, Paypal и Braintee.

restrictcontentpayments - Как показывать краткое содержание защищенных паролем постов

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


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


, ,

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

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

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

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

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

Сперва вам надо установить и активировать плагин Delete All Comments. После его активации зайдите на страницу Tools > Delete All Comments. На ней вы увидите общее количество комментариев на сайте, панель подтверждения и кнопку удаления.

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

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

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

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

phpmyadmincpanel 1 - Как одним махом удалить все комментарии Wordpress?

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

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

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

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

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

TRUNCATE `wp_commentmeta`;
TRUNCATE `wp_comments`;


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


,

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

Относительная дата – это то, что можно часто увидеть в социальных сетях, таких как Digg, например – “добавлено 23 минуты назад”. Та же идея может быть использована для постов и комментариев в блоге WordPress, где вы можете отображать относительные даты как временные метки. Этот плагин хорошо подходит для комментариев, потому что облегчает общение и показывает активность в блоге.

Пример даты и времени поста/комментария

Сегодня
Вчера
10 Января 2016 (2 дня назад)
25 Января 2016 (2 недели назад)

21:10 (2 секунды назад)
21:15 (5 минут назад)
22:15 (2 часа назад)

Установка

Найдите похожий код в ваших single.php, index.php, comments.php и page.php:

<?php the_date(); ?>

Замените на:

<?php relative_post_the_date(); ?>

Примечание: Вам не нужно обновлять все эти файлы, а только те, которые вам нужны.

Скачайте плагин WP-Relative Date


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


,

Как перенаправить посетителей на временную страницу техобслуживания в WordPress с помощью Maintenance Mode

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

Плагин Maintenance Mode

Плагин Maintenance Mode для WordPress – это один из самых популярных плагинов, скачанный более 461 тысячи раз. Он добавляет на ваш блог splash-страницу, которая оповещает посетителей о том, что ваш блог находится на реконструкции. Обычно посетители видят сообщение “Maintenance Mode – НазваниеВашегоСайта находится на реконструкции. Пожалуйста попробуйте зайти снова через ХХ дней, ХХ часов, ХХ минут. Приносим извинения за неудобства”.

maintenancemode

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

Все, что вам нужно сделать – скачать плагин Maintenance Mode и активировать его. Затем зайдите во вкладку Settings > Maintenance Mode.

maintenancemode2

Чтобы включить режим техобслуживания, вам нужно нажать на кнопку Activate. Выберите Backtime, а затем нажмите Save. Если хотите, можете изменить сообщение, которое увидят посетители, в соответствующем поле. У этого плагина есть 3 варианта отображения. Первый – дефолтная тема, внешне не очень привлекательная. Второй – тема WordPress Login, которая выглядит чуть получше. Третий вариант – создать кастомный файл, подходящий к теме вашего сайта. Вы можете сделать кастомную тему, создав файл под названием “503.php” в папке вашей темы.

maintenancemode3

Вы можете указать, какая пользовательская роль будет иметь доступ к внешнему интерфейсу, а какая – только к внутреннему. Более того, вы также можете оставить некоторые пути доступными, например каналы, XML-RPC, контактную страницу, страницу “о нас” и т.д.

Хороший способ не забыть выключить режим техобслуживания, когда вы закончили вносить изменения, – использовать условный тэг. Откройте свой header.php файл и добавьте следующий код после тэга body:

<?php if (function_exists('is_maintenance') && is_maintenance() ) {
	echo '

<div style="padding: 3px; margin: 10px 0 10px 0; border: 2px solid red;">The Maintenance Mode is activated. Please don\'t forget to <a href="/wp-admin/options-general.php?page=maintenance-mode.php">deactivate</a> it as soon as you are done.</div>


';
}?>

WP Maintenance Mode

WP Maintenance Mode – еще один популярный плагин, который нам приглянулся из-за того, что в нем есть много готовых шаблонов для режима техобслуживания, которые очень пригодятся новичкам. Этот плагин добавляет на ваш сайт splash-страницу, которая дает вашим посетителям знать, что сайт находится на реконструкции. Администраторы и другие пользовательские роли будут при это иметь полный доступ к внешнему и внутреннему интерфейсу.

Для начала скачайте WP Maintenance Mode и активируйте его. В отличие от других плагинов, настройка панелей этого плагина находится на странице Plugins, спрятанная в jQuery. Мы бы предпочли отдельную страницу, но и так неплохо.

wpmaintenancemode

Чтобы активировать режим техобслуживания, вам нужно выбрать True в ниспадающем меню, а затем нажать Activate. Этот плагин также позволяет вам поставить обратный отсчет, если хотите. В отличие от Maintenance Mode, который оставляет ссылку в нижнем колонтитуле своих страниц, этот плагин позволяет вам спрятать эти ссылки (что должен сделать каждый разработчик). Никого не следует заставлять отображать эти ссылки на своей домашней странице. Плагин также позволяет вам выбрать индивидуализированный дизайн, и позволяет добавлять контент через перехваты, не создавая отдельного файла. В нем уже есть дефолтный шаблон “Own Theme”, в котором вы можете указать конкретный адрес CSS, а также добавить контент к одному из трех перехватов: wm_head, wm_content, wm_footer. Например, код ниже можно скопировать и добавить в ваш файл вашей темы functions.php.

function add_my_link() {
echo '&lt;a href="http://mylink.com/"&gt;My Link&lt;/a&gt;
}
add_action( 'wm_footer', 'add_my_link' );

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

wpmaintenancemode2

Чтобы увидеть все готовые темы, зайдите в раздел Screenshots.

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


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


,

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

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

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

Для начала вам потребуется установить и активировать плагин Capability Manager Enhanced. После активации этого плагина, зайдите в Users > Capabilities.

Настройка доступа и прав для пользовательской роли

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

select-role-edit

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

select-capabilities

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

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

В том же самом окне capabilities, создайте новую пользовательскую роль. Введите название роли в боксе Create New Role справа. Например, Главный редактор, Младший копирайтер, Сотрудник поддержки и т.д.

create-custom-role

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

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


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


,

Как сделать так, чтобы WordPress не забывал ваше имя пользователя и пароль с помощью Always Remember Me

Очень раздражает, когда забываешь отметить бокс “Remember me” на странице авторизации WordPress. Теперь, когда вы закроете браузер, сайт забудет ваше имя пользователя и пароль, потому что вы не отметили бокс Remember me. В этой статье мы покажем, как можно автоматически отметить чекбокс Remember me при входе в WordPress и продлить cookie авторизации. Это позволит вам всегда иметь быстрый доступ к разделу администратора.

rememberme

Видео урок

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

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

rememberme-settings

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

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

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

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

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


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