How to add your WordPress website to Dreamweaver CS6?

Adobe Dreamweaver CS6 is a HTML editor, web development, and designing software by Adobe system released in 21^st April 2012. It is the best web editing software in the market and is easy to use. In this tutorial, I will help you to connect your WordPress (Content Management System) website to Dreamweaver CS6 so that you can edit your website’s wordpress themes as per your needs. The screenshots will make your work easier, below are the things you will need.

Requirements:-

· A domain name with hosting.

· WordPress 3.0 or above installed on it.(WordPress 3.5.1)

· Adobe Dreamweaver CS6 or CS5.

If you have all the above things on your system then you are good to go. Let us get started with our tutorial. This tutorial will be divided in two sections for the convenience of understanding.

· Adding your website to Dreamweaver CS6:-

1. Open Dreamweaver CS6 and go to Site tab and select New site and there you will see New site setup.

2. Now enter the Site Name as you wish and Locate a folder where you want to store all the data.

3. Select Servers tab and click the + button at the bottom and the Server setup window opens.

4. Type a server name as you wish, it can be anything. Then Connect using > FTP and for FTP address you should enter the server address that your hosting provider has given you (Check your email inbox) and type it there without any errors.

5. Now as you have Hosting service at your website, you must have a unique Username and Password that you have to enter it in those fields. Then click the Test button to verify your details.

6. Leave the Root Directory option blank and proceed to Web URL. Here enter your Web URL (Your domain name).

7. Go at the top again, switch from Basic mode to Advance, and select the Server Model as PHP MySQL. Rest options are not to be changed.

8. Save your details. There is no need to change other options click Save and the Setup will close. Dreamweaver will import the necessary data and server details, and in minutes, you will see those files at the right side bottom of the window. Great, you have successfully added your website to Dreamweaver CS6.

Note: If you cannot verify your login details expand the More Options check Use Proxy, Use Passive FTP, Use IPV6 or try disabling you firewall as it may be interrupting the connections. If the problem persists let me know at the comments box I will be happy to help you.

· How to connect the website to your wordpress account:-

1. Select the Site tab again, scroll down, and select Site-Specific Code Hints. The setup will open, select Structure as WordPress and click Ok.(Make sure the File is selected as Sub-Root)

2. At the Remote Server (Right hand side bottom of the window), select index.php file. Then the code will appear but you will see a notification at the top which reads as ‘This page may have dynamically-related files that can only be discovered by the serve.’ Select Discover and still you may see another notification but it is because we do not have our website in the directory, we have it on the hosting server, so select the Live button, which is above the notification. Thus you see your website live.

3. Now a window pops up ‘Update on Testing Server’ click Yes again another window pops up ‘Dependent files’ click Yes.

4. Select the split view so that you can see your website and its code at the same time. If you see error page then try inserting your homepage address in the address bar. Congratulations, you have added your wordpress website to your Dreamweaver CS6. You can edit your HTML or CSS codes to customize your wordpress theme.

If you have any problems regarding the setup, comment below and I will try my best to help you to solve them. The website used in this tutorial is Basics Science.

From the comments below I think some of our friends are having problem with setting up the website. You must be receiving this error message “Dynamically-related files could not be resolved because the site definition is not correct for this server.”

There is some issue with websites that are set up with wordpress. The Dreamweaver shows the above error if your Premalink settings are customized to avoid it change it to Default. Please follow the screen shot.

Permalinks Settings

#See# : Adobe Dreamweaver CS6 (ashamed4ku9l.wordpress.com)

Posted

April 25, 2013

Tutorial

Shirish Kadam

Tags:

Adobe, Adobe Dreamweaver, Adobe Dreamweaver CS6, CMS, HTML, Website, Wordpress

Comments

67 responses to “How to add your WordPress website to Dreamweaver CS6?”

Mathilda Malphurs

April 29, 2013

Good info. Lucky me I discovered your blog by accident (stumbleupon).
I’ve book-marked it for later!

LikeLiked by 1 person

Reply
Shirish Kadam

April 30, 2013

Cheers 😀

LikeLike

Reply
Mike

April 30, 2013

DW still the best code editor!
I use it for modding WordPress, Drupal and Joomla on my dev server. Great search tools for finding those bits of theme and plugin code needing modification/fixing too

LikeLike

Reply
Shirish Kadam

April 30, 2013

Actually I discovered it quite late but loved it quickly…lots of features to customize your blog and not necessary that you must know everything of coding…basics is sufficient.

LikeLike

Reply
1. Mike
  
  May 1, 2013
  
  Dreamweaver was my introduction to web design way back when. Agree with you – it’s not difficult to use, and one can learn a great deal about HTML/CSS just by building small HTML sites – even add-on sections to a site using a CMS like WordPress.
  Only disadvantage in my opinion – it’s a bit pricey for the casual user.
  
  LikeLike
  
  Reply
Shirish Kadam

May 1, 2013

Yes it is expensive…Adobe software are really expensive but you can always try for Students Teachers plan, that is a bit affordable.
Being expensive these softwares do not reach the common people’s hands or the masses…

LikeLike

Reply
1. PooMik
  
  March 23, 2017
  
  Love Dreamweaver, and your instructions are good, but how do i set up a testing server, or dont i need one??
  
  LikeLike
  
  Reply
sohila zadran

June 19, 2013

Hi, i read your blog from time to time and i own a similar one and i was just wondering if you get a lot of spam feedback? If so how do you reduce it, any plugin or anything you can recommend? I get so much lately it’s driving me insane so any help is very much appreciated.

LikeLike

Reply
1. Shirish Kadam
  
  June 19, 2013
  
  There is plugin called ‘Akismet’ which will help you to block the spam comments…Also read my post on how to deal with spam comments https://shirishkadam.wordpress.com/2013/04/30/how-to-deal-with-spam-comments/
  
  LikeLike
  
  Reply
Daniel G.

July 14, 2013

Thank you very much, Shirish! When I get this working, it will be so much easier than the way I used to do it (using Dreamweaver CS4-CS5 and MAMP to create a local server on my computer). I really appreciate this tutorial.

I have a problem setting up my Site / Server info, though. Maybe you can help me. I set up WordPress in its own folder within my website (http://mydomain.com/wordpress) and then copied the index.php file to the root directory (so that I can use http://mydomain as the URL but it gets the content from the WordPress folder). How would this change my settings in the Site / Server window?

Thanks in advance for any suggestions.

LikeLike

Reply
1. Shirish Kadam
  
  July 16, 2013
  
  Hey, Daniel thanks for your feedback…!
  About your problem I am sorry to tell you that I have no solution for it, except you can try contacting the WordPress support team. They can only help with it also I recommend you to try WordPress Support Forum. Good Luck!
  
  LikeLike
  
  Reply
saywhatsavannahmae

July 18, 2013

So here is my question. Do I have to have something special from wordpress to make this happen? I own my domain name yet it is hosted by wordpress where right now I create my pages and content from wordpress directly.

I want more freedom without having to pay wordpress for all the fancy designer options when I own dreamweaver.

When DW asks me for server name, is this basically just wordpress? I am not sure that I am doing this correctly or if I need to have a more advanced hosting than the *free* hosting that my current blog has now.

I hope this makes sense because I have no idea how to say what I need. LOL

LikeLike

Reply
1. Shirish Kadam
  
  July 20, 2013
  
  Ok…You have bought a Domain name from WordPress and want to edit your own codes…But let me make it clear when you buy domain names from WordPress you only buy the names and not the control over the codes of your website. So, If you want to edit your own website you need to buy one of their plans…there is no other *free* way you can do it, the WordPress team has made it pretty sure…
  Hope this helps. Good Day!
  
  LikeLike
  
  Reply
Loungin Out

August 10, 2013

hey man love the tutorial so far yours was the closest i got to working. I set up everything right and did other variation of the how to set it sync the wp themes methods but still cant get the dynamic files. It looks like i have everything set up right even defaulted the permalinks on wordpress and yet still no good, think you can help me out ?

LikeLiked by 1 person

Reply
1. Shirish Kadam
  
  September 15, 2013
  
  Thanks for your feedback…!
  Dreamweaver CS6 has a bug, to display the dynamic files you need to leave the WordPress premalinks setting to its default.A permalink is what another weblogger will use to link to your article (or section), or how you might send a link to your story in an e-mail message. The URL to each post should be permanent, and never change — hence permalink.To know more about them follow this link
  Source: WordPress.org
  
  If you have changed your premalink settings according to your customization then change it to default.
  For more help please follow this link of Adobe Community
  
  LikeLike
  
  Reply
meganmariebrown

August 28, 2013

i think i am having the same problem as the guy above me. im pretty sure i have everything set up correctly but im getting the yellow bar at the top saying ‘dynamically-related files could not be resolved because the site definition is not correct for this server’

any ideas?

LikeLike

Reply
1. Shirish Kadam
  
  September 15, 2013
  
  I have addressed the issue in the comment above also I am uploading a screenshot of changing the WordPress Premalinks to the default setting.
  Hope this helps…Good day.
  
  LikeLike
  
  Reply
lizilizi

September 7, 2013

hi
thanks so much!\
i have a problem after i did everything you wrote here and checked my self 1000 times i still dont get my site on the design side i get like my site is not exist
why?
please help!:(
lizi

LikeLiked by 1 person

Reply
1. Shirish Kadam
  
  September 15, 2013
  
  I am actually not sure what your problem is, may be you can upload the screenshot or you can tell me the error message. If you have problem with Dynamic files check the comments above.
  
  LikeLike
  
  Reply
weikhai.ang@gmail.com

October 1, 2013

Hi, Thanks so much for the info! however i got stuck at the part where i am supposed to select the index.php file at the remote server. I cannot locate the file. Do you have any idea why ?
Your help would be much appreciated! thanks!!

LikeLike

Reply
1. Shirish Kadam
  
  October 12, 2013
  
  Try the “find” tool…its there!
  
  LikeLike
  
  Reply
russ

October 6, 2013

I get an error that says Dynamically-related files cannot be discovered because a testing server is not defined. However, every time I try to define a testing server locally, I run into a myriad of other problems. Do you have a tutorial or tips on how to define a testing server for this project?

LikeLike

Reply
1. Shirish Kadam
  
  October 12, 2013
  
  I am sticking the link to Adobe Help for setting up testing server…Please click here.
  
  LikeLike
  
  Reply
Stacey Matthews-Winn

October 13, 2013

Thank you! Just applied these steps to Dreamweaver CC and it worked like a charm. Cheers.

LikeLike

Reply
Damien

October 24, 2013

Hi, thanks for the article. After follow all the instruction I pretty much get all the database in WP linked to my dreamweaver. However, when I load the index.php file onto the split view and Live view, the page only show all the php files on the site but did not actually pull out the content or execute the php files in the index.php to generate my home page. How could I get them onto my dreamweaver and edit them?

thanks

LikeLike

Reply
1. Shirish Kadam
  
  November 3, 2013
  
  How to edit existing remote website (Adobe Help)
  I hope this is what you are asking about…good luck
  
  LikeLike
  
  Reply
YO HO

December 31, 2013

i have the error
”Dynamically-related files could not be resolved because the site definition is not correct for this server.”

and i don’t understand what you mean with
There is some issue with websites that are set up with wordpress. The Dreamweaver shows the above error if your Premalink settings are customized to avoid it change it to Default. Please follow the screen shot.

fallow what screen shot
where and what i need to change to default
i am in cs6 12.0

LikeLiked by 1 person

Reply
1. Shirish Kadam
  
  January 13, 2014
  
  I have addressed the issue and updated its screenshot…
  Remember to set those Permalinks settings to “Default”.
  
  LikeLike
  
  Reply
Editing a Wordpress Theme in Dreamweaver CC

January 28, 2014

[…] Thank you Shirish Kadam, Read the Article […]

LikeLike

Reply
25 Adobe Dreamweaver CS6 Tutorials for Web Designers | WarWebDev

February 6, 2014

[…] Add your WordPress Website into Dreamweaver […]

LikeLike

Reply
Yuvi Sharma

February 9, 2014

If you are using WordPress.com they do not allow FTP access. You would need to buy your own webspace, download WordPress, install it on your server, and then you can configure FTP access and use Dreamweaver in a more integrated setup.

LikeLike

Reply
1. Shirish Kadam
  
  February 9, 2014
  
  Yes absolutely…Dreamweaver does not support WordPress.com blogs.
  
  LikeLike
  
  Reply
25 Adobe Dreamweaver CS6 Tutorials for Web Designers | ZoSoft Network

February 11, 2014

[…] Add your WordPress Website into Dreamweaver […]

LikeLike

Reply
Jay Vadgama

February 13, 2014

Excellent! Just what I was looking for.
Learning about website setup and wordpress.

LikeLike

Reply
25 Adobe Dreamweaver CS6 Tutorials for Web Designers | Chubako

March 1, 2014

[…] Add your WordPress Website into Dreamweaver […]

LikeLike

Reply
Claire

March 17, 2014

Hello Shirish,

I find your page really usefull, I’m trying to follow your directions but I’m stuck on:
· How to connect the website to your wordpress account:-
At the Remote Server (Right hand side bottom of the window), select index.php file. Then the code will appear but you will see a notification at the top which reads as ‘This page may have dynamically-related files that can only be discovered by the serve.’ Select Discover and still you may see another notification but it is because we do not have our website in the directory, we have it on the hosting server, so select the Live button, which is above the notification. Thus you see your website live.

I trully do not understand what you mean with “at the remote server” and select index.php file.
I must be doing something wrong…
As i’m french I need to translate everything in my head first to try to understand it. Maybe, explaining it in a different way would do the trick?

thanks in advance!

claire

LikeLiked by 1 person

Reply
1. Shirish Kadam
  
  March 20, 2014
  
  Remote Server is actually the system on which your server provider store all the information about your website…check your hosting account or ask your hosting service provider for access to remote server.Check out this video for more help. Thank You. 🙂
  
  LikeLike
  
  Reply
ravi

April 9, 2014

thanks sir for help me……..

LikeLike

Reply
araceliconcordia

May 28, 2014

Hi Shirish, I’m trying to connect my WP account but having trouble at step #2.

When I click the Site Tab then choose Site Specific-Code Hint. Then #2 says, “2. At the Remote Server (Right hand side bottom of the window), select index.php file. ”

I can’t find “index.php” in the window. What am I doing wrong. Thank you!

LikeLike

Reply
1. Shirish Kadam
  
  June 4, 2014
  
  Your default (home page) webpage can be index.html or index.asp or in my case its index.php…You can select the index.php file and click on the Live View button to view your website.
  
  LikeLike
  
  Reply