Общие рекомендации по верстке тем

  • Используем PixelPerfect аддон для Chrome или Firefox.
  • У вас на демо сайте в меню ссылки на страницы с примерами использования элементов. Изучить и использовать. Копирование и вставка между страниц экономит время.
  • Используем встроенную библиотеку готовых страниц.
  • Вместо текстов Lorem ipsum используем английские тексты из википедии на нужную тему
  • Проще 1 раз элемент сделать пиксель перфект с правильными отступами и копировать его во все необходимые секции, чем много раз сделать на глаз и потом каждый исправлять.
  • Иконки стараемся использовать SVG, но если они слишком детальные и много весят (более 15-20 кб), то можно брать похожую, но меньшую по размеру.
  • SVG превью в проводнике Windows https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/svg-explorer-extension/dssee_setup_x64_v011.exe
  • Копипаст в редакторе работает между страниц, а также можно копировать стили элемента для переноса раскраски и CSS стилей на один и тот же элемент в разных частях страницы. Копирование стилей не работает между страниц.
  • Кастом CSS не пишем, делаем все штатными средствами конструктора. Только для части блога по-умолчанию дописываем немного кастомного ЦСС в Theme Options -> Custom
  • Скачивать обновленный плагин SecretLab Shortcodes можно в репозитории https://gitlab.com/demosap/atiframe-builder-shortcodes/ и устанавливать в WordPress
  • Изучите, как пользоваться стилями у элементов King Composer https://youtu.be/wVWGeL6X1CA
  • Дублирование или клонирование страниц. Иногда нужно для создания аналогичных страниц со своего сайта или из основного демо https://youtu.be/E87D-Bovs4I
  • Добавление одинакового блока на разные страницы: секции или сайтбары https://youtu.be/-Qn_LhLHXCc

Powered by BetterDocs