Заметки кодера сайтов

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

  1. Обновляем саму систему Joomla до последней версии
  2. Устанавливаем в первую очередь необходимые плагины и компоненты:
    • Редактор - JCE
    • Всплывающие окошки Pop-Up - JCE MediaBox
    • Плагин для вставки любого кода - NoNumber Sourcerer
    • Универсальная форма обратной связи -

      Заявка на ремонт компьютера

      Заполните поле Ваше имя
      Заполните поле Email
      Заполните поле Ваш телефон
      Please select a date when we should contact you.
      Напишите пояснение к заявке
      Дайте свое согласие
      ; Make sure you publish the RSForm! Pro Content Plugin before you use it!">RSForm! Pro
      . В самой форме еще будет необходимо подключить скрипт jquery.maskedinput-1.3.js для маски ввода телефона
    • Не забываем поставить компонент карты сайта - Xmap
    • И конечно же ставим компонент резервного копирования сайта - Akeeba (русифицируем его)
  3. Ставим дополнительные компоненты, необходимые для конкретного сайта (например, для интернет-магазинов ставим компонент JoomShopping)
  4. Далее работаем с шаблоном сайта. Если делаем на основе готового шаблона, то устанавливаем его. Если же делаем сами по приложенному дизайну, то поступаем так
    • Дублируем шаблон protostar - Default
    • Переименовываем его в свое имя
    • Если нужен адаптивный шаблон, то в параметрах нашего нового шаблон ставим -

      Fluid Layout на Fluid. В стилях css добавляем:

      .container-fluid
      {
      margin: 0 auto;
      max-width: 1200px; //меняем на свое значение
      margin: 0 auto;//выравниваем по центру
      padding-left: 20px;
      padding-right: 20px;
      }
    • При необходимости используем

      /* Landscape - телефоны */
      @media (max-width: 480px) { ... }
       
      /* От ландшафтного экрана телефона до потретного планшета */
      @media (max-width: 767px) { ... }
       
      /* От портретного планшета до ландшафтного экрана и настольных дисплеев */
      @media (min-width: 768px) and (max-width: 979px) { ... }
       
      /* Большой дисплей */
      @media (min-width: 1200px) { ... }
  5. Работаем дальше по плану :)