ThemeForest

Спрашивали - отвечаем: страницы как лендинги, активный видео фон, кто делал сайт

Ответы на 3 вопроса посетителя сайта по теме шаблонов.

Глеб спрашивал Можно ли сделать весь сайт магазина таким образом, чтобы все страницы были выполнены как лендинги, но при этом была корзина?

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

Нынешние шикарные multipurpose (так называемые многоцелевые) html-шаблоны, которые во-первых производятся западными профессионалами и во-вторых уже содержат все анимации и синхронизации при скроллинге, так вот эти шаблоны как правило содержат несколько разных страниц, некоторые даже в разных вариациях, например:

  • home.html - главная
    • home-slider.html - главная (со слайдером)
    • home-video.html - главная (с видео фоном)
    • home-parallax.html - главная (с параллакс эффектом)
  • about.html - страница "о нас"
  • gallery.html - страница фото галереи
  • blog.html - блог
    • blog-2.html - блог (вид 2)
  • shop.html - список товаров
    • shop-2.html - список товаров (в 2 колонки)
    • shop-3.html - список товаров (в 3 колонки)
    • shop-4.html - список товаров (в 4 колонки)
    • shop-mansory.html - список товаров (каменная кладка)
  • shop-detail.html - страница товара
    • shop-detail-2.html - страница товара (вид 2)
    • shop-detail-3.html - страница товара (вид 3)
  • cart.html - страница корзины
  • checkout.html - страница корзины (оформление заказа)
  • login.html - страница авторизации
  • contacts.html - страница обратной связи

А поскольку в админпанели движка при редактировании категорий, брендов, товаров, статей, новостей, специальных страниц существует поле Шаблоном:, где мы можем вписать имя желаемого html-файла, то любую страницу можем заставить рисоваться именно той вариацией html-ки, какая нам понравилась. И соответственно позволительна ситуация, когда имеем корзину, работающую стандартным образом, и некий набор страниц в виде лендингов.

И еще вопрос - можно ли использовать на сайте активный видео фон, не знаю как это называется, но такое можно встретить, когда на фоне проигрывается какой-то видео отрывок во всю ширину страницы, при этом поверх могут располагаться другие элементы и т.п., это вроде входит в возможности HTML5 (поддерживается ли он?), вот только можно ли на странице расположить несколько таких фоновых видео-фрагментов и согласовать их воспроизведение с прокруткой (как это сделано с анимацией у вас на сайте).

Как я сказал выше, часть html-шаблонов предлагается сразу в разных вариациях. Нужно лишь подобрать тот, в котором уже реализована демонстрация с видео фоном. Например:

Раздел html-шаблонов на сайте ThemeForest (это крупный мировой маркет шаблонов) на сегодняшний день содержит 6400+ дизайнов всяких видов при средней цене 16 долларов за шаблон. Конечно, и там барахла хватает, но отслеживая их ленту новинок, порой встречаешь красивые реализации, которые можно купить (оплата у них - только PayPal) и использовать на своём сайте.

И еще, можно ли узнать кто делал ваш сайт? Очень понравились некоторые отдельные фишки.

На самом деле я купил на ThemeForest подходящий по цвету html-шаблон (мне нужен был тёмный), выбросил из него лишние для моего сайта html-ки, скопировал оставшееся в свой шаблон, чуть поправил отдельные html-ки, чтобы выводили фотографии и текст из моей базы данных, а не так называемый LoremIpsum демонстрационный контент, и с помощью упоминавшегося поля Шаблоном: назначил html-ки в качестве шаблона для конкретных страниц. Всю анимацию, скроллинг и тому подобное делал не я, это сразу было реализовано в шаблоне.

Нюансы При подборе шаблона следует обратить внимание, чтобы в его описании было указано:

  • Multipurpose - это значит что в нём прорисовано множество страниц и потом не потребуется "дорисовывать" недостающие.
  • eCommerce - это значит что шаблон содержит как минимум самые важные для магазина страницы: главная, список товаров, карточка товара, корзина, список новостей, новость, контакты, логин, регистрация, аккаунт, страница 404. Но проверить лишний раз не мешает, потому что в некоторых шаблонах бывает не всё.
  • Clean - это значит что код шаблона написан с минимальным употреблением тегов и стилевых классов, что облегчит наёмному верстальщику корректировку html-ек, если вам вдруг захочется там что-то изменить.

Обсуждение

Денис коп
Благодарю, особенно за ссылки. Пусть не я вопросы задавал, но ваши ответы мне тоже помогли.
Разработчик
Пожалуйста. Смотрите ещё одну ссылку: ShortCodes Helper. Это классный набор кратких команд, чтобы легко управляться с лендингами и html-шаблонами при втягивании их в движок.

Написать комментарийОтветить на выделенный комментарий

Начнём?

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

Допустимые теги

При написании комментария вы можете использовать некоторые из так называемых BB-кодов. Они обозначают подстановку определённого элемента на их место.

  • опционально парные:
    • [shot=image-url] ALT text [/shot]
    • [link=page-url] anchor text [/link]
  • всегда парные:
    • [quote] comment fragment [/quote]
    • [code] source code fragment [/code]
  • одинарные:
    • [youtube=video-url]
  • и "теговые" символы:
    • « и »

Обратите внимание

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