Ограничиваем длину заголовка для uCoz

Ограничиваем длину заголовка для uCoz

22015-08-2845614Денис Абдуллин

Многие рано или поздно начинают искать ответ на вопрос как же можно ограничить количество символов в заголовке материала? Сегодня мы с вами узнаем об этом простом способе, который мы будем использовать с помощью оператора len(S).

Зачем вообще нужно ограничивать заголовок?

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

Давайте разберем конкретный пример. Установим для материала заголовка длину в 30 символов. Для этого зайдем в Панель управления » Управление шаблоном » Модуль новости » Вид материала и заменим наш $TITLE$ на следующий код:

Код
<?if(len($TITLE$)>30)?><?substr($TITLE$,0,30)?>...<?else?>$TITLE$<?endif?>

Как вы уже, поняли число 30 - это количество символов в заголовке.

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

Это можно сделать и с помощью CSS. Добавьте к заголовку следующие стили:

Код
text-overflow: ellipsis;
white-space: nowrap;

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (4)
Евгений Андреев 2015-10-04 в 13:19 / МатериалСпам
если с помощью css обрезать, то без overflow: hidden; работать не будет.
0
Лопаев 2015-09-08 в 15:57 / МатериалСпам
Забыл, так же учитывайте лексикон что бы укорачивание не портило слова. А именно что бы небыло подобного: Название название название название наз... Ни есть хорошо... Лучше юзнуть до поле для краткого название для заголовка.
0
Лопаев 2015-09-08 в 15:56 / МатериалСпам
Зависит в первую очередь от вашего шабаша, где то наоборот укорачивание только портит вид сайта, а на некоторых это жизненно необходимо, ну а на остальных укорачивается только на мобильных (wap) версиях только. Смотрите сами или кидайте ссылку на сайт что бы было понятно.
0
Иван 2015-08-28 в 16:50 / МатериалСпам
60 Же оптимальная длина? и есть вариант что бы сразу все заголовкам на сайте проставить?
1
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.