Создаем виджет для шорткодов в WordPress. Как вставить шорткод в виджет wordpress
Создаем виджет для шорткодов в WordPress
class Shortcodes_Widget extends WP_Widget {
/**
* Widget constructor
*
* @desc устанавливаем дефолтные настройки и контролы для виджета
*/
function Shortcodes_Widget () {
/* Настройки виджета */
$widget_ops = array (
'classname' => 'widget_shortcodes',
'description' => __( 'Show shortcodes' )
);
/* Создаем виджет */
$this->WP_Widget( 'shortcodes-widget', __( 'Shortcodes' ), $widget_ops );
}
/**
* Выводим виджет
*
* Обрабатываем вывод виджета
* @param array
* @param array
*/
function widget( $args, $instance ) {
extract ($args);
echo $before_widget;
echo $before_title . $instance['title'] . $after_title;
echo do_shortcode($instance['shortcodes']);
echo $after_widget;
}
/**
* Обновляем и сохраняем виджет
*
* @param array $new_instance
* @param array $old_instance
* @return array New widget values
*/
function update ( $new_instance, $old_instance ) {
$old_instance['title'] = strip_tags( $new_instance['title'] );
$old_instance['shortcodes'] = strip_tags( $new_instance['shortcodes'] );
return $old_instance;
}
/**
* Создаем контролы или настройки виджета
*
* @param array Return widget options form
*/
function form ( $instance ) { ?>
<p>
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php echo __( 'Title',"ait-theme" ); ?>:</label>
<input type="text" name="<?php echo $this->get_field_name( 'title' ); ?>" value="<?php echo $instance['title']; ?>"class="widefat" />
<label for="<?php echo $this->get_field_id( 'shortcodes' ); ?>"><?php echo __( 'Shortcodes' ); ?>:</label>
<textarea name="<?php echo $this->get_field_name( 'shortcodes' ); ?>"><?php echo $instance['shortcodes']; ?></textarea>
</p>
<?php
}
}
register_widget( 'Shortcodes_Widget' );
amoseo.com
Buttons Shortcode and Widget | WordPress.org
Easily create all different kinds of buttons for your WordPress site. Insert buttons anywhere in your site — page/post editor, sidebars, template files. No coding is required. It is all done in a nice and easy interface.
Check on the Buttons Shortcode and Widget: Demo site | Documentation page
Upgrade to the Pro version of this plugin — the fastes way to build your WordPress based site including regular updates and premium support:Content Manager | Demo site
Get some more awesome FREE plugins: Portfolio Manager, Widgetize Pages, Blog Manager
Button Options
- Button Title
- Ссылки
- Open in a new window
- Размер
- Font Icon Type
- Положение иконки
- Форма
- Цвет шрифта
- Цвет фона
- Цвет окантовки
- Цвет заголовка
- URL-адрес иконки
- Custom CSS Class
Insert Buttons Anywhere in your site
Basically buttons can be inserted anywhere in your site
- Page/post WYSIWYG editor by using the buttion in the editor
- In sidebars by using the OTW Shortcode Widget
- In template files by using the button’s shortcode and WP do_shortcode function
Custom styling
If you need to further style a button here are your options:
- Each button shortcode has it’s unique CSS class that can be used to style all buttons.
- Create a new class for each instance of a button shortcode in its interface so you can style it individually.
Localization/Internationalization
This plugin comes Localization/Internationalization ready. It is following WordPress I18n standards.
Full version of the plugin
Upgrade to the full version of Content Manager |Demo site
- Custom Responsive Layouts — Build in Seconds
- Front-end Editor — Edit your layouts and content in the front-end of your site
- 40+ Shortcodes with add/edit Interface, Custom and Imported Shortcodes
- Insert Shortcodes Anywhere — Layouts, Page Editor, Sidebars, Template files
- Insert Sidebars Anywhere — Layouts, Page Editor, Template files
- WordPress Widgets Anywhere — Layouts, Page Editor, Template files
- Content Sidebars
- Support and Updates
- Zero Coding Required
Follow on Twitter |Facebook |YouTube |Google +
WYSIWYG page/post editor button
OTW Shortcode Widget
Buttons Options
Front-end
ru.wordpress.org
Как добавить шорткоды в боковую панель WordPress ?
Сегодня мы расскажем и покажем, как добавлять шорткоды в боковую панель своего WordPress сайта. С их помощью вы сможете отобразить список товаров WooCommerce, кнопки социальных сетей или форму контактов.
Давайте в качестве примера добавим форму контактов. Для того, чтобы отобразить ее в любой области виджета, вам необходимо зайти в настройки и скопировать сам шорткод.
Перейти к Внешний вид (Appearance) – Виджеты (Widgets) и найти виджет Текст (Text) среди доступных в левой колонке. Перетащите его в нужную область виджета.
Вставьте шорткод в блок контента виджета Текст и при желании присвойте ему имя. Сохраните изменения.
Когда это действие применено, можете проверить страницу. В области текстового виджета будет отображаться этот шорткод.
Совсем не сложно, правда? Теперь можно отправляться в нашу WordPress библиотеку за новеньким решением для своего проекта.
Об авторе
Ольга Владыко Молодой и очень перспективный автор блога TemplateMonster. Ольга, как и любая девушка, тяготеет к прекрасному. Поэтому в ее постах вы найдете только лучшие фотографии, превосходные шаблоны, утонченные решения и плавность мысли. Старательна, ответственна, трудолюбива.
Прокомментируйте первым.
www.templatemonster.com
