Редактирование темы wordpress в dreamweaver
Узнайте, как редактировать, обновлять и удалять шаблоны в Dreamweaver, а также как обновлять шаблоны на сайте Contribute.
Если шаблон изменен и сохранен, обновляются все документы, созданные на основе этого шаблона. Кроме того, при необходимости можно вручную обновить документ на основе шаблона или сайт целиком.
Чтобы изменить шаблон для сайта Contribute, необходимо использовать Dreamweaver. В Contribute шаблоны редактировать нельзя.
Управлять существующими шаблонами, включая переименование и удаление файлов шаблона, можно с помощью вкладки «Шаблоны» на панели «Ресурсы».
С помощью панели «Ресурсы» можно выполнять следующие задачи по управлению шаблонами:
Редактирование и обновление шаблонов.
Применение или удаление шаблона из существующего документа.
Dreamweaver проверяет синтаксис шаблона при сохранении, однако рекомендуется проверять его вручную во время редактирования.
Можно открыть файл шаблона непосредственно для редактирования, а также можно открыть документ на основе шаблона, затем открыть для редактирования вложенный шаблон.
При внесении изменений в шаблон Dreamweaver запрашивает обновление документа, созданного на основе шаблона.
Кроме того, чтобы изменить шаблон, можно при необходимости обновить документ вручную.
Открытие и редактирование файла шаблона
В левой части панели «Ресурсы» («Окно» > «Ресурсы») выберите значок «Шаблоны».
На панели «Ресурсы» перечислены все доступные шаблоны для сайта и доступен просмотр выбранного шаблона.
В списке доступных шаблонов выполните одно из следующих действий:- Щелкните правой кнопкой мыши шаблон и выберите пункт «Изменить».
- Дважды щелкните имя шаблона, который нужно изменить.
- Выберите шаблон для редактирования, затем нажмите кнопку «Изменить» в нижней части панели «Ресурсы».
Dreamweaver отобразит отчет, содержащий информацию об обновленных файлах.
Открытие и изменение шаблона, вложенного в текущий документ
Откройте документ, созданный на основе шаблона, в окне документа.Выберите «Инструменты» > «Шаблоны» > «Открыть присоединенный шаблон».
Чтобы изменить свойства страницы шаблона, выберите «Файл» > «Свойства страницы». (Документы на основе шаблона наследуют свойства страницы шаблона)
Сохраните шаблон. Dreamweaver запрашивает обновление страниц, созданных на основе шаблона.Dreamweaver отобразит отчет, содержащий информацию об обновленных файлах.
В левой части панели «Ресурсы» («Окно» > «Ресурсы») выберите значок «Шаблоны».
Щелкните имя еще раз, чтобы выделить текст, затем введите новое имя.Этот способ аналогичен переименованию файла в проводнике Windows Explorer (Windows) или Finder (Macintosh). Как в проводнике Windows Explorer , так и в программе Finder, между щелчками должна быть короткая пауза. Это не должен быть двойной щелчок, иначе шаблон откроется для редактирования.
Чтобы изменения вступили в силу, щелкните в другой области панели «Ресурсы», нажмите клавишу Enter (Windows) или Return (Macintosh).Описание шаблона отображается в диалоговом окне «Новый документ» при создании страницы по существующему шаблону.
Выберите «Инструменты» > «Шаблоны» > «Описание».
В диалоговом окне «Описание шаблона» измените описание и нажмите кнопку «ОК».При внесении изменений в шаблон Dreamweaver запрашивает обновление документа на его основе, однако при необходимости можно обновить текущий документ или весь сайт вручную. Ручное обновление документов на основе шаблона аналогично повторному применению шаблона.
Применение изменений шаблона к текущему документу на основе шаблона
Выберите «Инструменты» > «Шаблоны» > «Обновить текущую страницу».
Dreamweaver применит к документу любые изменения, внесенные в шаблон.
Обновление всего сайта или всех документов, которые используют указанный шаблон
Можно обновить все страницы сайта либо только страницы для определенного шаблона.
Выберите «Инструменты» > «Шаблоны» > «Обновление страниц. »
В меню «Область поиска» выполните одно из следующих действий:Чтобы обновить все файлы выбранного сайта в соответствии с их шаблонами, выберите «Весь сайт», затем выберите имя сайта из соседнего всплывающего меню.
Чтобы обновить файлы для определенных шаблонов, выберите «Файлы, использующие», затем выберите имя шаблона из соседнего всплывающего меню.
Пользователи Contribute не могут вносить изменения в шаблоны Dreamweaver. Однако шаблон для сайта Contribute можно изменить с помощью Dreamweaver.
При обновлении шаблонов на сайте Contribute следует учитывать перечисленные ниже факторы.
Contribute получает новые и измененные шаблоны сайта только при запуске Contribute, а также когда пользователь изменяет сведения об их подключении. Изменения, которые пользователь Contribute вносит в шаблон во время редактирования файла на основе шаблона, отображаются только после перезапуска Contribute.
Если редактируемая область будет удалена из шаблона, то пользователь Contribute, редактирующий страницу на основе этого шаблона, может запутаться относительно содержимого, которое было ранее в этой редактируемой области.
Блог WordPress - WordPress плагины, WordPress темы и шаблоны. Руководство wordpress в примерах и уроках
Разделы WordPress
Верстаем шаблон для Wordpress блога на Dreamweaver
В одной из статей блога была описана статья Создание тем. Шаблоны WordPress. В этой статье будет описан способ создания, точнее верстки шаблона с помощью Dreamweaver CS3 и заранее установленного на него плагина WP-Builder.
- Скачайте и распакуйте плагин.
- Запустите плагин путем двойного щелчка.
- Все плагин установился.
Открываем Dreamweaver, там должна появиться новая панелька «Wordpress», с которой Вы и будете работать.
Каждая кнопка отвечает за свои функции.
Такие функции, как шаблона, комментариев, Header, Footer и тд.Обычно используются в index.php.
Мета keywords и мета description используются в header.php
Следующий блок функций предназначен для контента и навигации – single.php.
Также вы можете вставить любую информацию об авторе.
И архивы данных, а именно категории, посты, время и тд.
Если вы читали статью Создание тем. Шаблоны WordPress, то вы без труда сверстаете тему WordPress, используя Dreamweaver. Так как все функции встроены и их не надо вручную набирать. Не забывайте соблюдать стандарты WordPress.
15 комментария к статье
Кто нибудь уже использовал данный плагин на версии Dreamweaver 8.01? Давно уже пользуюсь восьмеркой и в общем то привык к ней как к своей квартире. Но вот дошел таки до необходимости сделать шаблон. Пересталять CS3 на восьмерку что то не хочется. Может кто то пробовал установить этот плагин на восьмерку? Поделитесь впечатлениями.
У меня пара расширений для WP установилось на CS4 без проблем. Одно стандартное Adobe и одно ThemeDreamer . Жаль только я не программист, пока не понимаю какой от них толк. Установил только сегодня.
Спасибо за подсказки, плагин DW CS4 установил давно, все руки не доходили разобраться, буду пробовать.
Отлично всё установилось! Замечательный плагин, а то я уж замучился вручную прописывать код. Сейчас поищу ThemeDreamer попробую поставить.
Автору респект!
Ребят подскажите как плагин установить, что то не получается.Сам файл как 3д максовская иконка, так должно? Нажимаю двойным кликом, в блокноте открываеться непонятная писанина. Что не так делаю?
Команды > Управление разширениями > Установить
Под DW CS5 плагин не работает, вернее он вообще не отображается в меню, может есть ему хорошая, работающая на CS5, альтернатива?
Помогитеее! Кто у нас здесь компьютерный мозг, подскажите, пожалуйста! Есть готовый сайт, который почти полностью надо переделать. Прога есть, но во всех инструкциях написано только как создать новую веб-страницу, а не как редактировать уже готовый сайт. я в этом деле профан, а навалять мне нельзя :)
Когда тебе страшно,самое лучшее - повернуться лицом к опасности и чувствовать что-то тёплое и надёжное за спиной(с)
Никак. Если только там не простенькие html-странички.
Прог миллион, но проку от них мало, если сайт на движке.
Не спорьте с идиотами, иначе вы опуститесь до их уровня, а там они уже задавят вас опытом.
Когда тебе страшно,самое лучшее - повернуться лицом к опасности и чувствовать что-то тёплое и надёжное за спиной(с)
Не спорьте с идиотами, иначе вы опуститесь до их уровня, а там они уже задавят вас опытом.
ой, ну подскажите, пожалуйста! Буду рада любому совету
Когда тебе страшно,самое лучшее - повернуться лицом к опасности и чувствовать что-то тёплое и надёжное за спиной(с)
ой, ну подскажите, пожалуйста! Буду рада любому совету
Покажите сайт
Получите к нему доступ через ssh или ftp
подключитесь дримувиером - редактируете-смотрите
доступ есть. Ну, мне выслали пароли и я зашла Вордпресс. Это то?
Когда тебе страшно,самое лучшее - повернуться лицом к опасности и чувствовать что-то тёплое и надёжное за спиной(с)
доступ есть. Ну, мне выслали пароли и я зашла Вордпресс. Это то?
это то
тогда забываем про дримуивер
и начинаем гуглить про вордпресс)
я уже двое суток его гуглю) пока ниче ненагуглила :gy: Ну, например элементарно, как шрифт поменять - не могу найти на их сайте
Когда тебе страшно,самое лучшее - повернуться лицом к опасности и чувствовать что-то тёплое и надёжное за спиной(с)
Если делать сразу в Вордпресс, сайт ведь будет меняться? Я боюсь напортачить, поэтому хотела в Дримвивере сначала поэкспериментировать
Когда тебе страшно,самое лучшее - повернуться лицом к опасности и чувствовать что-то тёплое и надёжное за спиной(с)
Я вижу две основные причины, зачем нам это нужно:
Структура шаблона WordPress
HTML-код шаблона WordPress разбит на несколько php-файлов. Сделано это для удобства: повторяющиеся на разных страницах куски кода вынесены в отдельные файлы и подключаются к каждой странице с помощью функции include. Шапка, футер и сайдбар находятся в отдельных файлах, а файл каждого типа страниц содержит только центральную область: Наиболее часто редактируемые файлы шаблона WordPress:
- index.php – Шаблон начинается с файла index.php, который выводит главную страницу сайта.
- header.php - Шапка сайта. В этот файл вынесена повторяющаяся на каждой странице сайта верхняя часть. Он начинается с тега <html> , содержит полностью <head></head> , в который вставляется большинство скриптов при настройке блога. В нем открывается тег <body> и выводится логотип, слоган, верхнее меню и прочие элементы шапки.
- style.css – основной стилевой файл шаблона, в котором задается внешний вид элементов сайта. Чтобы редактировать шаблон WordPress, чаще всего приходится работать именно с этим файлом.
- single.php – отвечает за отображение каждой отдельной записи. Т.е. внешний вид страницы, на которой вы сейчас читаете мою статью, настраивается именно в этом файле.
- page.php – вывод статической страницы блога. Новые страницы создаются в разделе «страницы» в левом меню, а их вид настраивается в этом файле.
- sidebar.php – отвечает за вывод сайдбара (боковой колонки блога), где находятся виджеты. Эта часть шаблона тоже повторяется на каждой странице WordPress сайта, поэтому вынесена в отдельный файл. Обычно не приходится редактировать этот файл, потому что все изменения производятся над виджетами. Однако никто не запрещает вписать какой-то код напрямую в файл sidebar.php.
- functions.php – файл с php-функциями темы. Все они влияют на внешний вид и работу сайта, определяют события при определенных действиях пользователей.
- footer.php – футер (подвал) сайта, его нижняя часть. Это тоже повторяющийся на всех страницах элемент. В него обычно вставляют счетчики посещаемости, копирайт и контактные данные.
- category.php – за вывод страницы с перечнем всех записей определенной категории отвечает данный файл.
- tag.php – вывод архива записей по соответствующему тегу прописан в этом файле.
- archive.php – архив всех записей за определенный месяц (год) настраивается здесь.
- search.php – выводит результаты поиска по блогу.
- comments.php – отображение комментариев к записям и страницам.
- 404.php – шаблон ошибки 404 – страница не найдена.
В зависимости от выбранной темы, в ней могут появиться и другие файлы, тогда придется самостоятельно разобраться для чего нужны они.
Как редактировать файлы шаблона WordPress
Сразу хочу предупредить, что не стоит лезть в код и пытаться самостоятельно его переделать, если вы ничего не понимаете в CSS и HTML. Другое дело, когда в каком-то уроке говорится вставить определенный код в определенное место файла. Обязательно сделайте бэкап файлов и базы данных, прежде чем вносить какие-то изменения! Для редактирования файлов темы WordPress сайта я предлагаю три варианта:
- Редактирование шаблона через админку WordPress
В админке зайдите в раздел «Внешний вид» — «Редактор» и справа в колонке вы увидите все файлы темы, доступные для редактирования. Выберите нужный файл, отредактируйте и не забудьте кликнуть по кнопке «Обновить». Данный способ очень удобен, когда нужно внести незначительные изменения: редактирование через админку делается быстро, просто, не нужно запускать дополнительные программы и вводить пароли. Из минусов – стандартный редактор не имеет функции подсветки кода и нумерации строк, поэтому вносить серьезные многочисленные изменения таким образом не удобно. - Правка файлов через файловый менеджер хостинга
Как вы уже знаете, я пользуюсь одним из лучших хостингов - beget, у которого отличный файловый менеджер с дружелюбным интерфейсом. Мне нравится редактировать шаблоны WordPress этим способом, потому что опять же не нужно запускать никаких программ, настраивать подключений, копировать файлы на компьютер и код подсвечивается. Файлы шаблона WordPress, который вам нужно отредактировать, находятся в папке: /wp-content/themes/название_вашей_темы/ Зайдите в нее и откройте нужный файл для редактирования. Если ваш хостинг не обладает таким удобным файловым менеджером, советую выбрать другой хостинг:) - Редактирование шаблона по ftp
Этот способ удобен, если предстоит серьезная работа с файлами, особенно если нужно редактировать сразу несколько файлов в разных папках.- Запустите ваш ftp-клиент. Для подключения по ftp я использую программу FileZilla или Total Commander - по ссылке подробная инструкция настройки соединения. Настройте соединение с сайтом и зайдите в папку вашей вордпресс темы: /wp-content/themes/название_вашей_темы/
- Скопируйте файл, который нужно редактировать к себе на локальный диск.
- Откройте файл в программе для редактирования кода и внесите необходимые изменения. Я советую программы Notepad++ или Dreamweaver, в них подсвечивается код, пронумерованы строки и конечно есть множество других функций и преимуществ.
Настройка темы WordPress в админке
Если вы скачали и установили готовый шаблон WordPress, то многие настройки можно сделать, не влезая в код. Редактировать каждую тему вордпресс можно через админку блога.
Зайдите в раздел «Внешний вид» — «Настроить», откроется окно с основными настройками темы. Здесь можно ввести название и описание сайта, которые отобразятся в шапке сайта после сохранения. Так же вы можете изменить цвет фона или фоновое изображение и другие настройки — разобраться не сложно. Большую часть настроек темы WordPress можно выполнить в разделе «Внешний вид» -> «Имя вашей темы». Здесь можно загрузить логотип, фавикон и т.д. Настроек очень много, но честно сказать, я ими никогда не пользуюсь, так как мне проще работать с кодом, чтобы редактировать тему WordPress.
Вот и все! Выбирайте удобный для себя способ для редактирования шаблона WordPress в зависимости от ситуации и никогда не забывайте делать бэкапы. Подписывайтесь на RSS, чтобы не пропустить новые полезные статьи.
Читайте также: