WordPress Туториалы

Недавно мы опубликовали статью о том, как установить WordPress на ваш ПК с использованием WAMP. Как и следовало ожидать, мы начали получать от наших читателей вопросы о том, как установить WordPress на Mac. На самом деле, этот процесс почти не отличается от установки на Windows, и в этой статье мы покажем, как установить WordPress на ваш ПК, используя MAMP.

MAMP – это удобная компиляция Apache, MySQL и PHP для Mac. Используя MAMP, вы сможете установить WordPress на ваш Mac и протестировать его. Большинство разработчиков и дизайнеров WordPress используют MAMP в целях разработки. Однако сайт на MAMP доступен для просмотра только вам. Чтобы сделать его доступным в интернете, вам потребуется хостинг WordPress.

Как установить MAMP на Mac

Зайдите на сайт MAMP и скачайте приложение. Когда загрузка будет завершена, откройте скачанный файл. Перетащите файл в папку Applications и следуте инструкциям на экране. Теперь вы сможете запустить MAMP через Applications > MAMP.

Примечание: MAMP также может установить MAMP Pro, поэтому нажмите на правильную опцию.

Прежде чем начать, мы рекомендуем разобраться с настройками. Нажмите на кнопку Preferences, чтобы изменить настройки. Вы увидите новое диалоговое окно. Давайте начнем с вкладки Ports. Здесь вам нужно ввести порты, которые будут использовать Apache и MySQL. Введите порт 80 для Apache и 3306 для MySQL. Порт 88 для Apache даст вам доступ к локальным сайтам через http://localhost вместо http://localhost:8888. Однако при использовании порта 80 вам придется вводить пароль админа вашего компьютера каждый раз, когда вы будете запускать серверы.

Следующий шаг – установить корневую директорию документов. Корневая директория документов – это папка, в который вы будете создавать и хранить ваши сайты. В диалоговом окне с настройками нажмите на Apache и выберите папку, в которой вы хотите хранить свои сайты. В идеале эта новая папка должна находиться в папке Документы. Вы можете дать ей любое название: htdocs, mywebsites, wpdev, и т.п. Мы для примера назовем ее mysite.

Нажмите OK, чтобы сохранить изменения. На экране MAMP проверьте, что и сервер Apache, и сервер MySQL работают.

Установка WordPress на Mac

Скачайте копию WordPress с WordPress.org. Распакуйте zip файл, скопируйте папку wordpress внутри него и вставьте его в вашу корневую директорию документов MAMP. Переименуйте эту папку, как вам удобно, например mysite.

Нажмите кнопку Open Start Page в окне приложения MAMP. Откроется новое браузерное окно. Нажмите на phpMyAdmin в верхней строке меню.

PhpMyAdmin – это веб-приложение для баз данных MySQL. В phpMyAdmin нажмите на Databases и создайте новую базу данных. Вы можете назвать ее, как хотите. Мы будем использовать это имя для базы данных:

Откройте новое окно в браузере и впишите http://localhost/mysite. Если вы переименовали вашу папку wordpress, то используйте здесь свое название. WordPress пошлет вам уведомление о том, что не удалось найти файл wp-config.php. Нажмите на кнопку Create a Configuration File.

В следующем окне введите информацию о своей базе данных. В поле database name введите название базы данных, которую вы только что сделали. Используйте root для имени пользователя и пароля. Для сервера базы данных – localhost.

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

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

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

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

Миграция с MAMP в интернет

По многочисленным запросам мы написали инструкцию о том, как перенести WordPress с локального сервера MAMP на вебсайт.

Мы надеемся, что эта статья помогла вам установить WordPress на Mac с помощью MAMP. Оставляйте свои вопросы и отзывы в комментариях к этому посту.

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

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

Откройте файл темы functions.php и создайте пустой файл, после чего вставьте следующий код:

add_action('init','random_add_rewrite');
function random_add_rewrite() {
       global $wp;
       $wp->add_query_var('random');
       add_rewrite_rule('random/?$', 'index.php?random=1', 'top');
}

add_action('template_redirect','random_template');
function random_template() {
       if (get_query_var('random') == 1) {
               $posts = get_posts('post_type=post&orderby=rand&numberposts=1');
               foreach($posts as $post) {
                       $link = get_permalink($post);
               }
               wp_redirect($link,307);
               exit;
       }
}

Пояснение сниппета:

Этот сниппет добавляет переменную Random. После чего использует template_redirect и сообщает: если переменная random здесть, то нужно получить пост случайно. После чего происходит простое перенаправление.

Причина, почему сниппет использует 307 перенаправление — так как это временное перенаправление. Часто браузера кешируют 302 редирект, который известен своими временными перенаправлениями.

Несколько возможных багов:

Если вы используете W3 Total Cache и у вас есть кеширующаяся база данных, то вам  надо добавить следующие правила к листу исключений:

/random/
/index.php?random=1

Если вы используете Yoast SEO плагин, то не используйте флажок перенаправления плохих ссылок в области постоянных ссылок, иначе код не будет работать.

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

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

Регистрация боковых панелей и областей для виджетов в WordPress

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

function wpb_widgets_init() {

	register_sidebar( array(
		'name' => __( 'Main Sidebar', 'wpb' ),
		'id' => 'sidebar-1',
		'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ),
		'before_widget' => '
<aside id="%1$s" class="widget %2$s">',
		'after_widget' => '</aside>

',
		'before_title' => '
<h3 class="widget-title">',
		'after_title' => '</h3>

',
	) );

	register_sidebar( array(
		'name' =>__( 'Front page sidebar', 'wpb'),
		'id' => 'sidebar-2',
		'description' => __( 'Appears on the static front page template', 'wpb' ),
		'before_widget' => '
<aside id="%1$s" class="widget %2$s">',
		'after_widget' => '</aside>

',
		'before_title' => '
<h3 class="widget-title">',
		'after_title' => '</h3>

',
	) );
	}

add_action( 'widgets_init', 'wpb_widgets_init' );

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

Добавление динамических боковых панелей для виджетов в файлы темы WordPress

Пока что мы лишь зарегистрировал динамические боковые панели. Пользователи могут перенести виджеты на эти боковые панели через Appearance » Widgets. Однако они не появятся на сайте, пока они называют в шаблоне как sidebar.php или по-другому. Чтобы их добавить, отредактируйте файл шаблона и вставьте этот код:

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>

<div id="secondary" class="widget-area" role="complementary">
	<?php dynamic_sidebar( 'sidebar-1' ); ?>
	</div>

<?php endif; ?>

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

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

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

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

Помните, что вам необходимо понимать принципы работы WordPress, чтобы освоить данный материал.

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

Шаг 1: Зарегистрируйте пользовательский тип поста

Не будем вдаваться в подробности о том, как создавать пользовательский тип поста. Мы уже писали статью о том, как создавать пользовательские посты в WordPress. В данной статье вы сможете полностью понять весь процесс. Там также показывается метод с плагинами, а не метод с кодом. Если вы хотите назвать пользовательский пост «Отзывы», то всё что вам нужно — вставить данный код в файл темы functions.php.

add_action( 'init', 'wpb_register_cpt_testimonial' );

function wpb_register_cpt_testimonial() {

    $labels = array( 
        'name' => _x( 'Testimonials', 'testimonial' ),
        'singular_name' => _x( 'testimonial', 'testimonial' ),
        'add_new' => _x( 'Add New', 'testimonial' ),
        'add_new_item' => _x( 'Add New testimonial', 'testimonial' ),
        'edit_item' => _x( 'Edit testimonial', 'testimonial' ),
        'new_item' => _x( 'New testimonial', 'testimonial' ),
        'view_item' => _x( 'View testimonial', 'testimonial' ),
        'search_items' => _x( 'Search Testimonials', 'testimonial' ),
        'not_found' => _x( 'No testimonials found', 'testimonial' ),
        'not_found_in_trash' => _x( 'No testimonials found in Trash', 'testimonial' ),
        'parent_item_colon' => _x( 'Parent testimonial:', 'testimonial' ),
        'menu_name' => _x( 'Testimonials', 'testimonial' ),
    );

    $args = array( 
        'labels' => $labels,
        'hierarchical' => false,
        
        'supports' => array( 'title', 'editor', 'excerpt', 'author', 'thumbnail', 'custom-fields', 'revisions' ),
        
        'public' => true,
        'show_ui' => true,
        'show_in_menu' => true,
        
        
        'show_in_nav_menus' => true,
        'publicly_queryable' => true,
        'exclude_from_search' => false,
        'has_archive' => true,
        'query_var' => true,
        'can_export' => true,
        'rewrite' => true,
        'capability_type' => 'post'
    );

    register_post_type( 'testimonial', $args );
}

Шаг 2: Добавление пользовательских мета-областей

Как мы уже говорили, вот информация, которую мы хотим показать:

• Имя
• Позиция в компании
• Имя компании
• Ссылка на портфолио

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

$key = "testimonial";
$meta_boxes = array(
"person-name" => array(
"name" => "person-name",
"title" => "Person's Name",
"description" => "Enter the name of the person who gave you the testimonial."),
"position" => array(
"name" => "position",
"title" => "Position in Company",
"description" => "Enter their position in their specific company."),
"company" => array(
"name" => "company",
"title" => "Company Name",
"description" => "Enter the client Company Name"),
"link" => array(
"name" => "link",
"title" => "Client Link",
"description" => "Enter the link to client's site, or you can enter the link to your portfolio page where you have the client displayed.")
);
 
function wpb_create_meta_box() {
global $key;
 
if( function_exists( 'add_meta_box' ) ) {
add_meta_box( 'new-meta-boxes', ucfirst( $key ) . ' Information', 'display_meta_box', 'testimonial', 'normal', 'high' );
}
}
 
function display_meta_box() {
global $post, $meta_boxes, $key;
?>
 
<div class="form-wrap">
 
<?php
wp_nonce_field( plugin_basename( __FILE__ ), $key . '_wpnonce', false, true );
 
foreach($meta_boxes as $meta_box) {
$data = get_post_meta($post->ID, $key, true);
?>
 
<div class="form-field form-required">
<label for="<?php echo $meta_box[ 'name' ]; ?>"><?php echo $meta_box[ 'title' ]; ?></label>
<input type="text" name="<?php echo $meta_box[ 'name' ]; ?>" value="<?php echo (isset($data[ $meta_box[ 'name' ] ]) ? htmlspecialchars( $data[ $meta_box[ 'name' ] ] ) : ''); ?>" />
<p><?php echo $meta_box[ 'description' ]; ?></p>
</div>
 
<?php } ?>
 
</div>
<?php
}
 
function wpb_save_meta_box( $post_id ) {
global $post, $meta_boxes, $key;
 
foreach( $meta_boxes as $meta_box ) {
if (isset($_POST[ $meta_box[ 'name' ] ])) {
$data[ $meta_box[ 'name' ] ] = $_POST[ $meta_box[ 'name' ] ];
}
}
 
if (!isset($_POST[ $key . '_wpnonce' ])) 
return $post_id;

if ( !wp_verify_nonce( $_POST[ $key . '_wpnonce' ], plugin_basename(__FILE__) ) )
return $post_id;
 
if ( !current_user_can( 'edit_post', $post_id ))
return $post_id;
 
update_post_meta( $post_id, $key, $data );
}
 
add_action( 'admin_menu', 'wpb_create_meta_box' );
add_action( 'save_post', 'wpb_save_meta_box' );

Теперь, если вы перейдёте в раздел New Testimonial, вы увидите, что у вас появится пользовательская мета-область.

Если вы хотите добавить дополнительные поля для мета-области, просто добавьте их в $meta_boxes = array(.

Шаг 3: Добавление меняющегося контента

Первым делом нам надо добавить JavaScript, который будет менять контент.

<script language="javascript"> 
$(document).ready(function(){
	$('#testimonials .slide');
	setInterval(function(){
		$('#testimonials .slide').filter(':visible').fadeOut(1000,function(){
			if($(this).next('.slide').size()){
				$(this).next().fadeIn(1000);
			}
			else{
				$('#testimonials .slide').eq(0).fadeIn(1000);
			}
		});
	},15000);	
});	
</script>

Убедитесь, что jQuery загружен. Если нет, то его необходимо добавить.

Далее мы создадим цикл, который будет показывать отзывы. Вот код, который мы использовали:

<div id="testimonials">
<?php
$args = array( 'post_type' => 'testimonial', 'posts_per_page' => 10 );
$loop = new WP_Query( $args );
if ( $loop->have_posts() ) : while ( $loop->have_posts() ) : $loop->the_post();
$data = get_post_meta( $loop->post->ID, 'testimonial', true );
static $count = 0;
if ($count == "1") { ?>



<div class="slide" style="display: none;">
<div class="client-contact-info"><?php echo $data[ 'person-name' ]; ?>,&nbsp;<?php echo $data[ 'position' ]; ?>,&nbsp;<a href="<?php echo $data[ 'link' ]; ?>" title="<?php echo $data[ 'company' ]; ?>"><?php echo $data[ 'company' ]; ?></a></div>
<div class="clear"></div>
<div class="testimonial-quote"><?php the_content(); ?></div>
</div>
<?php }
else { ?>


<div class="slide">
<div class="client-contact-info"><?php echo $data[ 'person-name' ]; ?>,&nbsp;<?php echo $data[ 'position' ]; ?>,&nbsp;<a href="<?php echo $data[ 'link' ]; ?>" title="<?php echo $data[ 'company' ]; ?>"><?php echo $data[ 'company' ]; ?></a></div>
<div class="clear"></div>
<div class="testimonial-quote"><?php the_content(); ?></div>
</div>

<?php 
$count++; } 
endwhile; 
endif; ?>
</div>

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

Небольшое пояснение, почему этот цикл немного более сложный, чем обычный цикл. Сначала цикл вытягивает посты из типа постов «Отзывы». Мы показываем лишь 10 недавних отзывов. Скрипт работает так, что нужно показывать лишь один пост, остальные 9 должны быть невидимыми, и могут появляться или исчезать.

Как только вы вставили код, нужно применить к нему стили.

#testimonials{}
#testimonials .slide{color: #9c968e;}
#testimonials .client-contact-info{margin: 25px 0 0 0; float: left;}
#testimonials .testimonial-quote{padding: 3px 0 0 65px; line-height: 1.5em; font-family: "proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: normal; font-style: italic; margin: 10px 0 20px 0;}

Теперь результат будет выглядеть так:

Имя клиента, Его позиция в компании, Имя компании (ссылка)
Текст приветствия

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

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

Просто создайте новый файл и назовите его testimonials.php, сохраните его в папке с плагинами (/wp-content/plugins/). После вставьте следующий код в файл:

                                             
                                             
<?php 


add_action( 'init', 'wpb_register_cpt_testimonial' );

function wpb_register_cpt_testimonial() {

    $labels = array( 
        'name' => _x( 'Testimonials', 'testimonial' ),
        'singular_name' => _x( 'testimonial', 'testimonial' ),
        'add_new' => _x( 'Add New', 'testimonial' ),
        'add_new_item' => _x( 'Add New testimonial', 'testimonial' ),
        'edit_item' => _x( 'Edit testimonial', 'testimonial' ),
        'new_item' => _x( 'New testimonial', 'testimonial' ),
        'view_item' => _x( 'View testimonial', 'testimonial' ),
        'search_items' => _x( 'Search Testimonials', 'testimonial' ),
        'not_found' => _x( 'No testimonials found', 'testimonial' ),
        'not_found_in_trash' => _x( 'No testimonials found in Trash', 'testimonial' ),
        'parent_item_colon' => _x( 'Parent testimonial:', 'testimonial' ),
        'menu_name' => _x( 'Testimonials', 'testimonial' ),
    );

    $args = array( 
        'labels' => $labels,
        'hierarchical' => false,
        
        'supports' => array( 'title', 'editor', 'excerpt', 'author', 'thumbnail', 'custom-fields', 'revisions' ),
        
        'public' => true,
        'show_ui' => true,
        'show_in_menu' => true,
        
        
        'show_in_nav_menus' => true,
        'publicly_queryable' => true,
        'exclude_from_search' => false,
        'has_archive' => true,
        'query_var' => true,
        'can_export' => true,
        'rewrite' => true,
        'capability_type' => 'post'
    );

    register_post_type( 'testimonial', $args );
}

$key = "testimonial";
$meta_boxes = array(
"person-name" => array(
"name" => "person-name",
"title" => "Person's Name",
"description" => "Enter the name of the person who gave you the testimonial."),
"position" => array(
"name" => "position",
"title" => "Position in Company",
"description" => "Enter their position in their specific company."),
"company" => array(
"name" => "company",
"title" => "Company Name",
"description" => "Enter the client Company Name"),
"link" => array(
"name" => "link",
"title" => "Client Link",
"description" => "Enter the link to client's site, or you can enter the link to your portfolio page where you have the client displayed.")
);
 
function wpb_create_meta_box() {
global $key;
 
if( function_exists( 'add_meta_box' ) ) {
add_meta_box( 'new-meta-boxes', ucfirst( $key ) . ' Information', 'display_meta_box', 'testimonial', 'normal', 'high' );
}
}
 
function display_meta_box() {
global $post, $meta_boxes, $key;
?>
 
<div class="form-wrap">
 
<?php
wp_nonce_field( plugin_basename( __FILE__ ), $key . '_wpnonce', false, true );
 
foreach($meta_boxes as $meta_box) {
$data = get_post_meta($post->ID, $key, true);
?>
 
<div class="form-field form-required">
<label for="<?php echo $meta_box[ 'name' ]; ?>"><?php echo $meta_box[ 'title' ]; ?></label>
<input type="text" name="<?php echo $meta_box[ 'name' ]; ?>" value="<?php echo (isset($data[ $meta_box[ 'name' ] ]) ? htmlspecialchars( $data[ $meta_box[ 'name' ] ] ) : ''); ?>" />
<p><?php echo $meta_box[ 'description' ]; ?></p>
</div>
 
<?php } ?>
 
</div>
<?php
}
 
function wpb_save_meta_box( $post_id ) {
global $post, $meta_boxes, $key;
 
foreach( $meta_boxes as $meta_box ) {
if (isset($_POST[ $meta_box[ 'name' ] ])) {
$data[ $meta_box[ 'name' ] ] = $_POST[ $meta_box[ 'name' ] ];
}
}
 
if (!isset($_POST[ $key . '_wpnonce' ])) 
return $post_id;

if ( !wp_verify_nonce( $_POST[ $key . '_wpnonce' ], plugin_basename(__FILE__) ) )
return $post_id;
 
if ( !current_user_can( 'edit_post', $post_id ))
return $post_id;
 
update_post_meta( $post_id, $key, $data );
}
 
add_action( 'admin_menu', 'wpb_create_meta_box' );
add_action( 'save_post', 'wpb_save_meta_box' );



function wpb_display_testimonials() { ?>
<script language="javascript"> 
$(document).ready(function(){
	$('#testimonials .slide');
	setInterval(function(){
		$('#testimonials .slide').filter(':visible').fadeOut(1000,function(){
			if($(this).next('.slide').size()){
				$(this).next().fadeIn(1000);
			}
			else{
				$('#testimonials .slide').eq(0).fadeIn(1000);
			}
		});
	},15000);	
});	
</script> 
<style type="text/css">
#testimonials .slide{color: #9c968e;}
#testimonials .client-contact-info{margin: 25px 0 0 0; float: left;}
#testimonials .testimonial-quote{background: url(images/quotebg.png) repeat-y; padding: 3px 0 0 65px; line-height: 1.5em; font-family: "proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: normal; font-style: italic; margin: 10px 0 20px 0;}
</style>
<div id="testimonials">
<?php
$args = array( 'post_type' => 'testimonial', 'posts_per_page' => 100, 'orderby'   => 'menu_order', 'order'     => 'ASC' );
$loop = new WP_Query( $args );
if ( $loop->have_posts() ) : while ( $loop->have_posts() ) : $loop->the_post();
$data = get_post_meta( $loop->post->ID, 'testimonial', true );
static $count = 0;
if ($count == "1") { ?>



<div class="slide" style="display: none;">
<div class="client-contact-info"><?php echo $data[ 'person-name' ]; ?>,&nbsp;<?php echo $data[ 'position' ]; ?>,&nbsp;<a href="<?php echo $data[ 'link' ]; ?>" title="<?php echo $data[ 'company' ]; ?>"><?php echo $data[ 'company' ]; ?></a></div>
<div class="clear"></div>
<div class="testimonial-quote"><?php the_content(); ?></div>
</div>
<?php }
else { ?>


<div class="slide">
<div class="client-contact-info"><?php echo $data[ 'person-name' ]; ?>,&nbsp;<?php echo $data[ 'position' ]; ?>,&nbsp;<a href="<?php echo $data[ 'link' ]; ?>" title="<?php echo $data[ 'company' ]; ?>"><?php echo $data[ 'company' ]; ?></a></div>
<div class="clear"></div>
<div class="testimonial-quote"><?php the_content(); ?></div>
</div>

<?php 
$count++; } 
endwhile; 
endif;
echo '</div>';
}
?>

Теперь откройте ваш файл темы, в которой вы хотите отобразить всё это, и вставьте код:

<?php wpb_display_testimonials(); ?>

Вы также можете изменить стили. Помните, что если jQuery не был добавлен в тему, то нужно его добавить.

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

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