Давайте начнем исследовать интеграцию с WordPress. В этом случае Dreamweaver особенно полезен при редактировании графических шаблонов. Очевидно, что мы пропустим этап установки WordPress, так как он не связан строго с нашим уроком. Мы также будем принимать как должное использование сервера, на котором нас поддерживают (WordPress написан на PHP и использует базу данных MySQL), сразу перейдя к настройке параметров в программе. Используемая в этом случае версия WordPress - 3.1.2, доступная на http://www.wordpress-it.it/wordpress-in-italiano/ ,
Теперь посмотрим, что делать в Dreamweaver. Сначала нам нужно определить новый сайт: в меню « Сайт» мы нажимаем « Новый сайт» . Мы определяем имя для сайта и указываем локальный каталог файлов веб-сервера, как показано на следующем рисунке.
Рисунок 36: Конфигурация сервера для WordPress.
(нажмите, чтобы увеличить)
Теперь мы можем настроить «серверную» сторону нашего сайта. При определении параметров мы должны указать, на этот раз, тип Local / Network, так как мы работаем с сервером, установленным на нашем ПК. В поле « Папка сервера» мы укажем каталог файлов на веб-сервере, а в веб-URL положение сайта в формуле: http: // localhost / и так далее .». В этом случае это " HTTP: // локальный / wp1 / ». Экран конфигурации показан ниже.
Рисунок 37: Вторая часть конфигурации сервера для WordPress.
(нажмите, чтобы увеличить)
После подтверждения изменений также на «серверной» стороне сайта мы должны вернуться к предыдущему экрану. На только что определенном сервере мы отменили выбор записи Remote , выбрав вместо нее Di Prova , учитывая, что это локальный тестовый сервер. Мы подтверждаем все, и Dreamweaver немедленно проверит все файлы в указанной нами папке. Чтобы убедиться, что все прошло в соответствии с прогнозом, после завершения процедуры мы ищем файл index.php в главном каталоге WordPress и затем нажимаем на Vista dal Vivo : тестовый блог будет отображаться так, как если бы он был вызван браузером.
Рисунок 39: Предварительный просмотр сайта прямо в программе.
(нажмите, чтобы увеличить)
На этом этапе легко увидеть, как очень легко изменить тему, используя интерфейс. Следуя своей философии, Dreamweaver позволяет редактировать, не затрагивая ни одной строки кода. Просто выберите любой элемент на странице (будь то отдельный элемент или контейнер) и используйте окна, связанные с ранее виденными стилями CSS, чтобы изменить все, что вам нужно. Изменения будут отображаться в режиме реального времени на экране.
Это может быть особенно полезно, потому что очень часто вы можете иметь дело с темами, которые будут изменены, а не написаны лично. Затем вы можете столкнуться с кодом, который определенно функционален, но также и грязен. С этой ценной функцией вы не теряете драгоценное время.