Программа для редактировать готовый шаблон wp. Редактирование шаблона WordPress для чайников. Какие бывают шаблоны

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

Но если растрачиваться особо не хочется, то оптимальный выход из ситуации – использование бесплатных сервисов для создания тем WordPress, которым и посвящен наш материал.

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

Конструктор тем для Вордпресс lubith.com

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

Данный ресурс не кодирует свои ссылки после генерации шаблона и предоставляет доступ к главным файлам стилей, чего не предоставляют многие аналоги, что вообще ни в какие ворота. Итак, переходим на сайт , проходим несложный процесс регистрации, нажимаем на ссылку «Editor» и переходим в редактор, который сам по себе достаточно прост и понятен в использовании. Тут главное хоть немного понимать английский язык.

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

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

Генератор вставляет свои ссылки, но это некритично, ведь они не закодированы. Просто перейдите в файл footer.php и найдите код, где упоминается слова «Wordpress Theme Generator» или сайт www.lubith.com. Блок, где расположена ссылка – можно удалить полностью или изменить ссылки на свои. Теперь ваш шаблон обретет «девственность», но нужно рассмотреть все немного детальней для возможности править все, что душе угодно (включая текст).

Это нужно, если, к примеру, у вас появилась необходимость в смене ссылок, заголовков и т.д. Для этого в Вордпресс открываем файл style.css. В нем содержатся блоки, которые отвечают за определённую часть :

Wrapper – фоновый блок, содержит все остальные;
Container – блок с главными содержательными площадки;
Header – шапка сайта;
Site-title – блок названия сайта;
Site-description – блок описания сайта;
Access (Menu) – блоки меню, расположенные под шапкой сайта;
Content – блок контентной части ресурса (там, где располагаются посты);
Primary – отвечает за виджет, расположенный справа;
Entry-title – блок с данными о публикации и авторе;
Entry-meta – блок с рубриками поста;
Widgettitile – заголовок одного виджета;
Textwidget – тело виджета.

Дополнительно также есть блоки, которые можно изменить: footer (подвал), link (вид ссылок), comments (вид комментариев и их авторов), home.sticky (вид прикрепленных записей на главной), primary (отвечает за виджет справа), secondary (отвечает за виджет слева), blockquote (оформление цитат). Вот собственно и все.

Плагин «Бесплатный конструктор онлайн шаблонов»

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

конструктор изначально имеет предустановленных 6 тем оформления (их можно обновить), но все-таки лучше создать собственную;
вкладка «Макет» дает возможность (количество колонок, их размещение);
вкладка «Шаблоны» позволяет изменить отображение домашней страницы, страницы записей, отдельной страницы, а также можно менять даты, метки, рубрики, поиск;
вкладка «Шапка» отвечает за отображение верхней части темы (можно изменять текст главной);
вкладка «Настройка контента» позволяет изменить вид ссылки на страницу автора, списки категорий, меток, отображение комментариев, а также иконки соц. сетей;
есть возможность изменить миниатюры комментариев;
настройка «футера» (можно вставить любой текст или код);
настройка шрифтов (текст можно изменять по размеру и цвету);
можно изменить цвета и прозрачность;
дизайн блоков;
правка CSS-кода (можно обновить по своему усмотрению);
настройка изображений, вставка картинок в нужное место;
настройка слайдера, который будет показан в верхней части ниже шапки (текст слайдера можно изменить на свой).

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

Шаблон WordPress — это дизайн для соответствующей системы управления с особым оформлением для настройки сайтов. Это полностью готовых HTML код, со сверстанными страницами. Решение может активно использоваться для создания и настройки сайтов самых разных тематик.

Чем открыть шаблон WordPress?

Хочу сразу отметить, что если вы ничего не понимаете в кодах, CSS и HTML, то лучше не пытаться ничего делать. Ваши пробы редактирования шаблона могут привести к полной не функциональности сайта. Совсем другое, если какой-то урок четко прописывает действия и этапы выполнения, где написано откуда скопировать и куда вставить. Однако, подстрахуйтесь и сделайте бэкап данных (резервная копия), чтоб в любой момент восстановить сайт в изначальном виде.

Как менять шаблоны WordPress?

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

Редактирование шаблона WordPress

Откройте админку WordPress.
Далее выберите Внешний вид-Редактор .
В колонке справа будут все файлы шаблона, которые можно редактировать. Выбираете нужный вам файл, измените его и жмете Обновить .

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

Редактирование файлов используя файловый менеджер хостинга

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

Файлы , которые редактируются, размещены в папке: /wp-content/themes/название_вашего_шаблона/. Открываете ее и ищете необходимый для редактирования файл.

Редактирование темы на ftp

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

Запустите свой клиент ftp . Можно использовать Total Commander или же FileZilla для подключения клиента ftp . Проверьте соединение с вашим сайтом и откройте папку вашего шаблона: /wp-content/themes/название_вашго_шаблона/
Файл, который планируете редактировать, скопируйте на локальный диск.
Откройте данный файл в программе — редакторе кода и можете смело вносить все нужные изменения.

Будет лучше, если тестовый вариант сайта был установлен локально. Это позволит без риска внести изменения и уже полностью отредактированным переносить на хостинг. Для редактирования файлов предлагаю использовать бесплатный Notepad++ редактор, имеющий подсветку синтаксиса. С ним вы сможете легко копаться одновременно во всех файлах темы.

В меню указываете папку, которую нужно найти или функцию, или слово или тег, и Notepad++ безошибочно покажет файлы, в которых есть подобные вхождения. А далее выбираете нужный вам файл и вносите в них изменения. Благодаря имеющейся подсветке, работа по редактированию будет проще и удобнее.

Выводы

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

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

» мы продолжили обзор инструментов TemplateToaster и рассмотрели новшества, которые появились в 5-й версии программы по сравнению с 4-й.

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

Инструмент Позиция меню . Данный инструмент позволяет разместить меню под, над или внутри верхнего колонтитула (хэдэра). Также есть возможность вовсе его отключить.

Область Подменю . Настройка «макета» и «реакции» подменю.

Click . Открытие подменю по нажатию на кнопку пункта меню.
Hover . Открытие подменю при наведении курсора мыши на кнопку пункта меню.

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

В зависимости от выбранного инструмента (Мега , Вертикальный и ) будут доступны другие. Например, если выбрать Мега , то можно настроить Область подменю, Пункт меню и Заголовок подменю . Если выбрать Вертикальный или , то только Область подменю и Пункт меню .

Область Подменю, инструмент Область подменю . Можно настроить задний фон (цвет, градиент или изображение), границу (стиль, толщину, радиус скругления или цвет) и тень.

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

Высота.
Ширина.
Задний фон.
Граница.
Граница при наведении курсора.
Тень.
Тень при наведении.
Разделитель.
Отступ. Внешний.
Отступ. Внутренний.
Иконка. Нормальное и наведённое состояние.
Типография. Лучше «типографика» - настройка шрифтов. Нормальное и наведённое состояние.

На вкладке (рисунок ниже) расположены инструменты для настройки боковых колонок шаблона.

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

Нет. Без боковых панелей.
Слева боковая панель. Одна боковая панель слева от области (колонки) содержимого.
Справа боковая панель . Одна боковая панель справа от области содержимого.
Слева Слева боковая панель. Две боковые панели слева от области содержимого.
Слева справа боковая панель . Одна боковая панель слева от области содержимого, одна - справа.
Справа Справа боковая панель. Две боковые панели справа от области содержимого.

Все инструменты в областях Задний фон, Макет, Эффекты, были рассмотрены ранее в статьях.

Область Высота. Позволяет задать, какой должна быть высота боковых панелей. Или 100% от высоты основной области страницы (контентной) – опция Высота 100% или боковая колонка должна подстраиваться под высоту содержимого, которое в ней размещается. Опция Эквивалентно содержимому .

На данной вкладке (рисунок ниже) Вы найдёте инструменты, при помощи которых можно настроить внешний вид модулей. Редактор шаблонов TemplateToaster 5 Professional предоставляет Вам для этого ряд инструментов. Обратите внимание, что вкладка появляется только тогда, когда Вы активируете использование одной или двух боковых панелей на вкладке , инструмент .

Причём, инструменты разделены на области, соответствующие областям модулей (рисунок ниже).

Контейнер . Зелёная рамка на рисунке ниже.
Хэдэр . Голубая рамка на рисунке ниже.
. Красная рамка на рисунке ниже.

Область Контейнер, инструмент Свойства контейнера . Вы сможете настроить внешний, внутренний отступы, границы (стиль, толщина, радиус скругления, цвет) и тень. Все эти опции уже рассматривались ранее, также, как и инструмент Задний фон .

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

Область Инструмент Задний фон уже рассматривался. Инструмент (рисунок ниже) помимо рассмотренных ранее настроек позволяет сконфигурировать новые элементы.

Активная ссылка, Наведённая ссылка, Посещённая ссылка. Вы можете задать оформление текста, по аналогии с другими текстовыми объектами (стиль, размер, цвет и так далее), рассмотренными ранее, для трёх различных состояний гиперссылок.
Текст . Для этого элемента добавлена опция Отступ , которая позволяет настроить абзацный отступ (не путать с междустрочным интервалом).
Заголовки . Визуальный редактор шаблонов позволяет задать стиль, размер шрифта (кегль), семейство (гарнитуру), цвет, отступ, эффекты, выравнивание, оформление (подчёркнутый, зачёркнутый). Причём, это можно сделать для заголовка каждого уровня (H1-H6) отдельно.
Нумерованный список . Настройка оформления нумерованного списка. Помимо уже знакомых настроек шрифта можно выбрать стиль. Например: 1, 2, 3; a, b, c и так далее.
Неупорядоченный список. Настройка оформления маркированного списка. Только настройки шрифта.

Инструмент . Содержит набор предварительно установленных вариантов оформления модулей (рисунок ниже).

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

Хочу только привести варианты оформления меню (рисунок ниже), в зависимости от выбранного «типа» расширяемого горизонтально подменю: Мега, Вертикальный, Горизонтальный .

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

Примеры предварительно установленных стилей оформления (прессетов) контента показаны на рисунке ниже.

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

Хочу обратить Ваше внимание, что для контента доступно задание нескольких границ:

Синяя сплошная линия на рисунке ниже. Область , инструмент – Граница .
Чёрная сплошная линия на рисунке ниже. Область Публикация , инструмент Свойства публикации – Внутренняя рамка – Граница .
Красная сплошная линия на рисунке ниже. Область Публикация , инструмент Свойства публикации – Граница контента.
Зелёная пунктирная линия на рисунке ниже. Область Публикация , инструмент Граница.

Область инструмент Списки . В отличие от списков в модуле, для маркированных списков (неупорядоченных) можно указать иконку маркера и её цвет.

Область инструмент Таблица . При помощи настроек данного инструмента (рисунок ниже) редактор шаблонов сайтов позволяет Вам настроить внешний вид таблиц сайта (не путать с CSS-таблицами).

Table background. Фоновый цвет таблицы.
Table Margin. Отступ от верхнего, правого, нижнего, левого края таблицы до окружающих объектов.
Table Padding. Отступ от верхнего, правого, нижнего, левого края ячейки до внутреннего содержимого ячейки.
Table Header. Настройка цвета фона и текста заголовка таблицы.
Тип рамки. Одинарная или двойная обводка.
Граница. Стиль, толщина и цвет границы таблицы.

Для тех, кто делает сайты на Джумла предлагаю ознакомиться со статьёй «Обзор Droptables. Создание прайс листа в Joomla », в которой описано расширение позволяющее сделать красивые и функциональные таблицы без знаний программирования.

Область Публикация, инструмент . Здесь (рисунок ниже) собраны настройки по управлению содержимым области контента, которую можно условно разделить на «заголовок», «содержимое» и «метаданные».

На рисунке ниже заголовок обведён синим, содержимое – красным, а метаданные – зелёным.

Настройки, доступные для этих областей (рассмотрим только новые настройки):

Показывать метаданные . Отображает\скрывает метаданные.
Внутренняя рамка . Возможно задать рамку для заголовка и\или метаданных. Можно изменить тип, цвет, ширину и радиус скругления рамки, добавить тень, изменить задний фон и внутренний\внешний отступы.
Поля от контента и Отступ содержания (лучше «Отступ содержимого»). Отступ от контента до границы области содержимого и отступ от границы области содержимого до контента (почти одно и то же).
Изображение публикации. Позволяет добавить изображение к материалу и настроить внешний вид обрамляющей его рамки.
Пост на главной. Это своего рода управление макетом страницы типа «Блог категории» (в Joomla). Пример такой страницы – страница категории с обзорами . Можно выбрать значение «0» – не отображать в верхней части страницы статью во всю ширину (за исключением тех случаев, когда для опции Колонки выбрано «1»), «1» – отображать в верхней части страницы статью во всю ширину.
Колонки. Доступно отображение контента в 1, 2, 3 или 4 колонки. По аналогии с газетными колонками.

Область Публикация, инструмент Типография . Аналогичен рассмотренным ранее одноимённым инструментам, но позволяет изменить свойства шрифтов таких элементов контента как:

Заголовок .
Title Hover . Заголовок, на который наведён курсор мыши.
Метаданные .
Мета-ссылка. Гиперссылка в области метаданных.
Наведённая мета-ссылка. Гиперссылка в области метаданных, на которую наведён курсор мыши.

Область Публикация, инструмент . Редактор шаблонов сайтов позволяет Вам задать иконку для таких элементов:

Заголовок публикации.
Автор.
Дата.
Печать.
эл. Почта.

Эти иконки отображаются над материалом (например, на этом сайте вверху есть иконка печати). Вы можете выбрать одну из доступных иконок в библиотеке TemplateToaster 5 Professional, задав ей цвет, или указать своё собственное изображение.

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

От автора: приветствую Вас уважаемые читатели. Шаблон – важный элемент любого хорошего сайта, так как он формирует структуру и дизайн отображаемых данных. Соответственно в процессе разработки, так или иначе, необходимо вносить множество правок в оформление сайта. Поэтому в данной статье мы с Вами поговорим о том, как редактировать шаблон в Joomla 3.

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

В Joomla шаблоны устанавливаются в систему как обычное расширение, при помощи “Менеджера расширений”, соответственно для изменения дизайна сайта, достаточно установить понравившийся шаблон. Но все не так просто как кажется, так как зачастую очень сложно найти идеально подходящий шаблон для конкретного сайта. То есть Вы можете найти хороший шаблон, который удовлетворяет всем предпочтениям по внешнему виду, но один из его элементов не подходит или не соответствует неким критериям и т.д. В этом случае необходимо либо искать другой, либо установить найденный шаблон в систему и попытаться адаптировать его к нужному дизайну, то есть внести правки.

Для CMS joomla редактирование шаблона можно выполнить двумя способами.

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Поэтому, редактировать шаблон Joomla, Вы можете непосредственно в менеджере шаблонов, на странице конкретного шаблона.

Для этого необходимо перейти в вышеуказанный раздел панели администратора и выбрать интересующий шаблон (кликнуть по его заголовку).

К примеру, в стандартном шаблоне Beez3 предусмотрены настройки, которые Вы видите на рисунке выше.

Второй способ предусматривает внесение правок в файл стилей шаблона, потому как все оформление шаблона, помимо его структуры, сосредоточено там.

Напомню, что шаблоны Joomla располагаются в каталоге templates, файловой структуры CMS. Поэтому переходим в данную папку, а далее в каталог интересующего шаблона, где Вы и найдете искомый файл стилей. К примеру, в Beez3 стили располагаются в дополнительной папке css.

Узнать непосредственный путь к подключаемым файлам стилей, можно из исходного кода сайта. То есть выбираете необходимый шаблона в качестве шаблона по умолчанию и переходите в пользовательскую часть. Далее просматриваете исходники.

И наконец, последний способ, который заключается в редактировании кода файлов шаблона. Это наиболее эффективный способ, так как Вы самостоятельно, вносите правки в код и формируете необходимый дизайн. При этом, конечно Вы, должны знать принцип работы шаблонов Joomla. Если данный способ Вас заинтересовал, Вам будет полезен наш курс .

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

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

Как отредактировать

Резервная копия.

Самое первое, что Вы должны сделать — это создать резервную копию своего шаблона . Если внесенные правки будут ошибочны — Вы всегда можете вернуться к копии шаблона, которая создана еще до редактирования.
Чтобы создать резервную копию нужно необходимо в Панели Управления сайтом перейти Дизайн — Резервное копирование шаблона

Резервная копия создает копии всех шаблонов Вашего сайта. Мы уже рассматривали ранее что на сайте Ucoz для определенных страниц сайта — определенный шаблон.
Нажмите «Создать резервную копию » для ее создания. Сразу создаться новая резервная копия, которой будет присвоен свой номер из 10 цифр. Цифры Вы конечно не запомните, но по дате создания резервной копии можно сориентироваться. И все же мой совет — не создавайте слишком много копий, а старые, которые уже точно не пригодятся — удаляйте. Тогда будет легче ориентироваться.

Нажмите «Восстановить «, чтобы Ваш сайт принял прежний вид (вид сохраненных ранее шаблонов).

Строение шаблона сайта uCoz

Шаблон любой страницы сайта uCoz состоит из:

HTML разметки — HTML теги , определяющие расположение блоков на странице. Собственно каркас шаблона.
Системные коды uCoz, которые заключены в $…$. Список системных кодов (с расшифровкой их обозначения), которые можно использовать в конкретном шаблоне находится ниже поля редактирования шаблона. Пользуйтесь этим списком, как шпаргалкой, так как иногда бывает, что в другом шаблоне Вы НЕ можете использоваться какой-то системный код. Таким образом, список системных кодов подходит ТОЛЬКО тому шаблону, под которым он расположен.

На картинке условна обозначила расположение на странице: зеленым цветом — теги HTML; красным цветом — CSS стили; синим цветом — системные коды uCoz.

Редактирование шаблона сайта uCoz

Выберите шаблон страницы, которую хотите изменить. Еще раз напоминаю, что Вы измените все страницы этого шаблона. Возьмем для примера шаблон с этого сайта: Каталог статей — Страница материалов и комментариев к нему.

Итак, для редактирования шаблона перейдите: Панель Управления — Дизайн — Управление дизайном (шаблоны). Выберите нужный шаблон и нажмите на него.

Есть несколько способов редактирования шаблонов:
1.Визуальный редактор шаблонов. Этот способ подходит для внесения незначительных изменений в шаблон. Изменить цвет и размер шрифта, изменить расположение элементов, добавить текст.
Нажмите кнопку для перехода в визуальный редактор шаблонов.

Теперь можете внести необходимые изменения. Тут Вам не нужно знать HTML и CSS, но перечень системных кодов и их значение знать необходимо. Само редактирование очень похоже на Word или простой визуальный редактор uCoz.
Обязательно нажмите кнопку сохранить для сохранения внесенных изменений.

2. Изменение HTML кода шаблона. Этот способ подходит для внесения любых изменений в шаблон вплоть до полного изменения шаблона, но необходимо иметь хоть какое-то представление о HTML тегах и CSS стилях.
Изменять код можно прямо на странице кода, но лично я предпочитаю делать это в стороннем HTML редакторе. Я уже неоднократно писала, что я предпочитаю Dreamweaver. Поэтому я буду рассказывать на примере этой программы.

В Dreamveaver просто редактировать шаблон, так как с одной стороны ты видишь весь код шаблона, а справа схематический результат:

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

Если Вы хотите первыми узнавать о новых статьях на сайте!!!