Wordpress и веб-разработка

Добавить красивые слайд-шоу в сообщения WordPress с помощью SlideDeck

Добавить красивые слайд-шоу в сообщения WordPress с помощью SlideDeck

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

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

Это просто плагин

SlideDeck доступен как jQuery для любых веб-сайтов и как плагин для блогов WordPress . Оба доступны в бесплатной Lite и платной версии Pro. В этой статье мы собираемся обсудить бесплатный плагин WP.

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

создавать слайд-шоу

Выполните поиск « SlideDeck » и нажмите на ссылку « Установить сейчас » из результатов.

сделать свое собственное слайд-шоу

После завершения установки нажмите ссылку « Активировать плагин ».

сделать свое собственное слайд-шоу

И теперь вы готовы к забавной части.

Пусть они скользят, детка

Чтобы создать слайд-шоу, прокрутите вниз до нижней части меню боковой панели и разверните раздел « SlideDeck ». Затем нажмите « Добавить новый ».

сделать свое собственное слайд-шоу

Откроется страница « Добавить новую слайд-деку ». Первое, что вам нужно сделать, это присвоить новому SlideDeck имя.

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

слайдшоу

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

На правой стороне вы найдете параметры SlideDeck. Здесь есть несколько настроек, но самым важным будет выбор скина. Из всех доступных скинов мой личный фаворит по умолчанию.

средство для создания слайдшоу

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

средство для создания слайдшоу

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

03d Code Snippets.jpg

После нажатия кнопки « Сохранить » появится панель уведомлений. Если вы хотите напрямую вставить код в свое сообщение, воспользуйтесь ярлыком на панели.

03e Новый SlideDeck Created.jpg

Вставка слайда

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

04a Вставить SlideDeck.jpg

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

04b Вставить SlideDeck.jpg

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

Когда вы закончите редактирование, нажмите кнопку « Опубликовать ».

04c Опубликовать Post.jpg

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

03g Slide Result.jpg

Умный способ скольжения

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

05a Добавить Smart SlideDeck.jpg

После присвоения имени новой SlideDeck и выбора количества слайдов на сайтах выберите тип публикации, которую вы хотите показать. Доступны следующие варианты: « Последние сообщения », « Избранные сообщения » и « Популярные сообщения». »

05b Добавить Smart SlideDeck 2.jpg

Последним шагом будет выбор « Тип навигации ».

05c Добавить Smart SlideDeck 3 - Nav.jpg

После сохранения SlideDeck вы можете применить его к своей теме, используя « Фрагмент кода темы ».

05d New Smart SlideDeck.jpg

Чтобы увидеть, как будет выглядеть SlideDeck, используйте кнопку « Предварительный просмотр ».

создавать слайд-шоу

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

И поскольку трудно действительно « понять » концепцию, если вы не попробовали ее из первых рук, я предлагаю вам сделать именно это. Затем, после этого, поделитесь своими мыслями о приложениях SlideDeck, используя раздел комментариев ниже.

Похожие посты
Wordpress и веб-разработка

Сделайте свой WordPress блог iPad удобным с Onswipe

Wordpress и веб-разработка

Как создать карту изображения с помощью GIMP

Wordpress и веб-разработка

WordPress: еще 3 скрытых жемчужины в наборе плагинов Jetpack, а также обновлено приложение WordPress!

Wordpress и веб-разработка

Защити и ускори свой сайт бесплатно с CloudFlare