Плагин: ExpandingText для записей и комментариев

Выкладываю , который написал сам для себя и использую здесь же на сайте. Пример его работы вы все видели на странице Скачать правильный русский BuddyPress 1.0.1. Я говорю об обычном спойлере ExpandingText, что так часто используется на различных форумах (на torrents.ru, к примеру).

Этот плагин не имеет красивых эффектов работы, типа медленного выезжания текста. Я просто посчитал, что первым делом нужна функциональность, а затем все остальное. Зато я могу похвастаться, что использую всего 3 строки кода на javascript, а это не влияет на скорость загрузки сайта. А это огромный плюс!

И еще о некоторых достаточно интересных на мой взгляд особенностях плагина.

1. Плагин работает как в записях, так и в комментариях! Вот как это выглядит. Оранжевая полоса – мои настройки. Их можно менять, ниже напишу, где именно. Для работы спойлера в комментариях надо вставить вот такой в текст комментария (используйте английские буквы внутри квадратных скобок):

[ЕТ Заголовок спойлера]Текст спойлера.[/ЕТ]

2. Можно вставлять рисунки. Демо вы видели на странице скачивания .

3. Даже если у пользователя отключен Javascript (это меньше 5% людей, из которых большинство – боты), текст будет все равно отображаться.

4. Текст не прячется нигде физически, а это означает, что он замечательно индексируется поисковиками.

5. Далеко не все при написании поста в админке любят вручную вставлять код, который к тому же надо еще и помнить (а он именно такой, какой указан в первом пункте). Поэтому я внедрил 2 кнопки в ваши редакторы: как визуальный, так и для HTML. Вот как он выглядят.

Визуал HTML

При нажатии на них появится окно:

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

6. Плагин сделан на английском, внедрена и добавлен русский перевод. Если используете на WPMU вместе с языком (locale) ru, а не ru_RU, тогда открываем папку, и переименовываем файл expandingtext-ru_RU.mo на expandingtext-ru.mo.

Вроде бы все. По поводу CSS: мне было лень делать админку для css или выделять все в отдельный файл. Я планирую адаптировать его для BuddyPress – вот тогда он и будет полностью настраиваемый. На данный момент я вырезал все стили из архива, который даю вам скачать, вам надо будет написать собственные стили, основываясь на моем примере:

[css]#etlink a {text-transform:uppercase;} /*заголовок*/<br />
div.et_div {border-left:4px solid #FF7400;} /*сам текст*/[/css]

Добавляете ваши стили в файл style.css.

Скачать на CosyDale.com


Пожалуйста, подождите. Комментарии загружаются.
Открыть Нечто !