Студия Дмитрия Клячина

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

Можно перенести товары с одного проекта на другой в сайте-визитке (лицензия Start+)

Можно, открываешь параллельно 2 проекта SE. лучше если они одной версии, к примеру один проект открыт в 5.2 и другой тоже в 5.2

в одном копируешь раздел. прямо в текстовом редакторе правой кнопкой на разделе - копировать. а в другом - в текстовом редакторе вставляешь раздел. пока у тебя не будет картинок. их проще скопировать так:
из того проекта, где они есть - вручную заходишь в папку проекта в папку content/images, копируешь ВСЕ фотки, вставляешь во второй проект в туже папку. Затем, уже в программе во втором проекте выбираешь в верхнем меню пункт ПРОЕКТ / Удалить в проекте неиспользуемые файлы рисунков.

т.е. удаляется все лишнее, а то что нужно - остается.

Методика настройки меню горизонтального - выпадающего (или невыпадающего):

самый главное - настроить пункт меню (от него активный пункт и при наведении курсора пляшут). Ставим выравнивание: left

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

Лишние моменты (левая, правая граница) - можете вырубить - они берут на себя только отступ лишний, чаще всего это не нужно. ставьте в типе контейнера "none".

разделитель - смотрите сами - если по дизайну он предусмотрен - линия между пунктами например, оставляйте....только если это узкая картинка...вы столкнетесь с теми что разделитель тоже имеет ширину. это потому что программа ставим тут пробел. для этого на вкладке настройки текста ставите размер текста - 0, ну и можно еще цвет поставить - transparent (это если нужно сделать цвет черточки прозрачным - смотрите сами по ситуации). и ширину в позиционировании поставьте разделителю такую - какая у вас картинка.....если это узкая линия - скорее всего ширина будет 1 или 2 пикселя. смотрите согласно дизайну.

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

настройка пунктов 2го и 3 го уровней.

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

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

не забываем что пункты 2 и 3го уровней наследуют все что задано выше. т.е. от первого пункта. а 3й уровень соответсвенно от 2го.

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

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

У нас имеется структура сайта (таблицы слои), и к ним уже прикручен css. Сам по себе css код бесполезен, если он не принадлежит к конкретным блокам. скопировать css - но это лишь 1 шаг. Второй - это полное соответствие структуры карты сайта той, что была в раннем проекте. но тут просто скопировать наверное не вариант....потому что в другом проекте и контенты другие и могут быть свои переменные вставлены, и заполнение контейнеров другое - к примеру новости были в раннем проекте забиты в 1, а во втором в 3й контейнер - тогда будут проблемы. т.е. еще и наполнение сверить.

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

Как правильно заполнять информацией сайт-визитку (или каталог)

Если вы копируете текст с сайта и вставляете в SiteEdit - проблем быть не должно.

Если вы копируете текст с Word и вставляете в SiteEdit - есть некоторые рекомендации как лучше это сделать.

1 способ - для специалистов:
используйте режим текстового редактора "HTML". В данном режиме текст вставляете совершенно без "мусора", но и без оформления. Оформить вы его можете сами. Для оформление используем тэги (в верхней панели инструментов), например BR - пропуск строки, выделение текста жирным, курсивом, если нужно - оформление цветом некоторых слов, добавление списков. Это занимает время, но вы будете уверены, что оформление будет таким, каким вы его сделаете.

2 способ - для новичков:
используйте режим текстового редактора "ТЕКСТ". Но, после вставки текста обязательно нажимайте на кнопку "ФИЛЬТР" в панели инструментов. Фильтр удаляет лишний "мусор" из текста, оставляя полезную информацию. Дело в том, что текст в ворде имеет свои настройки (размер, шрифт, цвет, отступы, межстрочные интервалы и т.д.). Все эти лишние настройки попадают в SiteEdit и могут сильно исказить внешний вид текста а также исказать сам сайт - раздвинуть соседние блоки, вылелсти за границы сайта и т.д. Фильтр можно проверять несколько раз (проходя второй раз через фильтр, текст очищается еще лучше). Для еще более лучшей фильтрации можно перейти в режим HTML и применить фильтр еще раз там.

Но, будьте внимательны. Вместе с "мусором" могут удалиться те настройки оформления, которые могли задать вы непосредственно в тексте лементам. К примеру вы выделили слово и оформили его иначе, или выделили картинку и в ее настройках задали позиционирование по левому краю, обтекание ее текстом и отступ. Все эти вещи также удаляются фильтром. Поэтому "Фильтр" лучше применять сразу, и уже потом донастраивать текст так, как нам нужно.

Как сделать защиту контента от копирования на SiteEdit?

Часто задают вопрос "Как защитить контент на сайте от копирования?" 1. Использовать скрипт для запрета копирования, т.е. можно добавить скрипт, который не позволит посетителю сайта вручную выделять и копировать текст. 2. Запретить выделять текст в CSS - стилях.

Можно ли на одной странице сайта сделать своё отдельное боковое меню, вместо бокового главного меню, не совпадающее с ним?

Можно. Есть несколько способов:

1) допустим вверху есть одно меню - горизонтальное. А сбоку есть свои меню - дополнительные (поскольку их можно быть сколько угодно много - до 100 если быть точнее.) Чтобы сделать разные меню на страницах, ставится сбоку к примеру обычный контент. например 1. а в него макросом ставится меню дополнительное.

Вот код

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

если меню нужно другое - просто меняем цифру, с 001 на 002. и так далее.

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

а если есть еще свреху меню. например горизонтальное, и оно отличается по дизайна. Ставим лучше также дополнительное, НО уже с другой цифрой.....поскольку оно ставится уже в структуру карты дизайна, ТО его дизайн мы уже настроим, веть оно будет в дереве дизайна f4

2) другой способ может быть даже проще. формируем страницы, какие нужно и в списке страниц f11 делаем как обычно универсальное меню....вкладываем страницы как нам нужно. и после этого - ставим галочку в этом окне - разделить меню на под меню. Таким образом, программа будет показывать все подуровни страниц. т.е. исключать 1й уровень. Но, в этом случае обязательно делаем какое нибудь другое меню, в котором будут пункты 1х уровней, иначе человек не сможет никуда зайти.

Отступы на телефоне - частный косяк сайтов.

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

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

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

родительскому слою задаем минимальную ширину, соответствующую ширине внутреннего слоя, который мы центровали.

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

а вот если слой к примеру не имеет родителя, т.е. он сразу центруется и имеет жесткий размер, и он лежит в body, родителем для слоя является сам слой body, ему и задаем мин. ширину. главное это понять и ошибок не будет.

"Схлапывание" высоты слоя, когда внутри него есть блоки, имеющие выравнивание left или right

в данном случае родительский слой схлапывается до минимума - это тоже может быть предметом косяков в инэте.

родительскому слою нужно обязательно задавать - либо жесткую высоту, либо тип контейнера соответствующий ситуации.

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

выходит так что проще указать тип контейнера.

нормально обрамляет блок Inline-block и table, если внутри него элементы по линейке - left или right

но по опыту скажу сразу...если задавать inline-block, центровка не будет работать. такой вот ньюанс. поэтому, остается только параметр table, он нормально обрамляет блок и нормально центруется.

Контакты

faststudio
2019 © Студия Дмитрия Клячина