Пожелания к разработке шаблонов разработчиками

Это список важных замечаний к разработке шаблонов к LiveStreet CMS.
Особенно это будет полезно тем, кто выиграет конкурс на стандартный шаблон для ЛС.
Внедряя эти мелкие доработки, шаблон может стать более дружественным к пользователю и увеличит поток потенциальных ЛС-водцев.

Итак:

  1. Кнопка вступления в блог — она должна быть максимально доступной, большой и понятной. Вокруг неё должно быть логичное объяснение типа сноски что она делает.

  2. К каждому объекту на ЛС можно было бы добавить справку, например в виде значка ?, при наведении указателя мыши на который выводилась бы краткая справка в попап окне для чего нужен тот или иной блок/элемент.
  3. В личных сообщения проставить маленький значок «адресат прочитал письмо»
  4. Добавить подписи ко всем элементам (title) — vOFFka
  5. При добавлении записи убирать ссылку на создание блога при нажатии выдавать сообщение в углу «Недостаточно рейтинга для создания блога», если человек не достиг нужного рейтинга. — vOFFka , nickostyle
  6. чтоб верстальщики хотя бы процентов 30 css-классов называли одинаково — avadim
  7. можно сбоку добавить кнопку «Наверх», как в контакте, чтобы не скроллом прокручивать страницу до самого верха (ведь в некоторых темах и по 500 комментариев бывает). — Newman
  8. Вывести в более удобное место управление подписчиками (по заявек) в закрытый блог… — Bo0oM
  9. Кнопку «избранного» переместить в конец топика, чтобы не приходилось прокручивать вверх после прочтения статьи. — vOFFka
  10. если вы вносите языковую переменную в свой шаблон то делайте это не на уровне шаблона а уровне языковых файлов. — Fanta
  11. прописывайте языковые переменные не в стандартном языковом файле движка (/templates/language/russian.php) (чтобы не иметь проблем с обновлениями), а в языковом файле шаблона (/templates/skin/new-jquery/config/language/russian.php) — PSNet
  12. И во имя безопасности, кидайте .htaccess в папки — Bo0oM , с правильным содержимым, например:
    
    Options -Indexes
    <Files ~ "\.tpl$">
        Order allow,deny
        Deny from all
    </Files>
    

    PSNet
    , Россыпь таких файлов замедляет работу веб-сервера, поскольку он вынужден читать их при каждом обращении к файлам. Желательно объявить эту директиву однократно, а ещё лучше — указать её в конфигурационном файле веб-сервера. В последнем случае она будет читаться только один раз, при старте Апача. onthefly
  13. не ставить h1...h6 где попало, если и ставить, то внутри должен быть голый текст — kpoxas
  14. не использовать инлайновые css и js — onthefly
  15. Везде в вызовах хуков проставить соответствующие для даного хука основные переменные, например чтобы хук:
    {hook run='menu_profile'}

    выглядел так:
    {hook run='menu_profile' oUserProfile=$oUserProfile}

    ведь эта переменная там очень нужна — PSNet
  16. Блоки в ЛС нуждаются в инфографике, ведь правда блок:

    так выглядит лучше:

    тоже самое касается пунктов в профиле («добавить в друзья» и т.п.)

    PSNet
  17. Сделать, чтобы если пользователь сейчас на сайте, то в профиле отображалось, что он «онлайн»Newman
  18. В комментариях к топику как-нибудь выделять комментарии топикстартера (цветом или рядос с аватаркой значек ставить).Newman


Предлагаю дополнять топик мелочами, которые помогу сделать ЛС более интуитивным.

P.S. Большинство мелочей, кстати, реализовал в этом шаблоне.

40 комментариев

avatar
Присоединяюсь к каждому слову!
avatar
Хороший топик, учтем все моменты для доработки дизайн макетов.
avatar
Добавить подписи ко всем элементам (title).
avatar
При добавлении записи убирать ссылку на создание блога, если человек не достиг нужного рейтинга.
avatar
в таком случае начнут сыпаться вопросы в виде однотипных топиков «А как тут создать блог?!?» )) В нынешнем варианте человек хотя бы понимает, ПОЧЕМУ он не может это сделать. Мой вариант — ссылку оставить но сделать неактивной, и при нажатии на нее выдавать сообщение в углу «Недостаточно рейтинга для создания блога»
avatar
Да, такой вариант даже лучше!
avatar
А мне бы ну очень хотелось, чтоб верстальщики хотя бы процентов 30 css-классов называли одинаково. О большей цифре даже и не мечтаю.
avatar
для всплывающих подсказок могу подкинуть ссылочку на очень симпатичный джикери плагин
craigsworks.com/projects/qtip/demos/

Насчет личных сообщений — вообще очень хорошая идея.
avatar
Я этого плагина есть только оно преимещество перед атрибутом title — возможность оформлять всплывающие подсказки. Лучше не злоупотреблять такими свистедками и использовать их только там, где стандартные возможности HTML по каким-либо причинам не подходят.
avatar
Если шаблон будет фиксированной ширины, то можно сбоку добавить кнопку
«Наверх», как в контакте,
чтобы не скроллом
прокручивать страницу до
самого верха (ведь в
некоторых темах и по 500
комментариев бывает).
avatar
это можно сделать и на резиновом шаблоне
avatar
Да, можно. Но в резиновом шаблоне придется делать маленькую кнопку, а в случае с шаблоном фиксированной ширины можно слелать, чтобы кнопкой «наверх» служила вся область слева от блока с контентом (как это в контакте реализовано).
Просто гораздо удобней, когда не нужно целиться по кнопке, а можно кликнуть в любом свободном месте и страница прокрутится наверх.
avatar
так, как, например, сделано на ВК?
avatar
Да
avatar
Вывести в более удобное место управление подписчиками (по заявек) в закрытый блог...
avatar
пардон «по заявке»*
avatar
По поводу пункта второго, вот вариант реализации
В коммент не поместилось бы)
avatar
Кнопку «избранного» переместить в конец топика, чтобы не приходилось прокручивать вверх после прочтения статьи.
avatar
+ ко всем пунктам
от себя: если вы вносите языковую переменную в свой шаблон то делайте это не на уровне шаблона а уровне языковых файлов.
avatar
т.е. не прописывать текст прямо в шаблоне?
Тогда от себя добавлю — прописывайте языковые переменные не в стандартном языковом файле (/templates/language/russian.php), а в язіковом файле шаблона (/templates/skin/new-jquery/config/language/russian.php)
avatar
естественно ;)
avatar
И во имя безопасности, кидайте .htaccess в папки
avatar
не лепить заголовки ...
где попало, также не лепить внутрь этих заголовков другие теги и картинки
avatar
ой… заголовки-таки сработали
В общем не ставить h1...h6 где попало, если и ставить, то внутри должен быть голый текст
avatar
— не использовать инлайновые css и js
— в js не использовать имена элементов, для этого есть id и классы
avatar
— в js не использовать имена элементов, для этого есть id и классы
не совсем понял, можете пояснить?
avatar
var divComment = img.getParent('div').getChildren('div.comment-children')[0];
avatar
И во имя безопасности, кидайте .htaccess в папки
п.12 уберите, пожалуйста, это плохой совет. Россыпь таких файлов замедляет работу веб-сервера, поскольку он вынужден читать их при каждом обращении к файлам. Желательно объявить эту директиву однократно, а ещё лучше — указать её в конфигурационном файле веб-сервера. В последнем случае она будет читаться только один раз, при старте Апача.
avatar
да и не у всех апач.
avatar
Добавил 15 пункт
avatar
Было бы неплохо при загрузки изображения размером больше указанного, выводить сообщение (ошибку), что изображение превышает допустимые размеры
  • Mail
  • 0
avatar
Сделать, чтобы если пользователь сейчас на сайте, то в профиле отображалось, что он «онлайн».
avatar
Многие вставляют в шаблоны кнопки для расшаривания материалов в социальных сетях (facebook, twitter, google+, вконтакте). Зачастую они загромождают дизайн. А что если не делать эти кнопки отдельно, а сделать так чтобы после плюсования топика над кнопкой плюса появлялось окошко с предложением поделиться ссылкой в социальных сетях и сделать, чтобы это окошко само исчезало. Ведь логично предположить, что если человек поставил плюс, то он с большей вероятностью захочет поделиться ссылкой на материал.
avatar
Над плюсом эта кнопка совсем не в тему
avatar
а что делать тем, у кого нет пока права голоса?
avatar
Можно снизить порог рейтинга голосования за топик до нуля для того, чтобы охватить максимум аудитории сайта. Но это подойдет не для всех сайтов (хотя и сама идея, которую я изложил не универсальна и не для всех сайтов подойдет). В качестве примера успешного сообщества на котором можно с нулевым рейтингом голосовать можно привести lookatme (у них ежедневная посещаемость около 70000 человек).

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

Откуда вообще взялась такая идея и почему это может работать лучше, чем обычные кнопки расшаривания?
Предлагаю просто провести аналогию с тем, как пользователи делятся друг с другом интересными материалами в популярной социальной сети Вконтакте.ру (относятся все к этой социальной сети по разному, но отрицать ее популярность и успешность нельзя). Так вот там, чтобы поделиться с друзьями нужно навести курсор на сердечко, обозначающее «мне нравится» (в LiveStreet будем считать аналогом этого сердечка кнопку «плюс»), после чего можно нажать на сердечко и поставить галочку «рассказать друзьям» и тогда все друзья увидят, что этот материал понравился пользователю. У нас же вместо галочки нужно будет нажать кнопку с логотипом той социальной сети, в которой человек хочет поделиться понравившейся статьей. Тогда получится такая логика: если пользователю понравилась статья на сайте и он ставит ей плюс, то тут же ему «подскажут», что он может поделиться ссылкой на нее в социальных сетях, ведь вдруг она будет интересна и его друзьям.
avatar
может лучше тогда на кнопку избранного привязку сделать?
avatar
Избранное это избранное)
В избранное добавляют, когда хотят перечитать статью. А вот в контакте люди делятся не теми материалами, которые они бы хотели снова перечитать или пересмотреть, а теми которые их в данный момент удивили, рассмешили или просто понравились. Т.е. понравилась мне статья в данную секунду — я ее плюсую, а уж буду не буду потом ее перечитывать это совсем другой вопрос. так вот в момент плюсования, пока человек под впечатлением ему и нужно предложить возможность еще и с друзьями поделиться ссылкой на статью.
avatar
По поводу пункта 17 (Сделать, чтобы если пользователь сейчас на сайте, то в профиле отображалось, что он «онлайн» Newman)
Система онлайна и не только в профиле
avatar
В комментариях к топику как-нибудь выделять комментарии топикстартера (цветом или рядос с аватаркой значек ставить).
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.