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

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

28.08.201518624MSerega

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

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

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

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

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

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

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

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

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



Сохраните в социальную сеть
Комментарии (4)
Иван 28.08.2015 в 16:50Спам
60 Же оптимальная длина? и есть вариант что бы сразу все заголовкам на сайте проставить?
0
Лопаев 08.09.2015 в 15:56Спам
Зависит в первую очередь от вашего шабаша, где то наоборот укорачивание только портит вид сайта, а на некоторых это жизненно необходимо, ну а на остальных укорачивается только на мобильных (wap) версиях только. Смотрите сами или кидайте ссылку на сайт что бы было понятно.
0
Лопаев 08.09.2015 в 15:57Спам
Забыл, так же учитывайте лексикон что бы укорачивание не портило слова. А именно что бы небыло подобного: Название название название название наз... Ни есть хорошо... Лучше юзнуть до поле для краткого название для заголовка.
0
если с помощью css обрезать, то без overflow: hidden; работать не будет.
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт