Как сделать выпадающий текст на странице Wordpress

Как установить Wordpress на хостинг?

Установить движок Wordpress на хостинг можно при помощи установщика Softaculous. Действия производят в панели управления, а перед началом выполнения действий рекомендуется скачать свежую версию WordPress.

После проведения скачивания желательно строго соблюдать последовательность следующих этапов:

1. Создание базы данных (БД). Желательно записать пароль и имя пользователя.

2. Проведение загрузки файлов WordPress в директорию сайта. для этого необходимо выбрать панель управления и следовать цепочке: ISPmanager - cPanel - Parallels Plesk.

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

4. Внесение в поля реквизитов подключения к БД (имя БД, имя пользователя, пароль, сервер БД и так далее).

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

6. Введение названия сайта, имени пользователя (придумайте имя) и адреса электронной почты.

После проведения всех перечисленных выше действий система оповестит вас о том, что процесс установки завершен.

Мы установили движок на СХОСТ, взяв минимальный тариф хостинга https://s-host.com.ua/hosting.html, и теперь можно переходить к добавлению контента. Поскольку мы планируем размещать на сайте достаточно объемные текстовые материалы, в первую очередь стоит подумать над тем, как они будут выглядеть на странице. Например, мы хотим скрыть большую часть текста, чтобы “сэкономить” место на странице (к слову, этот прием актуален и в том случае, если необходимо убрать второстепенную информацию).

Для это можно при помощи функционального плагина Collapse-O-Matic. Установим и активируем его на странице "Консоль"/"Плагины"/"Добавить новый".

Настройка плагина

Активируйте плагин и перейдите на страницу "Настройки"/Collapse-O-Matic. Здесь собрано множество разных опций, которые вы можете использовать для настройки плагина. Вот некоторые из них:

• Style (цветовое решение);

• Tag Attribute (тег для “оборачивания” текста ссылки);

• Collapse/Expand Duration (скорость открытия выпадающего текста);

• Animation Effect (анимационный эффект);

• Custom Style (свои CSS-стили):

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

Добавление выпадающего текста на странице

Для того,чтобы добавить выпадающий текст на страницу или в запись, нужно использовать шорткод [expand]...[/expand] (вместо многоточия должен быть выпадающий текст). Кроме того, вы можете добавить текст ссылки, при нажатии на которую будет открываться скрытая часть материала. Для этого шорткод оформляется следующим образом: [expand title="текст"]... [/expand]. Например:

На сайте текст выглядит следующим образом:

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