I have always worked in dreamweaver and really like the way it all comes together when I use it. I have build all of my business sites using dreamweaver, but lately I have been playing around with wordpress for some personal projects and I have realized how much better it ranks than my static html pages. I was wondering if there is a somewhat simple way I can use a static html page to make a theme for wordpress, or if I can somehow use dreamweaver to style wordpress? I know I can get a blog installed in a subdirectory on my dreamwaver sites, but I would like to have those blog posts show up on the homepage as new content, it really seems to be working for my other sites.
Which version of Dreamweaver are you using?
Ayetti957 wrote:
I know I can get a blog installed in a subdirectory on my dreamwaver sites, but I would like to have those blog posts show up on the homepage as new content, it really seems to be working for my other sites.
In that case, why not make the entire site 100% Wordpress so your home page is also Wordpress?
Hello again Ayetti957,
It all depends on the situation. Sometimes a CMS (like Wordpress) is the best way to go.
I was wondering if there is a somewhat simple way I can use a static html page to make a theme for wordpress, or if I can somehow use dreamweaver to style wordpress?
For "start from a blank sheet" WP site designs, my workflow has been Photoshop/Illustrator -> static html -> WP theme. Converting from a static html page to WP is fairly straightforward, as long as the page isn't "crazy busy" and you have an understanding of the WP theme anatomy. You might find this link helpful in that regards. Basicallly, you "dissect" the html page into it's major components, then piece them back together in a prescribed manner in WP. You can certainly use DW as your code editor for this process.
I know I can get a blog installed in a subdirectory on my dreamwaver sites, but I would like to have those blog posts show up on the homepage as new content, it really seems to be working for my other sites.
There are quite a few different ways to do this, again, it all depends on the circumstances.
You can create "static" pages in WP - with this approach there is no need to "embed" WP in a subdirectory of an otherwise static site.
You can select an option in the WP admin panel to make any of your WP pages the "front page".
Or, if the circumstances require that you "embed" WP into an existing site, you might find this link helpful.
Another approach, (just thought of it so I've never tried it), is to "read" your WP RSS feed and place your "latest-X" posts on the front page of your static site. I'll bet somebody has already implemented an easy way to do that.
~codeDawg
@John Walker I know I should probalby just use wordpress for everything, but my work is so awkward in WP and so much faster in DW that it seems like a huge step backwards.
codeDawg wrote:
Hello again Ayetti957,
It all depends on the situation. Sometimes a CMS (like Wordpress) is the best way to go.
I was wondering if there is a somewhat simple way I can use a static html page to make a theme for wordpress, or if I can somehow use dreamweaver to style wordpress?
For "start from a blank sheet" WP site designs, my workflow has been Photoshop/Illustrator -> static html -> WP theme. Converting from a static html page to WP is fairly straightforward, as long as the page isn't "crazy busy" and you have an understanding of the WP theme anatomy. You might find this link helpful in that regards. Basicallly, you "dissect" the html page into it's major components, then piece them back together in a prescribed manner in WP. You can certainly use DW as your code editor for this process.
I know I can get a blog installed in a subdirectory on my dreamwaver sites, but I would like to have those blog posts show up on the homepage as new content, it really seems to be working for my other sites.
There are quite a few different ways to do this, again, it all depends on the circumstances.
You can create "static" pages in WP - with this approach there is no need to "embed" WP in a subdirectory of an otherwise static site.
You can select an option in the WP admin panel to make any of your WP pages the "front page".
Or, if the circumstances require that you "embed" WP into an existing site, you might find this link helpful.
Another approach, (just thought of it so I've never tried it), is to "read" your WP RSS feed and place your "latest-X" posts on the front page of your static site. I'll bet somebody has already implemented an easy way to do that.
~codeDawg
I really like the idea of getting the RSS feed onto the html landing pages. That would be amazing and pretty much accomplish everything I am trying to do. I am after WP because the big G is just giving it tons of love (new content that is) seems like the newest update is just gonna make it impossible to not have large sites with good linking structure (wordpress). I would love to keep my standard landing pages but somehow get that conent into some sort of feed to the landing pages, or just do what John is recomending and go WP all the way, I know that my DW sites are far from a work of art, but the workflow is so much easier for me, when i can start by creating a PSD and end up with a site that I like. When I work with wordpress the way it is designed I just end up settling because I can't quite get the things were I want them.
I can only assume "embed" wasn't the correct term, sorry....you outa know how confused I am all the time by now. Thanks so much for your help with the JS that was a HUGE help, I really appreciate it.
Ayetti957,
I only quoted the word embed because I'm not quite sure it's the right term. I think the correct tem is "integrate". Anyways, I just wanted to get the idea across.
You're right - G just loves new content and WP makes that easy for the non-techie to do.
That RSS idea got me to thinking so I did a G-search and came up with this little gem.
(I knew somebody must have come up with this before.)
~codeDawg
Ayetti957 wrote:
@John Walker I know I should probalby just use wordpress for everything, but my work is so awkward in WP and so much faster in DW that it seems like a huge step backwards.
Ayetti957,
You can quite easily convert your static html website to Wordpress. It means you have to convert every page to a template so if you have 100 pages it probably IS NOT the way to go. If your static html site consists of 20, even 30 pages then its worth the effort.
Firstly I would make a dummy site to test this on of say 5 pages before getting in a mess working with multiple pages if you don't really know waht you are doing.
What you need to do is open every page and give it a template name:
For instance open your index.html page and insert the below at the very top and then save the index.html file as homepage.php
<?php /* Template Name: Home Page */ ?>
If you have a contact page open that up and insert the below at the very top and save the file with a .php extention so if your page was originally contact_us.html save it as contact_us.php
<?php /* Template Name: Contact Us */ ?>
Next open your css file and insert a template theme name at the top, for instance Springtime (can be any name you want)
/*
Theme Name: Springtime
Author: Your Name
*/
IMPORTANT:- Your css file must be saved as style.css
Ok now you have the basis of the conversion.
Next transfer all your php files over to the Wordpress 'themes' folder. Create a folder within the 'themes' folder, give it the same name as your theme name which you declared at the top of your css file.
Next go to the Wordpress dashboard and choose 'Appearance'>'Themes' and choose your new theme.
Go back to the Wordpress dashboard and choose 'Settings'>'permalinks' and select 'Post name' from the radio button list.
Back in the Wordpress dashboard choose 'Pages'. Create a new page and call it 'Home Page'. From the right side bar under the 'Templates' drop menu choose 'Home Page'. All your template names should be listed under the 'Templates' drop menu. Create as many new pages as you have template names and associate those new pages with their template name by choosing it under the 'Template' drop menu.
Go back to the Wordpress dashboard and select 'Settings'>'Reading' and set the 'Front page displays' to 'a static page' (choose the appropriate radio button) and select 'Home page' from the 'Front page' drop menu.
Ok add some content to your Worpress pages. Open homepage.php in your 'theme' folder and select all of the content that you want to be dynamic and cut it from the page. Then in Wordpress go to 'Pages' and select 'Home Page'. Select html view in the editor and paste the content you cut from the 'homepage.php' into the editor and publish the 'Home Page' in Wordpress.
Back in homepage.php in your themes folder insert the php loop below where you cut the content from.
<?php while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php edit_post_link( __( 'Edit this section'), '<span class="edit-link" style="clear:right;">', '</span>' ); ?>
<?php endwhile; // end of the loop. ?>
Repeat the same procedure for your other pages.
For linking from page to page what you also need to do is look at the permalink for each page of your site,. A site set up locally on your computer they will be something like:
homppage.php.............http://localhost/wordpress/
contact-us.php..........http://localhost/wordpress/contact-us
Make sure the links in your pages are correct:
<a href="http://localhost/wordpress/">Home</a>
<a href="http://localhost/wordpress/contact-us">Contact Us</a>
Obviously when you come to transfer to a remote server cchange the http://localhost/ to your domain name.
Where Wordpress fails is it makes it difficult to easily create more than one editable 'content block' per page so you need to google 'multiple content blocks in Wordpress' if you want several content areas you would like editable.
codeDawg wrote:
@osgood_
This does look like an easy way to convert HTML pages to WP. Excellent post!
When the option is available to convert a static site to WP, this looks like the way to go.
I'm going to have to play with this soon.
Hi codeDawg...have a go with a few pages....it might suit your purposes.
I just found http://themematcher.com that does this automatically.
It's free so worth a shot to see how it turns out on your site. I might make a new post about this because a lot of people seem to be asking...
AbobeIsSlow wrote:
Sorry if this is in the wrong place, but How do I start a new thread?
Go to http://forums.adobe.com/community/dreamweaver/dreamweaver_general?view =discussions
Under the Actions heading in the RHS column, click Start A Discussion
North America
Europe, Middle East and Africa
Asia Pacific