Помощь

Уроки и руководства по работе с Флоксимом

Если вы забыли пароль, его можно восстановить!

Вопросы и ответы

Общие вопросы

Что такое Флоксим и чем он отличается от похожих сервисов?

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

Наша задача — свести к нулю расходы на создание сайтов невысокого и среднего уровня сложности.

Почему у нас так мало шаблонов?

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

Количество шаблонов у нас, конечно же, вырастет, мы ведь совсем недавно открылись. Но даже сейчас вы можете, взяв любой шаблон, перекроить его до неузнаваемости под свои нужды. И вам не потребуется знания языков разметки или программирования. Только мышка.

Как создать сайт?

Выберите шаблон, наиболее близкий к тому сайту, что вам нужен, введите свой адрес, домен для сайта (потом вы сможете подключить к нему домен второго уровня имя.ru) - и сайт готов! Добавляйте информацию, настраивайте и пользуйтесь на здоровье!

Сколько стоит Флоксим?

Флоксим бесплатен. Скоро вы сможете создать сайт с адресом имя.floxim.ru объемом не больше 100 мегабайт (со временем мы увеличим этот объем) и пользоваться Флоксимом бесплатно. Правда, однажды мы начнем показывать рекламу на вашем сайте. Но такова жизнь. 

Редактирование сайта

Как отредактировать текст на странице?

Во-первых, убедитесь, что вверху на страницах есть панель с переключением режимов просмотра и редактирования. Если её нет - зайдите на floxim.ru и введите почту и пароль - вы увидите свой сайт глазами администратора. Если же панель есть - нажмите вкладку “редактирование” и теперь нажмите мышкой на текст, который вы хотите отредактировать. Он выделится пунктирной линиией. Теперь можно редактировать.

Как добавить текст?

Если вы хотите добавить абзац к уже имеющемуся тексту, в режиме редактирования нажмите на него мышкой, поставьте курсор в нужное место и пишите. Если это будет новый блок текста, то в режиме редактирования наведите мышку на место, куда вы хотите поставить текст, и нажмите на черный плюсик. В появившемся окне выберите “Текст”. Откроется еще одно окно, где вы можете настроить параметры отображения блока (отступы, фон, размер шрифта и пр.), а можете ничего не настраивать и оставить как есть. После этого мы сможете ввести текст прямо на странице.

Как изменить картинку?

В режиме редактирования нажмите на нее, и вы увидите панель управления картинкой. Вы можете:

  • закачать новую картинку с компьютера
  • закачать картинку из интернета, указав её адрес
  • обрезать картинку

Чем отличаются синие плюсики от черных?

Синие плюсы добавляют в блок какой-то элемент (новость, картинку, товар). Черные плюсы добавляют блок. Если вы нажимаете на черный плюс, вам сначала предстоит определиться с типом блока, а уже потом добавлять в него контент. Кстати, обычный текст - это тоже блок.

Как добавить в существующий блок еще один элемент (например, новость или картинку)?

В режиме редактирования наведите мышкой на блок, куда хотите что-то добавить. Вы увидите одно из двух: либо плюсик рядом с курсором мыши, либо кнопку со словом “добавить”. Кнопка показывается в том случае, когда элементы сортируются автоматически: персоны по алфавиту, новости по дате и пр. Если автоматической сортировки нет, нажмите на плюсик в том месте, куда вы хотите добавить элемент. И дальше заполните форму или добавьте элемент прямо на странице.

Как добавить блок новостей или фотогалерею?

В режиме редактирования наведите мышку на то место, куда хотите добавить блок. Обратите внимание: внутрь существующих блоков добавить блок нельзя, только до или после. Вы увидите черный плюсик. Если плюсов несколько (а такое бывает), значит, здесь сразу несколько областей, куда можно добавить блок. Наведите на плюс и прочитайте, куда добавится блок. Также черная полоска покажет вам ширину будущего блока.

После нажатия черного плюса перед вами откроется окно выбора типа блока. Укажите нужный (фото или новости) и переходите к следующему шагу: настройка блока. На странице вы увидите, как будет выглядеть ваш блок. Попробуйте поиграться настройками (вкладки «шаблон» и «блок») — и еще до добавления вы увидите, как блок будет выглядеть на странице.

А можете пропустить этот шаг и сразу нажать кнопку «сохранить» — изменить настройки отображения вы сможете и потом. Как только блок будет добавлен, вы сможете приступать к добавлению контента — новости или фотографии.

Как указать SEO-свойства страницы?

Зайдите на нужную страницу и нажмите меню “Еще - Редактировать текущую страницу”. В появившемся окно нажмите на SEO-свойства и вводите заголовки. Там же вы можете изменить адрес страницы.

Управление блоками

Как показать на странице новости (или что-то еще), которые уже добавлены на другую страницу?

В режиме редактирования наведите мышку на место, куда хотите добавить блок, и нажмите на черный плюсик. В появившемся справа окне выберите вкладку «данные, выбранные вручную», дальше в списке выберите тот тип данных, который хотите показывать («Новости»). После этого вверху страницы откроется панель с вкладками, последнюю из которых («Выбранные записи») вам и надо открыть. В поле начинайте вводить название/заголовок нужных вам новостей и в появляющемся списке мышкой выбирайте нужную вам.

Если же вы хотите не выбирать новости, а выводить их по какому-то принципу (три последних или за какую-то дату или где на заголовке встречается некое слово) — на первом шаге добавления блока выберите вторую вкладку («Данные по фильтру»). Тогда в последней вкладке горизонтальной полоски вам надо сформулировать условие, по которому новости попадут в этот блок.

Чем отличаются типы блоков?

Во-первых, блоки различаются источником данных. Откройте окно добавления блока, и вверху его вы увидите вкладки. В случае с новыми данными после добавления блока вам придется добавлять в блок контент (элементы: текст, новость, картинку, товар и пр.). Если вы добавляете блок с данными по фильтру, в нем будут показаны элементы, уже добавленные на сайт. Вам надо будет лишь настроить условие, по которому элементы будут попадать в этот блок. Пример использования: вывести последние новости на главную страницу сайта, вывести все товары одного производителя и пр. В случае блока с данными, отобранными вручную, все почти так же, только вам надо указать не условие выбора, а вручную отобрать эти элементы. Например, выбрать товары, которые участвуют в акции. И последняя вкладка — виджеты. Такие блоки не имеют данных, их задача в другом: вывести путь до страницы от корня (хлебные крошки), вывести контент в несколько колонок и пр.

А еще контентные блоки отличаются типом: новости, персоны, текст, товары и пр.

Что такое слайдер, плитки и другие шаблоны блока?

Один и тот же блок данных может быть отображен по-разному. Например, фотогалерея может быть показана обычными плитками по 3-4 колонки, а может — слайдером (картинка на 100% ширины, где фотографии листаются справа налево). Новость можно показать одной строчкой-заголовком, а можно заголовком, аннотацией и картинкой. 

Вот и для каждого блока вашего сайта можно подобрать шаблон и настроить его. Не бойтесь экспериментировать — потом вы сможете вернуть все обратно. Выделите блок, зайдите в его настройки (малопонятная иконка справа от шестеренки) и, меняя шаблоны, посмотрите, как он будет выглядеть.

Как изменить количество колонок в блоке плиток?

Выделите блок, нажав мышкой внутри него (если вы выделили не весь блок, а только какой-то элемент, нажмите на название блок в верхней панели). Около блока появилась панелька. Нажмите на вторую иконку справа от шестеренки. Если вы используете шаблон “плитки”, то в появившейся сверху панели поменяйте количество колонок. Вы сразу увидите, как будет выглядеть блок. Если вас все устраивает, нажмите кнопку “Сохранить”.

Как управлять слайдером?

В режиме редактирования нажмите мышкой на слайдер, убедитесь, что выбран весь блок (если это не так, нажмите на название блока в верхней строке) и нажмите на вторую иконку (которая непонятная). Здесь вы можете настроить вид слайдера, автоматическое слайд-шоу, скорость перелистывания и так далее.

Как показать блок сразу на всех страницах?

Выберите блок мышкой, нажмите на иконку “Настройка” (шестеренка) и в появившейся панели в параметре “Где показывать” выберите “Все страницы”.

Как показать блок на всех страницах внутри какого-то раздела?

Выберите блок мышкой, зайдите в его настройки (иконка шестеренки) и в списке “Где показывать” выберите пункт “Настроить”. Справа откроется окно, где вам нужно добавить условие: Страница - равно или внутри - название раздела.

Дизайн и оформление

Как поменять фон у блока?

Выберите блок мышкой и нажмите на третью иконку “Блок” (со стрелками). Если там только одно поле (“Шаблон - нет”), выберите “По умолчанию”. В панели появятся несколько настроек. Среди них будет и фон. Нажмите на него, здесь вы можете добавить цвет из палитры или картинку. Изменения сохранятся на странице после нажатия кнопки “Сохранить”, но, пока вы меняете значения фона, вы увидите, как будет выглядеть ваш блок с этим фоном.

Как сделать круглые уголки у блока?

Выберите блок мышкой и нажмите на третью иконку “Блок” (со стрелками). Если там только одно поле (“Шаблон - нет”), выберите “По умолчанию”. В панели появятся несколько настроек. Среди них будет “Рамка и углы”. Нажав на один из углов, вы можете изменить значение радиуса закругленности. Также это можно сделать колесиком мыши. А если вы нажмете на замок в центре картинки, после изменения вами одного угла аналогично изменяться и другие. Изменения сохранятся на странице после нажатия кнопки “Сохранить”, но, пока вы меняете значения радиуса углов, вы увидите, как будет выглядеть ваш блок после сохранения. Разумеется, это имеет смысл, только если фон блока отличается от фона страницы.

Как обвести блок рамкой?

Выберите блок мышкой и нажмите на третью иконку “Блок” (со стрелками). Если там только одно поле (“Шаблон - нет”), выберите “По умолчанию”. В панели появятся несколько настроек. Среди них будет “Рамка и углы”. Нажав цифру по бокам или сверху/снизу, вы можете изменить толщину рамки, её цвет и стиль (сплошная линия, штрих, пунктир). Также это можно сделать колесиком мыши. А если вы нажмете на замок в центре картинки, после изменения вами одной рамки аналогично изменяться и другие. Изменения сохранятся на странице после нажатия кнопки “Сохранить”, но, пока вы меняете значения рамок, вы увидите, как будет выглядеть ваш блок после сохранения.

Как вывести заголовок у блока?

Выберите блок мышкой и нажмите на третью иконку “Блок” (со стрелками). Если там только одно поле (“Шаблон - нет”), выберите “По умолчанию”. В панели появятся несколько настроек. Среди них будет “Показывать заголовок”, нажмите на него. Изменения сохранятся на странице после нажатия кнопки “Сохранить”, но, пока вы меняете настройки заголовка, вы увидите, как будет выглядеть ваш блок после сохранения. Теперь вы можете настроить его внешний вид (у нас в панели появилось поле “Стиль заголовка”, где можно нажать на плюс  и указать параметры шрифта и отступы).

Как настроить отступы между блоками и внутри блоков?

Выберите блок мышкой и нажмите на третью иконку “Блок” (со стрелками). Если там только одно поле (“Шаблон - нет”), выберите “По умолчанию”. В панели появятся несколько настроек. Среди них будут отступы, внутренний (между содержимым блока и его границей) и внешний (между границей блока и другими элементами сверху/слева и пр. Вы можете менять любой из отступов, а можете зафиксировать связь между парами (сверху/снизу или справа/слева) или вообще между всеми отступами. Для этого вам надо один или два раза нажать на значок замка внутри квадратика управления отступами. Теперь, меняя один отступ, вы будете менять все. Изменения сохранятся на странице после нажатия кнопки “Сохранить”, но, пока вы меняете значения отступов, вы увидите, как будет выглядеть ваш блок после сохранения.

Как вывести содержимое страницы в две колонки? А в три?

Добавьте на страницу блок типа «Колонки» (он находится во вкладке «Виджеты» форма добавления блока, а она в свою очередь вызывается черным плюсом, который появится, когда вы наведете мышку на место, куда надо добавить блок). Во вкладке «Шаблон» вы можете изменить пропорции колонок, схватив мышкой границу между ними в верхней панели. Также вы можете поменять фон у колонки. Для этого на нее надо нажать (также в верхней панели).

Добавить еще одну колонку можно при помощи плюса справа от окошка со схематическим видом колонок.

Как поменять стандартные цвета на странице?

Во Флоксиме для всего сайта введена палитра цветов, которые можно использовать для фона, текстов и пр. Поменять её можно в меню «Еще — Настройки темы». Там вы можете выбрать три базовых цвета а также их оттенки, которые в дальнейшем можно будет использовать для оформления сайта. Любой из оттенков можно скорректировать, нажав на него мышкой и введя RGB-код цвета. 

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

Как поменять шрифт текста или заголовка?

На сайте вы можете использовать три семейства шрифтов. По умолчанию первое семейство используется для обычных текстов, второе для навигации (вывода меню) и третье для заголовков. Но почти для каждого элемента в настройках его шаблона вы можете указать, что для его вывода надо использовать другой тип шрифта. Например, в настройках заголовка блока (вкладка «Блок» настроек блока, поле «Стиль заголовка») указать, что заголовок должен быть выведен шрифтом для навигации.

А само семействе шрифтов для всех трех способов использования можно указать в меню «еще — Настройки темы». Меняя любой из шрифтов, будьте осторожны: изменится внешний вид всех элементов, которые используют этот шрифт.

Как изменить ширину страницы?

Зайдите в меню “еще - Настройки темы”, вкладка “Ширина лейаута”. Здесь есть три поля: максимальная ширина (условно МАКС), ширина лейаута (ПРОЦ) и минимальная ширина (МИН). Ширина вашего сайта будет определяться так: если ширина экрана меньше МИН, сайт будет растянут на 100% экрана; если больше МАКС - ширина сайта будет равна МАКС, а между ними - ПРОЦ процентов от ширины экрана.

Руководства

Начало работы

1.1 Подход к построению сайта, терминология
1.2 Управление контентом

Блоки

2.1 Виды блоков
2.2 Основные настройки блока
2.3 Источники данных у блоков
2.4 Настройка внешнего вида блока
2.5 Вывод полей в шаблоне блока
2.6 Страница полного отображения

Неконтентные блоки

3.1 Формы
3.2 Колонки
3.3 Карты

Прочие функции

4.1 SEO-поля
4.2 Настройки темы

Видео

Видеоурок о применении основных инструментов Флоксима на примере сборки известного новостного сайта.