Содержание
2. Шаблоны и заполнители | Документация Django CMS 3.9
В этом уроке мы представим вам Placeholders, а также покажем, как вы можете сделать свои собственные HTML-шаблоны CMS-совместимыми.
2.1. Шаблоны
Вы можете использовать шаблоны HTML для настройки внешнего вида вашего сайта, определять Placeholders для маркировки разделов для управляемого содержимого и использовать специальные теги для создания меню и многого другого.
Вы можете определить несколько шаблонов с различными макетами или встроенными компонентами и выбирать их для каждой страницы по мере необходимости. Шаблон страницы может быть заменен на другой в любое время.
Шаблоны сайта вы найдете в разделе tutorial-project/mysite/mysite/templates
.
По умолчанию страницы вашего сайта будут использовать шаблон fullwidth.html
, первый из перечисленных в кортеже проекта settings.py
CMS_TEMPLATES
:
CMS_TEMPLATES = ( ## Customize this ('fullwidth.html', 'Fullwidth'), ('sidebar_left.html', 'Sidebar Left'), ('sidebar_right.html', 'Sidebar Right') )
2.2. Placeholders
Placeholders — это простой способ определить разделы в HTML-шаблоне, которые будут заполнены содержимым из базы данных при отображении страницы. Это содержимое редактируется с помощью механизма редактирования django CMS во фронтенде, используя теги шаблона Django.
fullwidth.html
содержит единственный заполнитель, {% placeholder "content" %}
.
Вы также увидите {% load cms_tags %}
в этом файле — cms_tags
это необходимая библиотека тегов шаблона.
Если вы еще не знакомы с тегами шаблонов Django, вы можете узнать больше в разделе Django documentation.
Добавьте пару новых заполнителей в fullwidth.html
, {% placeholder "feature" %}
и {% placeholder "splashbox" %}
внутри секции {% block content %}
. Например:
{% block content %} {% placeholder "feature" %} {% placeholder "content" %} {% placeholder "splashbox" %} {% endblock content %}
Если вы переключитесь в режим Структура (кнопка в правом верхнем углу страницы), вы увидите новые доступные для использования местоположения.
1. Установка django CMS
3. Интеграция приложений
Вернуться на верх
Содержание
- Учебники
- 1. Установка django CMS
- 2. Шаблоны и заполнители
- 2.1. Шаблоны
- 2.2. Placeholders
- 2.3. Статические держатели
- 2.4. Рендеринг меню
- 3. Интеграция приложений
- 4. Плагины
- 5. Apphooks
- 6. Расширение панели инструментов
- 7. Расширение навигационного меню
- 8. Мастера создания контента
- 9. Интеграция стороннего приложения
- Руководства по эксплуатации
- Справочник
- Основные темы
- Вклад
- Примечания к выпуску и информация об обновлении
- Использование django CMS
Дополнительно
- Алфавитный указатель
- Содержание модулей Python
Система управления сайтом Пользователь django CMS jQuery UI, Голосовать онлайн Веб-шаблон, текст, медиа, плагин png
Система управления сайтом Пользователь django CMS jQuery UI, Голосовать онлайн Веб-шаблон, текст, медиа, плагин png
теги
- текст,
- медиа,
- плагин,
- скриншот,
- программное обеспечение,
- система,
- пользователь,
- система управления веб-контентом,
- веб-страница,
- мультимедиа,
- бренд,
- линия,
- компьютер Программное обеспечение,
- система управления контентом,
- django Cms,
- html,
- информация,
- joomla,
- jquery,
- jquery Ui,
- wordPress,
- png,
- прозрачный,
- бесплатная загрузка
Об этом PNG
-
Размер изображения
- 3000x1868px
-
Размер файла
- 236.
61KB
-
MIME тип
- Image/png
Скачать PNG ( 236.61KB )
изменить размер PNG
ширина(px)
высота(px)
Лицензия
Некоммерческое использование, DMCA Contact Us
-
WordPress Система управления контентом Logo Blog, WordPress, шаблон, текст, торговая марка png
3163x2043px
137.9KB -
Логотип jQuery, веб-разработка JQuery UI JavaScript Computer Icons, jqlogo, эмблема, метка, текст png
500x500px
96.97KB -
WordPress.com Блог Компьютерные Иконки, WordPress, эмблема, торговая марка, логотип png
1600x1600px
55.61KB
org/ImageObject»>
-
WordPress Компьютерные иконки, WordPress, логотип, внутри, веб png
500x500px
978.69KB -
Веб-разработка CMS Live Web Specialists Веб-хостинг, веб-разработка, веб-дизайн, веб-хостинг, веб-приложение png
900x730px
407.03KB -
Веб-разработка Система управления контентом Разработка программного обеспечения Joomla, всемирная паутина, веб-дизайн, текст, логотип png
790x548px
233.86KB -
Веб-разработка Система управления контентом Drupal WordPress Joomla, WordPress, текст, логотип, веб-хостинг png
561x800px
170.49KB
org/ImageObject»>
-
Moodle Computer Icons Система управления обучением Система управления контентом, другие, разное, угол, текст png
540x540px
5.52KB -
Веб-разработка Веб-дизайн Разработка веб-приложений, процессор, электроника, поисковая оптимизация, текст png
2345x1825px
78.29KB -
Веб-разработка HTML & CSS: дизайн и создание веб-сайтов Каскадные таблицы стилей, всемирная сеть, синий, веб-дизайн, текст png
1201x722px
139.33KB
org/ImageObject»>
-
Адаптивный веб-дизайн, система веб-шаблонов, шаблоны сайтов., шаблон, адаптивный веб-дизайн, веб-шаблон png
1000x750px
312.95KB -
Адаптивный веб-дизайн Система веб-шаблонов Joomla Веб-разработка, бесплатный адаптивный макет, шаблон, гаджет, электроника png
1000x750px
384.92KB -
Веб-разработка Joomla Шаблон управления сайтом, шаблон WordPress, шаблон, текст, логотип png
500x500px
39.25KB -
JavaScript HTML Logo Blog CSS3, яванский, Разное, угол, текст png
1305x1495px
57.26KB
-
Объектно-реляционная база данных PostgreSQL Oracle Database, значок freebsd, текст, логотип, другие png
849x829px
222.63KB -
черный ноутбук иллюстрация, компьютерное программирование веб-разработка компьютерное программное обеспечение язык программирования тема, кодер, электроника, гаджет, интернет png
8000x5320px
216.39KB -
Адаптивный веб-дизайн Шаблон макета страницы Bootstrap, макет, Разное, гаджет, электроника png
2000x1500px
947.78KB -
Макет Отзывчивый веб-дизайн веб-страницы, сайт макет, шаблон, веб-дизайн, дизайн пользовательского интерфейса png
736x490px
236.04KB
org/ImageObject»>
-
Бизнес Система управления персоналом Информационные технологии, ТЕХНИЧЕСКИЕ, текст, управление человеческими ресурсами, сервис png
500x500px
69.53KB -
Веб-разработка Адаптивный веб-дизайн Электронная коммерция Веб-хостинг, обслуживание сайтов, веб-дизайн, реклама Реклама, отзывчивый веб-дизайн png
572x441px
244.3KB -
Логотип jQuery Адаптивный веб-дизайн JavaScript, логотип jquery, текст, другие, логотип png
768x432px
50.76KB -
WordPress Logo Blog, WordPress, текст, товарный знак, логотип png
1024x637px
71.36KB
-
Адаптивный веб-дизайн Веб-разработка Веб-хостинг, разработчик, электроника, гаджет, веб-дизайн png
2299x1336px
388.49KB -
Компьютерные иконки PCG Barcelona Sticker, загрузка, угол, текст, компьютер png
1200x535px
5.55KB -
PHP MySQL База данных Apache HTTP Server, другие, Разное, текст, другие png
400x400px
56.12KB -
Light Alpha Gradient Прозрачность и прозрачность Веб-браузер, луз, компьютерные обои, альфа-градиент, веб-страница png
629x581px
239.24KB -
Компьютерные иконки Компьютерное программирование веб-разработки системы управления сайтом, кодирование, разное, угол, текст png
512x512px
5.71KB
-
Лига Легенд Twitch Потоковое медиа, Twitch с, фиолетовый, текст, прямоугольник png
1920x1080px
16.49KB -
человек, использующий ноутбук иллюстрации, веб-разработка веб-разработчик веб-дизайн, веб-разработка, текст, компьютер, презентация png
1850x1079px
417.31KB -
силуэт иллюстрации человека, веб-разработка PHP программист разработчик программист веб-дизайн, значок пользователя компьютера Svg, Разное, другие, компьютерное программирование png
512x512px
18.11KB -
База данных Компьютерные иконки Компьютерное программное обеспечение Информация, база данных, разное, угол, другие png
1600x1600px
27.09KB
org/ImageObject»>
-
Веб-разработка Drupal Система управления контентом Logo, другие, синий, веб-дизайн, другие png
500x500px
17.15KB -
три разных дизайна веб-сайтов, коллаж, веб-страница, веб-баннер Система веб-шаблонов World Wide Web, шаблоны баннеров для модных страниц, шаблон, другие, девушка моды png
640x943px
221.59KB -
Веб-дизайн, Joomla, Профессиональный Joomla, Система управления контентом, Drupal, Сервис веб-хостинга, Веб-разработка, Система управления веб-контентом, Программное обеспечение с открытым исходным кодом, Php, площадь, управление содержанием, система управления контентом png
512x512px
83.53KB
-
PHP MySQL jQuery JavaScript HTML, веб-дизайн, веб-дизайн, текст, компьютер png
900x350px
128.45KB -
Веб-разработка Computer Icons, веб-сайт, веб-дизайн, поисковая оптимизация, текст png
900x897px
33.49KB -
Отзывчивый веб-дизайн Веб-разработка Мобильные телефоны, веб-сайт, гаджет, электроника, веб-дизайн png
3508x2480px
2.79MB -
Веб-разработка HTML Отзывчивый веб-дизайн Logo JavaScript, html, угол, веб-дизайн, текст png
1600x1816px
66KB -
Логотип jQuery Адаптивный веб-дизайн Основа JavaScript, логотип jquery, текст, товарный знак, логотип png
1030x515px
173.99KB
-
Landing page Architect Веб-дизайн Реклама, архитектор, реклама, логотип, бизнес png
1200x715px
116.75KB -
Логотип JavaScript HTML, логотип JavaScript, угол, текст, прямоугольник png
540x540px
43.58KB -
WordPress логотип, WordPress логотип блог значок сайта, WordPress логотип бесплатно, синий, эмблема, изображения Форматы файлов png
1024x1015px
742.06KB -
Отзывчивый веб-дизайн WordPress Мобильные телефоны, портативные устройства WordPress, шаблон, электроника, веб-дизайн png
1000x750px
256.04KB -
Шаблон системы управления документами Microsoft Word Form, Document, шаблон, резюме, другие png
858x800px
306.01KB
-
Адаптивный веб-дизайн Веб-разработка Цифровой маркетинг Веб-сайт, платформа Icon Symbol, Разное, электроника, веб-дизайн png
800x630px
40.76KB
JQuery UI JavaScript веб-браузер, pasargad, текст, товарный знак, другие png
600x600px
99.4KB
Веб-разработка Разработка программного обеспечения Разработчик программного обеспечения Компьютерное программное обеспечение Confluence, веб-разработка, сервис, инжиниринг, информационные технологии png
810x470px
143.17KB
Веб-разработка Система управления контентом Computer Icons, всемирная паутина, текст, логотип, компьютерная программа png
512x512px
21.36KB
Веб-разработка WordPress.com Компьютерные иконки, WordPress, синий, веб-дизайн, текст png
1600x667px
245.58KB
Человек, сидящий перед мониторами компьютеров, Сетевой операционный центр Сетевой мониторинг Управление Информационная безопасность Операционный центр Бизнес, аналитик, компьютерная сеть, сервис, люди png
812x541px
104.15KB
django-cms/templates.py в разработке · django-cms/django-cms · GitHub
Постоянная ссылка
развивать
Тег с указанным именем ветви уже существует. Многие команды Git принимают имена как тегов, так и веток, поэтому создание этой ветки может привести к неожиданному поведению. Вы уверены, что хотите создать эту ветку?
Перейти к файлу
В настоящее время не удается получить участников
Этот файл содержит двунаправленный текст Unicode, который может быть интерпретирован или скомпилирован не так, как показано ниже. Для просмотра откройте файл в редакторе, который показывает скрытые символы Unicode.
Узнайте больше о двунаправленных символах Unicode
Показать скрытые символы
из django.template.loader импортировать get_template | |
из django.utils.functional import cached_property | |
класс TemplatesCache: | |
по определению __init__(сам): | |
self. |
|
по определению get_cached_template (я, шаблон): | |
# мы проверяем, крякает ли шаблон как шаблон, как общий шаблон и шаблон для конкретного движка | |
# не имеет общего предка | |
, если hasattr(шаблон, ‘рендеринг’): | |
шаблон возврата | |
, если нет шаблона в self._cached_templates: | |
# это всегда возвращает объект шаблона для конкретного движка | |
self. |
|
вернуть self._cached_templates[шаблон] | |
@cached_property | |
по определению drag_item_template(я): | |
вернуть get_template(‘cms/toolbar/dragitem.html’) | |
@cached_property | |
по умолчанию placeholder_plugin_menu_template (я): | |
возврат get_template(‘cms/toolbar/dragitem_menu.html’) | |
@cached_property | |
деф dragbar_template (я): | |
вернуть get_template(‘cms/toolbar/dragbar. |
django-cms-темы · PyPI
Загружать предварительно упакованные темы (шаблоны и сопутствующие медиафайлы) в проекты Django CMS через администратора
Описание проекта
django-cms-themes
=================
Приложение django, которое позволяет загружать пакеты тем, которые представляют собой связанные шаблоны, и
выберите тему, которую должен использовать сайт.
Зависимости
============
— django (проверено с 1.3)
— django-cms (проверено с 2.2)
Начало работы
========== ===
Чтобы начать, просто установите с помощью «pip«:
::
pip install django-cms-themes
Добавьте «’cms_themes’` в ваши установленные приложения и «syncdb« ( или мигрируйте, если
у вас установлен южный).
Ваши установленные приложения должны выглядеть примерно так:
::
INSTALLED_APPS = (
‘django. contrib.auth’,
‘django.contrib.contenttypes’,
‘django.contrib.sessions’,
‘django.contrib.sites’,
‘django.contrib.messages ‘,
‘django.contrib.admin’,
‘cms’,
‘cms_themes’,
)
Согласно краткому руководству по django-cms, в файле настроек
должен быть параметр PROJECT_PATH, указывающий на корень вашего проекта, например
«PROJECT_PATH = os.path.abspath(os.path.dirname(__file__))«
Если нет, будет предполагаться, что ваши темы будут жить сразу под «MEDIA_ROOT«.
Использование
=============
Все использование осуществляется через администратора.
Просто создайте новую запись темы и загрузите архив темы (tar.gz) с
http://www.djangocmsthemes.com. Все шаблоны из загруженных тем теперь должны отображаться
в раскрывающемся списке «Шаблоны» на странице django cms.
Детали проекта
Эта версия
1.0.11
1.0.10
1.0.9
1.0.8
1.0.7
1.0.6
1.0.5
1.0.4
1.0.3
1.0.2