Содержание

Что такое шорткоды и как их использовать?

Приветствую, уважаемые читатели wpnice. Сегодня поговорим о такой полезной функции в вашем блоге как шорткоды. А последующие две публикации я посвящу обзору двух самых популярных плагинов по использованию шорткодов. Первый плагин бесплатный — Shortcodes Ultimate. И еще один, платный — Styles with Shortcodes. Изначально хотел сразу приступить к обзору плагинов, но все таки, решил сначала сделать небольшую статью о том, что такое вообще шорткоды.

Что такое шорткоды [shortcodes]?

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

Что дают шорткоды?

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

Шоркоды стали использоваться в WordPress c версии 2.5. Собственно говоря, многие привычные плагины именно тем и занимаются, что выводят необходимый пользователю контент именно в виде шорткодов. Например, плагин — Video Sidebar Widgets или всем известная галерея — Nextgen Gallery. Я уж не говорю о таком популярном плагине как Visual Composer.

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

[ shortcode ]. Их легко запомнить и достаточно просто вставить в контент вашей страницы, записи или даже в текстовый виджет в сайдбаре.

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

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

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

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

Примеры использования щорткодов

Что такое шорткод?

Смотри выше по тексту

Больной пошел на поправку. Но не дошел.

Воспитанный мужчина не сделает замечания женщине, плохо несущей шпалу.

Граждане! Летайте самолетами Аэрофлота! Спешите! Их осталось совсем немного.

Кнопка
Большая кнопка

Tab 1 | Если вы, посмотрев в зеркало, никого там не увидели. Значит, вы неотразимы!

Tab 2 | Если гора не идет к Магомету, … Значит, травка была не очень……

Tab 3 | Если тебе лизнули зад, не расслабляйся — это смазка!

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

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

Читайте так же:
Shortcodes Ultimate — шорткоды для вашего блога
4 бесплатных WordPress плагина шорткодов

wpnice.ru

Что такое шорткоды WordPress и как их подключить

Трям – здравствуйте! Это в «Милитилитрямдии», если помните.

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

Что такое шорткод? Это специальный код, который позволяет создать креативную вещь на странице блога. Например: рамку, красиво оформленную цитату, галерею или слайд из картинок и много чего ещё. Это статья на частый вопрос: «Татьяна, а как здесь вставить рамку?».

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

Shortcodes Ultimate

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

Поэтому поехали! Бояться не нужно. Для знакомства с данным плагином советую создать «рыбный текст» для тренировки. И «потыкать» просто по всем кнопочкам. Так и с каждым шорткодом познакомитесь, и текст не испортите. А удалить потом черновик можно будет в любой момент.

Админка блога – плагины – добавить новый. В поиск вводим Shortcodes Ultimate – установить – активировать.

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

Как подключить шорткод в тексте

Пример ‘рамки’. В плагине он называется ‘блок’

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

Выбрать интересующую вас «вставку». Здесь я установила интересующую многих «рамочку». Здесь данный шорткод имеет название – блок.

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

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

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

Это – просто «цитата». Только будьте внимательны, здесь инициалы автора нужно указывать в специально отведенном поле. А «цитата с обтеканием» выглядит вот так:

Это цитата с обтеканием. Её можно выровнять как по левому краю, так и по правому.

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

Можно добавить и текст в двух колонках:

В настройках будет представлено два шорткода, внутри каждого два слова «Содержимое колонки». Удаляете их и записываете свой текст.

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

Ещё меня заинтересовал шорткод — соседние страницы. Не получилось предварительно просмотреть результат во всплывающем окне, только после его установке при клике на предпросмотр в редакторе Вордпресс. Получилось вот что:

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

А вот кстати и рамка. Шорткод называется «Заметка». Цвет фона и теста можно выбрать самостоятельно. В принципе это можно сделать и в обновленном редакторе Вордпресс, единственно, что она может быть «скруглённой» и с вот такой вот «окантовочкой»

Что-то у меня немного не получилось с «аккордеоном» и «вкладками». Наверно просто немного подустала. День был насыщенным. Если у вас настройка данных шорткодов пройдёт на «ура» и с первого раза — прошу поделиться в комментариях. Мне очень интересно в чём проблема.

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

vmeste-k-uspexu.ru

Шорткоды в WordPress

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

Например стандартный вордпрессовский шорткод позволяет вывести галерею внутри поста.

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

Так же, как у функции могут быть аргументы, так и шорткод может иметь собственные параметры. Ещё один пример с шорткодом :

В параметре ids перечислены ID изображений, входящих в галерею, параметр size — размер вставляемых изображений.
Простой пример создания шорткода
Создать свой шорткод не труднее, чем написать собственную функцию PHP. Например я решил создать шорткод [misha], который при вставке в пост будет выводить URL главной страницы сайта.
function true_misha_func( $atts ){
	return site_url(); // никаких echo, только return
}
 
add_shortcode( 'misha', 'true_misha_func' );
Код можете вставить в файл functions.php (я имею ввиду тот, который находится в директории вашей текущей темы).
Имя шорткода должно быть обязательно в нижнем регистре и содержать только буквы латинского алфавита, цифры и символ подчеркивания.
Шорткод с параметрами
Окей, я уже писал, что у шорткодов могут быть свои параметры, давайте теперь посмотрим как это делается.
В качестве примера я написал шорткод, который просто вставляет ссылку в пост, которая открывается в новой вкладке браузера target="_blank". Не думаю, что на деле он может быть полезен, но для нас сейчас главное — понять сам принцип работы шорткодов.
Параметров будет два: anchor и url — анкор (текст ссылки) и URL соответственно. Как будет выглядеть сам шорткод: [trueurl anchor="Мой блог" url="https://misha.blog/blog"]. Если параметр не будет указан в самом шорткоде, то будет использоваться его значение по умолчанию, заданное в функции.
function true_url_external( $atts ) {
	$params = shortcode_atts( array( // в массиве укажите значения параметров по умолчанию
		'anchor' => 'Миша Рудрастых', // параметр 1
		'url' => 'https://misha.blog', // параметр 2
	), $atts );
	return "<a href='{$params['url']}' target='_blank'>{$params['anchor']}</a>";
}
add_shortcode( 'trueurl', 'true_url_external' );
Названия атрибутов шорткодов также рекомендуется использовать в нижнем регистре. Значения же атрибутов могут содержать любые символы.
Закрывающиеся шорткоды и шорткод внутри шорткода
Давайте возьмём шорткод из предыдущего примера и немного переколдуем его. Напомню, что шорткод выглядел так:
[trueurl anchor="текст ссылки" url="URL ссылки"].
Что, если мы переделаем его следующим образом: [trueurl anchor="текст ссылки"]URL ссылки[/trueurl].
Кроме того, вовнутрь закрывающихся шорткодов можно вставлять и другие шорткоды (благодаря функции do_shortcode()).
В соответствии с этим давайте переделаем наш код из предыдущего примера:
function true_url_external( $atts, $shortcode_content = null ) {
	$params = shortcode_atts( array(
		'anchor' => 'Миша Рудрастых'
	), $atts );
	return "<a href='" . do_shortcode($shortcode_content) . "' target='_blank'>{$params['anchor']}</a>";
}
add_shortcode( 'trueurl', 'true_url_external' );
Теперь шорткод следующего вида [trueurl anchor="главная"][misha][/trueurl] выведет ссылку на главную страницу вашего сайта (про шорткод [misha] я писал выше).
Добавляем кнопку вставки шорткода в визуальный редактор поста TinyMCE
Понятное дело, что гораздо удобнее вставлять шорткод будет через встроенный редактор TinyMCE, а если при этом будет ещё реализован интерфейс, позволяющий задавать параметры шорткода, то вообще круто.
1. PHP
Вне зависимости от того, будет ли ваша кнопка текстовая, либо с иконкой, будет ли она содержать дополнительные поля ввода (параметры шорткода) или нет — во всех случаях PHP-код регистрации кнопки будет одинаков.
// Хуки
function true_add_mce_button() {
	// проверяем права пользователя - может ли он редактировать посты и страницы
	if ( !current_user_can( 'edit_posts' ) && !current_user_can( 'edit_pages' ) ) {
		return; // если не может, то и кнопка ему не понадобится, в этом случае выходим из функции
	}
	// проверяем, включен ли визуальный редактор у пользователя в настройках (если нет, то и кнопку подключать незачем)
	if ( 'true' == get_user_option( 'rich_editing' ) ) {
		add_filter( 'mce_external_plugins', 'true_add_tinymce_script' );
		add_filter( 'mce_buttons', 'true_register_mce_button' );
	}
}
add_action('admin_head', 'true_add_mce_button');
 
// В этом функции указываем ссылку на JavaScript-файл кнопки
function true_add_tinymce_script( $plugin_array ) {
	$plugin_array['true_mce_button'] = get_stylesheet_directory_uri() .'/true_button.js'; // true_mce_button - идентификатор кнопки
	return $plugin_array;
}
 
// Регистрируем кнопку в редакторе
function true_register_mce_button( $buttons ) {
	array_push( $buttons, 'true_mce_button' ); // true_mce_button - идентификатор кнопки
	return $buttons;
}
В этом примере для получения URL папки с текущей темой я использовал функцию get_stylesheet_directory_uri(). true_button.js — собственно сама кнопка, создайте этот файл в директории с темой (или там, где вам удобно, но не забудьте в этом случае поменять путь к нему).
2.1. JavaScript. Пример простой кнопки
Займёмся содержимым файла true_button.js. Итак, создадим для начала простую кнопку, которая будет вставлять шорткод [misha].
(function() {
	tinymce.PluginManager.add('true_mce_button', function( editor, url ) { // true_mce_button - ID кнопки
		editor.addButton('true_mce_button', {  // true_mce_button - ID кнопки, везде должен быть одинаковым
			text: '[misha]', // текст кнопки, если вы хотите, чтобы ваша кнопка содержала только иконку, удалите эту строку
			title: 'Вставить шорткод [misha]', // всплывающая подсказка
			icon: false, // тут можно указать любую из существующих векторных иконок в TinyMCE либо собственный CSS-класс
			onclick: function() {
				editor.insertContent('[misha]'); // вставляем шорткод [misha] в редактор, также можно задать любое действие jQuery
			}
		});
	});
})();
В результате:
 Текстовый вариант кнопки вставки шорткода в визуальном редакторе TinyMCE.
2.2. Кнопка с иконкой, выпадающим списком и с возможностью задавать параметры шорткода
Начну с того, что вставлю (а точнее заменю) код в файл true_button.js:
(function() {
	tinymce.PluginManager.add('true_mce_button', function( editor, url ) { // id кнопки true_mce_button должен быть везде один и тот же
		editor.addButton( 'true_mce_button', { // id кнопки true_mce_button
			icon: 'perec', // мой собственный CSS класс, благодаря которому я задам иконку кнопки
			type: 'menubutton',
			title: 'Вставить элемент', // всплывающая подсказка при наведении
			menu: [ // тут начинается первый выпадающий список
				{
					text: 'Элементы форм',
					menu: [ // тут начинается второй выпадающий список внутри первого
						{
							text: 'Текстовое поле',
							onclick: function() {
								editor.windowManager.open( {
									title: 'Задайте параметры поля',
									body: [
										{
											type: 'textbox', // тип textbox = текстовое поле
											name: 'textboxName', // ID, будет использоваться ниже
											label: 'ID и name текстового поля', // лейбл
											value: 'comment' // значение по умолчанию
										},
										{
											type: 'textbox', // тип textbox = текстовое поле
											name: 'multilineName',
											label: 'Значение текстового поля по умолчанию',
											value: 'Привет',
											multiline: true, // большое текстовое поле - textarea
											minWidth: 300, // минимальная ширина в пикселях
											minHeight: 100 // минимальная высота в пикселях
										},
										{
											type: 'listbox', // тип listbox = выпадающий список select
											name: 'listboxName',
											label: 'Заполнение',
											'values': [ // значения выпадающего списка
												{text: 'Обязательное', value: '1'}, // лейбл, значение
												{text: 'Необязательное', value: '2'}
											]
										}
									],
									onsubmit: function( e ) { // это будет происходить после заполнения полей и нажатии кнопки отправки
										editor.insertContent( '[textarea value="' + e.data.multilineName + '" required="' + e.data.listboxName + '"]');
									}
								});
							}
						},
						{ // второй элемент вложенного выпадающего списка, прост вставляет шорткод [button]
							text: 'Кнопка отправки',
							onclick: function() {
								editor.insertContent('[button]');
							}
						}
					]
				},
				{ // второй элемент первого выпадающего списка, просто вставляет [misha]
					text: 'Шорткод [misha]',
					onclick: function() {
						editor.insertContent('[misha]');
					}
				}
			]
		});
	});
})();
После вставки кода моя кнопка уже появилась и работает. Единственное только — у неё нет никакой иконки (ну кроме стрелочки вниз).
Сейчас нам понадобится немного CSS-кода. Прежде всего хочу сказать, что вы можете использовать:
  • Встроенные иконки TinyMCE.
  • Другие иконочные шрифты, в том числе и dashicons.
  • Любую картинку через background-image.
  • Изображение, закодированное в base64.
В своем примере я использовал обычную картинку с перцем, которая у меня находится в той же директории, что и CSS-файл.
i.mce-i-perec {
	background-image: url('perec.png');
}
Если использовали этот же способ и иконка не появилась — попробуйте прописать к ней абсолютный URL.
Для подключения CSS используйте функцию wp_enqueue_style() либо хук admin_head.
Результат:
 Всплывающее окно, в котором можно задать параметры шорткода, появляющееся при нажатии на кнопку в визуальном редакторе.
Если вы хотите использовать dashicons, то ваш CSS для иконки перца будет выглядеть примерно следующим образом:
i.mce-i-perec {
	content: "\f511"; /* выбираем иконку и узнаем ее код тут https://developer.wordpress.org/resource/dashicons/ */
	font-family:'dashicons';
	font-size:20px; /* можно подкорректировать размер шрифта, если не устраивает*/
}
Применение шорткодов к переменным в PHP
Тут всё сводится к использованию одной функции — do_shortcode().
do_shortcode()
$content
(строка) (обязательный) Функция выполняет все шорткоды, которые содержатся в этом аргументе.
Функция в качестве параметра может содержать лишь один шорткод:
echo do_shortcode( '[misha]' );
Или шорткод и какой-то контент:
echo do_shortcode( '[trueurl anchor="Главная"]' . site_url() . '[/trueurl]' );
Популярный пример, позволяет получить или вывести содержимое поста с применением шорткодов при помощи функции get_the_content():
$content_shortcoded = do_shortcode(get_the_content());
Вот пожалуй и всё. Если у вас возникнут какие-то вопросы, пожалуйста, оставляйте их ниже в комментах, буду рад помочь.
Миша
Впервые познакомился с WordPress в 2009 году. С 2014 года меня можно встретить на WordCamp по всему миру — официальной конфе по WordPress, иногда там выступаю, но с 2019 выступаю только на тех, которые сам организовываю. Также периодически школа Epic Skills и LoftSchool приглашают меня вести у них уроки/вебинары.
Если вам нужна помощь с вашим сайтом или может даже разработка с нуля — пишите мне.
misha.blog
подробная инструкция и 3 примера аналогов
В статье рассмотрим шорткоды плагин wordpress, которые создают быстрый вывод функционала с помощью коротких фраз заключённых в квадратные скобки. Метод используется широко для показа на экран рекламных блоков, спойлеров, стандартных текстов, применений множество.
Shortcodes Ultimate на русском языке
Продвинутый плагин Shortcodes Ultimate вобрал самые лучшие возможности у конкурентов, а русская версия добавляет удобства, плюс для пользователей. Вот примерный список достоинств:
  • Около 50 видов активных шорткодов
  • Быстрая вставка
  • Адаптивность
  • Заявлена совместимость со всеми темами и плагинами wordpress
  • Лёгкий код для доработки
  • Поддержка guttenberg
  • Имеет собственный виджет
Обзор настроек
Разберём как пользоваться данным wordpress плагином. Устанавливаем стандартно через поиск из панели, или скачиваем с этой страницы. Активируем и переходим в новый раздел “Шорткоды”. В пункте настроек, есть два важных момента:
 Shortcodes Ultimate обзор настроек
  • Свой CSS код, не вставляйте стили в шаблон, если захотите изменить внешний вид стандартных блоков
  • Префикс, отличительная приставка, чтобы шорткоды не спорили с другими плагинами, можете изменить на своё значение
Если необходимо вывести JavaScript или обширный HTML, без всякого оформления, как он есть, то рекомендую воспользоваться другим вариантом под названием shortcoder, описанным ниже.
Доступные shortcod
Следующий раздел доступных вариантов шорткодов, их много, пожалуй самая большая коллекция. Зайдя и выбрав один из вариантов (я взял “вкладки”), увидим подробную справку как пользоваться и настроить.
 доступные варианты шорткодов к использованию
 
Понравилась структура построения раздела, сначала предварительный просмотр, потом пример кода, а после доступные параметры и операторы из которых состоит весь блок, очень удобно если забыли как изменить внешний вид или добавить атрибуты.
Работа в записях и страницах wordpress
Для добавления быстрых кодов в запись или страницу, переходим в редактирование и вверху над панелью появиться кнопка с символом [ ]. Нажимая на неё, откроется список элементов, выбираем необходимый и в следующем окне настраиваем отображение.
В параметрах внешнего вида есть ссылка “больше стилей”, это переход на официальный сайт разработчиков, с предложением купить расширение стандартного функционала. Но если вы имеете базовые знания CSS то они не нужны.
Вставка в виджетах
Данный плагин wordpress умеет работать с виджетами, создавая собственный в панели “внешний вид”. Заходим и спускаемся вниз, находим одноимённый виджет и перетаскиваем к активным. Таким же методом настраиваем и сохраняем.
Отмечу простоту использования, продуманность зашкаливает. Если не жалко 30$ и желаете расширить плагин до премиум версии, то покупка себя оправдает.
Советую почитать:
  1. Как делать shortcodes самому
  2. Калькуляторы wordpress
  3. Делаем красивую бегущую строку
Если рассказал не понятно то прошу просмотреть видео.
Остальные плагины вордпресс для создания шорткодов
Остальные плагины вордпресс уступают первому в удобстве, много вещей, которые можно перенести или упростить:
  1. fruitful-shortcodes- имеет скудный функционал, 8 против 50 прошлого претендента. Не переведён на русский язык и запутан. Но плюс в том что все кнопки появляются прямо в редакторе, для меня удобно, но стальным покажется загромождённая панель, что затруднит написание статей. Отмечу красоту и множество форм вывода и дизайна, что в большинстве доступно только платным инструментам.
  2. shortcoder- работает по другому принципу, администратор сначала задает в плагине что выводить на экран (текст, фрейм, картинки и т.д.), а потом уже shortcoder генерирует короткий код, а не как остальные большие куски. Например хотите вывести рекламу от РСЯ, остальные плагины не подойдут, в них нет смысла, а если применить этот инструмент, то один раз забили код от РСЯ и дальше его выводите короткой фразой [reklama-rsa].
  3. accordion-shortcodes- очень компактный и направленный на одну функцию, создавать открывающиеся меню (аккордеоны), посредством шорткодов в любом месте страницы и сайта.
В записи полностью разобрали один плагин по выводу шорткодов в wordpress, так же привёл топ остальных возможностей, и дал отличные рекомендации по работе.
Если Вам понравилась статья — поделитесь с друзьями
wpschool.ru
Создание шорткодов | WordPress.org Русский
Всем привет.
Возник общий вопрос, но знаний английского не хватает, чтобы спросить в форуме поддержки темы.
Вообщем есть свежая версия вордпреса и тема с кучей возможностей, включая возможность добавлять php-код в контент или создавать шорткоды с кодом. Так вот, обнаружил, что при вставке в контент простого кода — проблем нет, более менее сложного, то не срабатывает, но работает, если создать шорткод.
Например,
[php] the_permalink() [/php]
работает при вставке в контент и при вставке через шорткод, созданный через тему.
Но, например, при использовании скрипта share42, все работает, кроме php-кода (the_permalink()) и т.д. Код курочить нельзя, другие возможности пока осваиваю.
Пробовал вставлять в тему в разные места. Просто
<strong>[php] the_permalink() [/php]</strong>
работает, а
<div data-url="<strong>[php] the_permalink() [/php]</strong>" data-title="<strong>[php] the_title() [/php]</strong>"></div>
нет.
Нашел обходной способ, сделать простейший плагин, в котором только функции и создание шорткода для этой функции, без всяких других возможностей. Так работает.
Собственно вопрос 1, так нормально? Не будет каких подводных камней?
Такие простейшие плагины я видел в репозитарии вордпрес.
И вопрос 2, как лучше, сделать отдельно плагин на каждый шорткод или один плагин на все шорткоды ?
  •  Тема изменена 1 год, 5 месяцев назад пользователем savsoft.
  •  Тема изменена 1 год, 5 месяцев назад пользователем savsoft.
  •  Тема изменена 1 год, 5 месяцев назад пользователем savsoft.
ru.wordpress.org
Top-10 полезных шорткодов WordPress | Блог Ирины Соколовской
add_shortcode(‘wcs_count’, ‘wcs_count_shortcode_handler’);
 
function wcs_count_shortcode_handler($atts)
{
    // extract parameters
    $parms = shortcode_atts(array(
        ‘type’ => ‘posts’,
        ‘format’ => ‘true’,
        ‘extra’ => ‘1’,
        ), $atts);
 
    $type = strtolower($parms[‘type’]);
    $format = strtolower($parms[‘format’]);
    $extra = $parms[‘extra’];
 
    // process t/f options
    $b_format = false;
    if (($format == ‘yes’) || ($format == ‘y’) ||
        ($format == ‘true’) || ($format == ‘1’))
    {$b_format = true;}
 
    // exit
    return wcs_get_count($type, $b_format, $extra);
}
 
function wcs_get_count($type=’posts’, $format=’1′, $extra=’1′)
{
    // TYPES:
    // posts, posts_by_author, pages, tags, categories
    // users, ms_users, blogroll, blogroll_categories, commenters
    // comments, comments_pending, comments_spam, comments_pingback
    // comments_by_user, comments_by_nicename, comments_by_email
    // comments_per_post
 
    // $extra is used with:
    // posts_by_author, comments_by_user, comments_by_nicename, comments_by_email
    // comments_per_post
 
    // init
    global $wpdb;
    $type = strtolower($type);
    $count = 0;
 
    // process
    switch($type)
    {
        case ‘posts’: // published
        $count = wp_count_posts(‘post’);
        $count = $count->publish;
        // options: publish, future, draft, pending, private, trash, auto-draft, & inherit
        break;
 
        case ‘posts_by_author’: // use $extra for user/author id
        case ‘posts_by_user’:
        $query = «SELECT COUNT(*) FROM $wpdb->posts «;
        $where = «WHERE post_type=’post’ AND post_status=’publish’ AND post_author=’$extra'»;
        $count = $wpdb->get_var($query . $where);
        // alternative method is: count_user_posts()
        break;
 
        case ‘pages’: // published
        $count = wp_count_posts(‘page’);
        $count = $count->publish;
        break;
 
        case ‘tags’:
        $count = wp_count_terms(‘post_tag’);
        break;
 
        case ‘categories’:
        $count = wp_count_terms(‘category’);
        break;
 
        case ‘users’:
        $count = count_users();
        $count = $count[‘total_users’];
        break;
 
        case ‘ms_users’: // multi-site
        $count = get_user_count();
        break;
 
        case ‘blogroll’:
        $query = «SELECT COUNT(*) FROM $wpdb->links «;
        $where = «WHERE link_visible=’Y'»;
        $count = $wpdb->get_var($query . $where);
        break;
 
        case ‘blogroll_categories’:
        $count = wp_count_terms(‘link_category’);
        break;
 
        case ‘commenters’:
        $query = «SELECT COUNT(DISTINCT comment_author) FROM $wpdb->comments «;
        $where = «WHERE comment_approved=’1′ AND comment_type=»»;
        $count = $wpdb->get_var($query . $where);
        break;
 
        case ‘comments’:
        $query = «SELECT COUNT(*) FROM $wpdb->comments «;
        $where = «WHERE comment_approved=’1′ AND comment_type=»»;
        $count = $wpdb->get_var($query . $where);
        break;
 
        case ‘comments_pending’:
        $query = «SELECT COUNT(*) FROM $wpdb->comments «;
        $where = «WHERE comment_approved=’0′ AND comment_type=»»;
        $count = $wpdb->get_var($query . $where);
        break;
 
        case ‘comments_spam’:
        $query = «SELECT COUNT(*) FROM $wpdb->comments «;
        $where = «WHERE comment_approved=’spam’ AND comment_type=»»;
        $count = $wpdb->get_var($query . $where);
        break;
 
        case ‘comments_pingback’:
        case ‘comments_pingbacks’:
        case ‘comments_trackback’:
        case ‘comments_trackbacks’:
        $query = «SELECT COUNT(*) FROM $wpdb->comments «;
        $where = «WHERE comment_approved=’1′ AND comment_type=’pingback'»;
        $count = $wpdb->get_var($query . $where);
        break;
 
        case ‘comments_by_user’: // use $extra for user_id
        $query = «SELECT COUNT(*) FROM $wpdb->comments «;
        $where = «WHERE comment_approved=’1′ AND comment_type=» AND user_id=’$extra'»;
        $count = $wpdb->get_var($query . $where);
        break;
 
        case ‘comments_by_author’: // use $extra for author nicename (case INsensitive)
        case ‘comments_by_nicename’:
        $query = «SELECT COUNT(*) FROM $wpdb->comments «;
        $where = «WHERE comment_approved=’1′ AND comment_type=» AND comment_author=’$extra'»;
        $count = $wpdb->get_var($query . $where);
        break;
 
        case ‘comments_by_email’: // use $extra for author email (case INsensitive)
        $query = «SELECT COUNT(*) FROM $wpdb->comments «;
        $where = «WHERE comment_approved=’1′ AND comment_type=» AND comment_author_email=’$extra'»;
        $count = $wpdb->get_var($query . $where);
        break;
 
        case ‘comments_per_post’: // $extra is decimal place precision (0 for integer only)
        // posts
        $posts_count = wp_count_posts(‘post’);
        $posts_count = $posts_count->publish;
        // comments
        $query = «SELECT COUNT(*) FROM $wpdb->comments «;
        $where = «WHERE comment_approved=’1′ AND comment_type=»»;
        $comment_count = $wpdb->get_var($query . $where);
        // average
        return round($comment_count / $posts_count, $extra);
 
        default:
        $count = 0;
    }
 
    // exit
    if ($format) {$count = number_format_i18n($count);}
    return $count;
 
    /**********************************************************************
     Copyright © 2011 Gizmo Digital Fusion (http://wpCodeSnippets.info)
     you can redistribute and/or modify this code under the terms of the
     GNU GPL v2: http://www.gnu.org/licenses/gpl-2.0.html
    **********************************************************************/
}
oriolo.ru
Плагины шорткоды WordPress
Короткие коды (Shortcodes) – это самый простой способ добавления пользовательского контента на ваш сайт. Shortcode = ярлык. Вместо того, чтобы тратить время на создание строки кода, вы можете использовать определенный короткий код, просто используя одну короткую строку. Так вы можете в один клик сделать красивый блок, выделить контент, добавить иконки, спойлер, цитату, карту и многое другое. Именно здесь вступают в действие плагины WordPress для коротких кодов.
Представляем 7 лучших плагинов шорткодов для WordPress, как бесплатные, так и премиум-класса.
 
Бесплатные плагины для WordPress
Shortcodes Ultimate
Shortcodes Ultimate – самое популярное решение среди бесплатных плагинов WordPress. Почему он так популярен? Потому что это делает вашу работу с контентом намного проще. Чтобы ваш пользовательский контент был добавлен в посты и на страницы, нужно потратить всего несколько секунд. Особенность этого плагина заключается в том, что он имеет свои короткие коды, классифицированные по типу: контент, поле, медиа, галерея, данные и т. п. Все, что вам нужно сделать, это перейти на страницу или в запись и нажать «Вставить шорткод». С этого момента все будет просто: следуйте подсказкам и заполняйте поля.
Плагин также предоставляет довольно большой набор опций для каждого короткого кода, который вы хотите создать, все это представлено в интуитивно понятной и удобной для пользователя форме. Если вы хотите, чтобы определенная кнопка, слайдер, заметка, видео, лайтбоксы или что-то в этом роде были готовы в считанные секунды, установите Shortcodes Ultimate. И он делает все это бесплатно.
Особенности:
  • 40+ профессиональных коротких кодов.
  • Премиальные надстройки: дополнительные короткие коды, дополнительные скины для коротких кодов плагинов, специальные короткие коды.
  • Полностью адаптивный.
  • Пользовательский редактор CSS.
  • Пользовательский виджет.
WordPress Shortcodes 
Еще один бесплатный плагин, который вставляет в контент разнообразные шорткоды. Вы очень быстро познакомитесь с его интерфейсом и функциями. Прежде чем начинать использовать короткие коды, перейдите к настройкам, чтобы проверить их.
Плагин поставляется в комплекте с пакетом полезных элементов, каждый из которых может пригодится на сайте в какой-то момент: вкладки, списки и разделы, столбцы макетов, ссылки на контент и т. п. Каждый короткий код легко настраивается, вам просто нужно заменить содержимое по умолчанию своим.
Плагин WordPress Shortcodes работает с редактором постов. Просто нажмите кнопку «Shortcode» и откроется отдельное окно со всеми параметрами.
Особенности:
  • 26+ коротких кодов и разных элементов.
  • Множество параметров для гибкой настройки, включая пользовательский CSS.
  • Быстрый и простой в использовании редактор коротких кодов с мгновенными превью.
  • Условные короткие коды для отображения / скрытия содержимого на основе определенных проверок или условий.
  • Дополнительные премиум  пресеты.
Смотрите также:
Различные по функциональности плагины в разделе плагины WordPress
Fruitful Shortcodes
В отличие от других плагинов, Fruitful Shortcodes работает немного по-другому. Он поставляется с большим количеством коротких кодов, которые появятся на панели инструментов редактора, Каждый из которых имеет свой собственный значок. После установки плагина вы найдете все короткие коды, перечисленные в редакторе, и вам просто нужно выбрать те, которые вам нужны. Этот подход очень прост и интуитивно понятен для обычного пользователя.
Шорткоды не могут быть настроены перед вставкой, они автоматически добавляются в запись при нажатии на них. Но вы можете изменить код, удалить текст по умолчанию и добавить свой: изменить размеры, содержимое, цвет и т. п.
Дизайн каждого короткого кода особенный, он выглядит современным и запоминающимся, что приносит пользу вашим постам и страницам. Однако он не содержит большого количества настроек и вариантов короткого кода, но предоставленные  – просто потрясающие.
Особенности:
  • Автоматически добавляет все короткие коды в панель инструментов редактора после установки.
  • 16 различных коротких кодов.
  • Шорткоды выглядят современно и имеют привлекательный дизайн.
WP Shortcode by MyThemeShop
Современный плагин, готовый к настройке за несколько простых шагов. Установите его и перейдите в запись или страницу, где вы хотите добавить короткий код. Нажмите на значок «зеленый плюс» на панели инструментов, и выпадет список со всеми параметрами.
WP Shortcode подходит для людей, которые не ищут продвинутых коротких кодов и настроек, поскольку он предлагает минимальные возможности. Он фактически добавляет простые короткие коды и позволяет использовать только их основные настройки. Он предоставляет простые кнопки, видео-ссылки, вкладки, раскладки столбцов, предупреждения о спойлерах, Google Maps и еще несколько вещей, которые вы можете использовать по умолчанию. Если вам нужны только простые элементы на вашем сайте, этот плагин является легким и простым в настройке.
Особенности:
  • Адаптивный.
  • В комплект включены 24+ коротких кода.
  • Минималистическая настройка для каждого короткого кода.
  • Бесплатная поддержка.
  • Простота настройки, удобство и интуитивность.
Премиальные плагины для WordPress
Vision
Vision – это решение, которое поставляется с множеством опций и настроек для каждого короткого кода. Он использует современный дизайн, который сделает ваши страницы и посты привлекательными. Он поставляется с более чем 100 вариантами короткого кода, и все выглядит просто потрясающе.
Социальные иконки многих форм и цветов, таблицы цен, анимированные индикаторы выполнения, счетчики номеров, все типы кнопок, списки, столбцы, анимации и множество других параметров могут быть просто добавлены на ваш сайт всего за несколько кликов. Все за 25 долларов.
Особенности:
  • 100+ коротких кодов.
  • Красивый и современный дизайн, который подходит для любого сайта.
  • Полностью адаптивный, в том числе и к сетке.
 Дополнительные параметры: 
  • Цветовые вариации,
  • Рисунки, значки, дополнительные настройки и т. п.
  • Короткие коды добавлены непосредственно в редактор содержимого WordPress.
Supreme Shortcodes
Supreme Shortcodes – это еще один замечательный и надежный плагин премиум-класса, который предоставляет различные комбинации коротких кодов любого типа. Независимо от функциональности, которую вы хотите добавить на свой сайт, плагин делает его чрезвычайно простым для вас. Существует много категорий с множеством удивительных шорткодов. Перед установкой плагина вы можете протестировать его, поскольку он предлагает предварительный просмотр в реальном времени для всех коротких кодов, с которыми он поставляется.
Всего за $ 21 ваш сайт будет выглядеть так, как вы хотите. И у вас будет все, что нужно, чтобы ваши пользователи откликались на ваш контент. Каждый короткий код имеет большой набор параметров настройки, которые можно легко управлять с панели инструментов.
Особенности:
  • Полностью адаптивный.
  • Пользовательские CSS.
  • 3D-иконки и кнопки.
  • 100+ коротких кодов.
  • Совместимость Visual Composer.
Intense
Плагин предназначен не только для коротких кодов, но и для пользовательских типов постов, анимации, значков, а также может работать как конструктор страниц. Этот плагин сам по себе может внести значительный вклад в общий внешний вид вашего сайта.
Цена в 25 долларов также включает в себя шаблоны и фрагменты и очень удобный, интуитивно понятный интерфейс. Он имеет 111 современных коротких кодов: медиа, контент, анимацию и эффекты, различные макеты и разделы, слайдеры, пользовательские посты, купоны, счетчики и т. п.
Особенности:
  • Адаптивный.
  • Оптимизирован для скорости.
  • Более 100 коротких кодов и 18+ пользовательских типов постов.
  • Конструктор страниц.
  • Настраиваемые шаблоны и фрагменты.
Смотрите также:
11 бесплатных и полезных инструментов для разработчиков WordPress читайте здесь.
Подводя итог, вот список лучших плагинов WordPress для коротких кодов:
  1. Shortcodes Ultimate – бесплатный и удобный плагин, который поставляется с большим пакетом настраиваемых коротких кодов. Советуем, на всякий случай иметь такой плагин на сайте.
  2. WordPress Shortcodes – добавляет красивые минималистские короткие коды простым способом, но у него не слишком много настроек.
  3. Fruitful Shortcodes – предоставляет небольшое количество современных коротких кодов с минимальными настройками (вы можете настроить, изменив код).
  4. WP Shortcode от MyThemeShop – простой плагин, предлагающий минималистические пользовательские параметры и короткие коды. Он поставляется только с основными функциями.
  5. Vision – обеспечивает более 100 потрясающих коротких кодов и расширенные опции для каждого. Если вы ищете что-то современное и фантазийное, вам понравится этот плагин.
  6. Supreme Shortcodes – большое количество красивых шорткодов кодов для любых целей, которые необходимы каждому профессиональному сайту. Совместимость с Visual Composer.
  7. Intense – самый сложный плагин, который поставляется с множеством потрясающих коротких кодов и пользовательских типов постов. Также работает как конструктор страниц.
Источник: themeisle.com
 Насколько полезным был этот пост?
 Нажмите на звезду, чтобы оценить этот пост!
 Отправить рейтинг
 Средний рейтинг: 5 / 5. Количество голосов: 1
 
Смотрите также:
hostenko.com
No related posts.