Как подключить WordPress к Adobe Dreamweaver

Автор:
Nurlan Kemelbekov

В этой статье подробное описание того, как подключить блог на WordPress к Adobe Dreamweaver. Дело в том, что как только вы подключите WordPress блог к Dreamweaver, у вас будет отличный инструмент для редактирования файлов темы.

Процедура соединения WordPress с Adobe Dreamweaver очень проста и работает как с локальным, так и удаленным хостом.

Вещи, которые нам понадобятся:

•Adobe Dreamweaver

•Последней версии  WordPress

•Локальный сервер, как Xaamp, WAMP или удаленный  хостинг.

Процедура.

Первым шагом будет установка локального сервера на компьютер. Пожалуйста, перейдите по ссылке, чтобы узнать, как это сделать потому, что это будет просто пустая трата времени, вводить эту же информацию снова и снова. ЗАПУСК WORDPRESS ЛОКАЛЬНО С WAMPSERVER

Однако, в этой статье рассмотрим вариант с установкой локального хостинга с XAMPP. В связи с этим, возможно, Вам будет необходимо  прочитать статью Как установить WordPress локально с помощью Xampp.

Второй будет установка Dreamweaver на компьютер.

• Зайдите на сайт http://www.adobe.com/products/dreamweaver.html и скачайте пробную версию, чтобы опробовать Dreamweaver в течение целого месяца, и если вы решите, что это стоит денег, то вы можете купить его.

• Скачать и распаковать программное обеспечения WordPress . Если вы прочитали статью об установке локального сервера, то вы готовы приступить к последнему этапу.

Подключение блога WordPress к Dreamweaver.

• После установки программы на компьютер, нажмите на значок Dw, чтобы открыть Dreamweaver.

Перейдите к меню и кликните на Веб-сайт> Новый сайт, и вы увидите окно, где мы собираемся начать наши настройки.

• Введите имя вашего сайта.
• Локальная папка сайта, где хранятся ваши файлы в обоих случаях, то есть локальном сервере и удаленного хоста.
• В случае локального хоста, вам нужно найти D:\xampp\htdocs\ , в которую вставили  файлы WordPress .
Dreamweaver

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

• Нажмите на кнопку Сохранить, и мы будем вводить необходимые данные нашего сервера.

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

• Поскольку мы подключаемся с нашим Локальным узлом, нам нужно выбрать локальный/сетевой через выпадающее меню.
• В папке сервера, вам нужно найти папку, где вы вставили файлы WordPress. В моем случае, это будет D:\xampp\htdocs\
server
URL-адрес:http://localhost.

Перейдите на вкладку «Дополнительно», выберите PHP MySQL модель сервера из выпадающего меню.
тестовый сервер
Рядом с названием сервера две галочки удаленный и тестовый. Снимите галочку с «удаленный» и оставьте «тестовый» (это очень важная деталь).

Соединение dreamweaver и wordpress

• Вам не придется менять что-либо еще. Просто нажмите сохранить, и мы готовы идти с WordPress и Dreamweaver вместе.

•  После добавления сайта, Вы можете посмотреть содержимое файлов через раздел в боковой панели Dreamweaver.
двойной клик
• Ладно, закончена одна часть этого длинного процесса установки, где я хотел бы попросить барабанную дробь, пожалуйста … Выберите Файл> Открыть и откройте файл index.php в вашем блоге WordPress или папке (вы также можете открыть это, дважды щелкнув на index.php страницы в панели файлов в Dreamweaver.)

Вас может ожидать пустой экран, но это не означает, что вы сделали ошибку. В мелком текста в верхней части главной рабочей области на экране, посмотрите на сообщение от Dreamweaver, что он должен «открыть» файлы и нажмите на крошечную ссылку там.
Если домашняя страница не откроется сразу, то нужно в  верхней панели инструментов открыть «Просмотр» и включить «Интерактивный просмотр». И если все пойдет хорошо, чуть правее должен появиться главная страница Вашего блога.
Dreamweaver
В моем случае, я создал оба типа — то есть и  мой настоящий сайт maks-1.com и я назвал его в соответствии с названием блога, чтобы быстро понять, какой из них назначен для локальной машины и, какой подключен к удаленному хосту.

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

• Назовите ваш сервер, относящийся к вашему блогу.

•FTP-адресом  может быть IP-адрес, который  вы получили при создании веб-хостинга. Однако, это будет удобнее и проще, если  ввести имя домена, и он будет автоматически загружать FTP IP-адрес.
• Используйте порт 8080, как адрес, если иное не указано в вашем приветственном письме от удаленного хоста.
Dreamwiever
• Введите Имя пользователя, используемое для подключения к CPanel веб-хостинга. Помните, что это не имя пользователя в WordPress.

• Введите пароль в CPanel. (Это тоже не пароль администратора WordPress) и отметьте галочку «Сохранить», если вы не хотите вводить регистрационные данные каждый раз, когда захотите получить доступ к сайту в Dreamweaver.

• Нажмите на тест, чтобы проверить свои данные, и если они верны, то появится сообщение об успешном соединении.
Dreamwiever
• Дополнительные параметры такие же, как у локального хоста.

• В корневом каталоге, вы должны найти папку, в которую вставили файлы WordPress. Как правило, это «/ public_html /» (без кавычек). Тем не менее, если у вас есть более одного сайта или если вы создали папку для поддомена, то вы должны добавить имя так, чтобы Dreamweaver мог правильно расположить эти файлы.

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

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

Рекомендую прочитать вторую часть этой темы — «Как редактировать файлы WordPress темы с Dreamweaver»

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

Дополнение.

Как открыть локальный WordPress блог на WampServer с Dreamweaver CS6

В связи с пожеланием одного из читателей, который попросил продемонстрировать подключение Dreamweaver c WampServer решил сделать небольшое дополнение.

Никакой существенной разницы между соединением Dreamweaver c XAMPP и WampServer или с другими серверами нет. Тем не менее, читайте далее и узнайте, как подключить локальный WordPress блог на WampServer с Dreamweaver CS6.

Я для этого случая на скорую руку установил WampServer на C\wamp. Не буду снова описывать (читайте подробности выше), что нужно делать, а просто покажу картинки.
DW

В DW Веб-сайт=>Новый сайт. Имя веб-сайта — Wampserver. Локальная папка сайта — C:\wamp\www\

Wampserver
Имя сервера — WampServer. Подключение — Локальный\сетевой. Папка сервера — C:\wamp\www\ URL-адрес: http://localhost/

Сайт на DW
После этих настроек не забудьте сохранить и дважды щелкаем левой кнопкой на index.php. В появившемся сообщении, нажмите на «Обнаружить» и «Интерактивный просмотр» и перед Вами должна открыться домашняя страница блога.




Вам также может понравиться:


18 комментарий на “Как подключить WordPress к Adobe Dreamweaver

  1. А к удаленному серверу ж как подключить Дримвивер,и работать с WordPress? При соединении дримвивера по фтп с хостингом, дрим пишет «не удалось обнаружить динамически связанных файлов»..

    • Здравствуйте, Александр. Dreamweaver имеет проблемы обнаружения динамически связанных файлов, если вы установите постоянные ссылки к чему-либо, чем по умолчанию. Попробуйте так:
      Откройте ваш сайт в Dreamweaver и дождитесь появления сообщения в верхней части. Нажать «Discover» и получить сообщение об ошибке.
      Далее на сайте WordPress запомните нынешние установленные Постоянные.
      Выберите По умолчанию (первый вариант) и нажмите сохранить.
      Вернуться к Dreamweaver и попробовать параметр обнаружения снова. Если все связанные файлы обнаружены, вернитесь на ваш WordPress сайт и изменить Permalinks к тому, что они были, затем нажмите сохранить.
      Это всего лишь мое предположение, что в Вашем случае это может помочь. Желаю Вам удачи.

  2. ricanto, всё верно. обычная тема открывается без проблем. тема посложнее на cherry — не открывается с ошибкой «Динамически связанные файлы не могут быть обработаны, поскольку определение веб-сайта для этого сервера выполнено неправильно». на этом месте — задумался, стоит-ли покупать DW.

  3. при этом если открыть страницу в браузере — все отлично, все показывает.

  4. все равно та же ошибка. как галочки не ставь — не помогает.

    • Затрудняюсь что-либо посоветовать. Я только что проделал то же самое на своем компьютере и все получается. Возможно, Вы кликаете не тот index.php. Необходимо дважды кликнуть на файл index.php, который находится в корне сайта. Самая верхняя.

  5. Здравствуйте! Подскажите, пожалуйста, что делать, если после всех настроек, проделанных по указаниям в Вашей статье Дримвейвер все арвно не хочетотображать страницу index.html. Он пишет вверху ошибку «Динамически связанные файлы не моут быть обработаны, поскольку определение веб-сайта для этого сервера выполнено неправильно» С чем связанаэа ошибка и где ее исправлть? Настройка происходила на локальном сервере WAMP

    • Здравствуйте. Пожалуйста, проверьте еще раз настройки. Если Вы на тестовом сервере, откройте еще раз веб-сайт>управление веб-сайтами, выберите свой сайт и нажмите на кнопку «Редактировать текущий выбранный сайт». В окне «Настройка сайта…» нажмите строку «Серверы» и проверьте подключение. Галочка должна быть в поле «Тестовый».

  6. Подскажите мне новичку во всем этом зачем нам Dreamweaver, если есть Wordpres. Как я понял только для просмотра, редактировать на нем ничего нельзя, я имею ввиду PHP/

    • Dreamweaver не только для просмотра и Вы это знаете. Кстати, Вы уже оставляли комментарий к посту «Запуск WordPress локально с WampServer» (http://maks-1.com/wordpress/zapusk-wordpress-lokalno-s-wampserverhtml). «Нормальный вход почему-то только с именем «root» с остальными не дает создать базу!» Я добавил видео к статье и Вы можете просмотреть и убедиться сами, что ни «root», ни другое имя пользователя вводить не приходится.

  7. Добрый день,
    не подскажите плагин для фото,
    который вы использовали в этой статье.
    Очень понравился наводишь мышку и фото увеличивается.
    Хорошая идея.

  8. Спасибо за статью, хотелось бы узнать как настраивать с удаленным сервером. Сам пробовал, не получилось, т.к требует тестовый сервер, а как его настроить — не понятно?!

    • Роман, попробуйте в настройке сервера поставить галочки в окне «тестовый…» и «удаленный»

  9. Будут ли сложности при WP установленном на denwer-e? Статью изучу внимательно! ))

    • Не совсем понял суть вопроса. Если Вы имеете в виду редактирование файлов WordPress, установленного локально на Денвере, с помощью Dreamweaver, то все описанное в статье подойдет и для Денвера. Просто в Dreamweaver нужно указать путь к папке WordPress на Денвере.

  10. Спасибо.
    А теперь покажите пожалуйста как делать то же самое с локальным сервером WAMPSERVER

    • Александр, во-первых, спасибо за проявленный интерес к статье. Во-вторых, если у Вас действительно возникли вопросы по поводу соединения DW с локальным сайтом на WAMPSERVER, я напишу дополнение с картинками в этой же статье. Хотя не вижу существенной разницы между проведением этой операции с WampServer и XAMPP.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Copy This Password *

* Type Or Paste Password Here *

четыре + 9 =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!