Выкладывать ваши презентации PowerPoint на своем сайте — не самая лучшая идея. Обычно приходится использовать сторонние сайты, такие как SlideShare для того, чтобы расшарить и встроить вашу презентацию. Что, если мы скажем, что вы сможете создавать и делиться презентациями прямо в WordPress? В этой статье мы покажем вам как создать HTML презентации в WordPress, и оставить в покое PowerPoint.
Зачем создавать презентации в WordPress, а не в Powerpoint?
PowerPoint — наиболее популярное программное обеспечение для создания презентаций. Вы можете легко создавать ваши слайды, а затем загружать созданные слайдшоу на сторонние сайты, чтобы ими поделиться. Однако, при этом вы теряете контроль над вашим контентом.
Используя WordPress для создания презентаций, вы привлекаете посетителей на свой сайт. Эту возможность можно использовать для конвертирования посетителей в подписчиков.
Слайдшоу в HTML5 на вашем сайте лучше для SEO. Все ваши слайды будут проиндексированы поисковыми системами и пользователи сразу окажутся на вашем сайте.
Как создать HTML5 презентацию в WordPress
Первым делом вам необходимо установить и активировать плагин HTML5 SlideShow Presentations. После активации перейдите в HTML5 Presentations » Add New для создания вашей первой презентации.
Редактор слайдов располагает стандартным заголовком и окном редактора записей WordPress. Вы увидите мета бокс HTML5 Slide Formatting ниже редактор записей.
Предлагается три опции форматирования для настройки. Сначала вам необходимо выбрать Slide Type. В виду того, что это первый слайд в вашей презентации, он автоматически станет Title Slide.
Следующая опция предлагает выбрать Slide Style (Стиль слайда). Эта опция контролирует внешний вид вашего слайда.
Заключительная опция предлагает выбрать Presentation Type (Тип презентации). Вы можете выбрать из Standard Presentation, Faux Widescreen, или Widescreen presentation type.
В области заголовка вы можете задать заголовок вашей презентации или же заголовок этого конкретного слайда.
Область редактирования такая же как и в текстовом редакторе WordPress, и вы можете добавлять сюда все, что угодно. Можно добавить маркированные списки, изображения, видео и прочее. Также можно оставить область редактирования пустой, если вы хотите, чтобы на слайде был только заголовок.
Как только вы закончите работу над слайдом, вы можете сохранить его или опубликовать.
Для добавления дополнительных слайдов в вашу презентацию, необходимо повторить процесс. Однако, теперь вы можете выбрать родительский слайд в качестве презентации. На экране редактирования HTML5 Slide Editing вы увидите метабокс HTML5 Slide Attributes. Выберите первый слайд вашей презентации из выпадающего меню.
Как вывести ваши слайдшоу в WordPress?
Теперь, когда вы создали ваши слайды, давайте выведем их на вашем сайте. Начнем с создания новой странице в WordPress. Вы заметите новый метабокс на странице редактирования под названием HTML5 Presentations. Выберите презентацию, которую нужно вывести, из выпадающего списка и сохраните ваши изменения.
Как создать собственные стили для вашего слайдшоу
Вам необходимо создать новую таблицу стилей для того, чтобы полностью перезаписать таблицу стилей плагина вашим собственным CSS. Нужно использовать имя файла html5slide-replace.css для вашей таблицы стилей и загрузить его в папку вашей темы.
Для внесения мелких изменений и добавления дополнительных стилей, нужно создать таблицу стилей с именем html5slide-style.css. Загрузите его в в папку вашей темы.
Презентация вашего слайдшоу
Если вы используете ваши слайды для презентации на конференции, тогда вам необходимо открыть страницу, содержащую вашу презентацию. Можно запустить браузер (желательно Google Chrome) в полноэкранном режиме.
Можно использовать клавиши курсора для перемещения вперед и назад между слайдами. Если ваши слайды «застряли», то просто кликните на пустой области пространства экрана и вы сможете снова перемещаться вперед и назад между ними.
Мы надеемся, что эта статья помогла вам создать презентации в WordPress. Экспериментируйте с различными типами слайдов и стилями для улучшения ваших слайдшоу.
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.