Dreamweaver and CSS
-
Hello,
Just started with WordPress, so please be patient. I’m used to using Dreamweaver to build sites. Is there a way to set a testing server up so that I can edit the blix template in Dreamweaver? I’m missing the connection between the php and xhtml. I’d like to be able to see the CSS layout in Dreamweaver so I can edit more easily.
Thanks!
-
There’s nothing wrong with using Dreamweaver to build sites. I used FP before I switched to WP.
Try instead:
Load your default theme – Kubrick will do. Then go on-line and view source – I’ve assumed you have at least one post in storage.
Copy all html into your dreamweaver. Then apply your style.css from Blix locally and go from there.
I found it the easiest way to do changes to my theme when I first started using WordPress without going online.
Also, forgive me, but you’re going to have major problems with Blix, as did nearly everyone else who has used it.
The author doesn’t provide theme help with his special mods, which makes it difficult for people such as yourself to modify, regardless of your area of expertise.
I strongly recommend that you choose another theme, so pre-empt the aggravation that’s destined to come.
And,
Welcome to WordPress.
I changed to a different theme. Thanks for your help! I just can’t get it to work. I edit styles.css and see the changes in Dreamweaver, but they don’t preview correctly. I can’t get the image header to work either. I followed the dimensions, but it’s blowing off the page. I’m ready to drop WordPress and create a static site!
Does anyone want to earn a little (emphasis on a little) and help me figure this out?
Don’t drop WP yet.
I’ve checked your site and from first impressions it looks ok.
I’ll check deeper and report back anything amiss
OK. I’ve checked in FF & IE6 – those are the most consistent browsers to check in – if it works in FF, then it will work (usually) in Net, Opera & Moz. Naturally, IE stands alone.
grinandgrumble, I can’t see any problems with your site, other than no navigational links to take me back to your home page, which is consistent with Kubrick theme.
I don’t require incentive to help you – the fact that you’ve asked is incentive enough.
Recommendations: take a break; go outside for a walk; have a drink. Then come back and see your site. It looks fine, or have I completely overlooked something?
Thanks for your help, again. I’m more on the design side of things and I’m not so great with code. I don’t understand the relationship between WP and Dreamweaver. I make changes in Dreamweaver, upload them, and then they don’t display. One problem is that I’m not accustomed to using CSS for layout, only for text styles. I can’t even get the top image to change. There are several index pages in my directory. The index.php in my root folder doesn’t display anything. Which is my home page? Do you still use Frontpage to edit your theme? I’m serious about the money 🙂
Thanks.
Yes. I still use FP when I hack a template to death. It’s fast, instant and I can switch back and forth between html and style.css without having to be online.
And I don’t have to fuss with php code – I just: view source/then copy & paste the html from my home page or category view or dummy post on my wordpress site/then copy & paste the html into FP and go from there.
There’s no relationship at all between DW & WP – remove that thought from your mind and things will be easier for you.
OK. If you’re not accustomed to using CSS for anything BUT font/text styling, then I recommend that you select a theme you do like, upload it to your theme directory:
yoursite
-wordpress (if wp has an install name of wordpress)
–wp-content
—themes
—-kubrick, or
—-classic, or
—-any theme goes herenaturally in their own individual folders. You can browse and select/download any theme you pretty well like, and more than one
http://wordpress.org/extend/themes/
To change your image in the Kubrick theme.
Go to: Admin/Presentation/Theme/Kubrick/Theme editor = and click header.php – at this point in time you don’t really need to have chmod 777 on your theme files but it certainly helps.
Scroll down until you see this:
“To ease the insertion of a personal header image, I have done it in such a way, that you simply drop in an image called ‘personalheader.jpg’ into your /images/directory.
Dimensions should be at least 760px x 200px. Anything above that will get cropped off of the image.”
Find an image you like – make the dimensional changes as per instructions, save as: personalheader.jpg, and upload to your current theme: kubrick/images file. The rest should take care of its self naturally.
There should be only ONE index.php in your Kubrick theme folder. You will also have:
comments.php
comments pop-up.php
archive.php
footer.php
page.php
searchform.php
single.php
404.php
archives.php
header.php
links.php
search.php
sidebar.phpYour “homepage” right now is main template or index.php, unless you stipulate otherwise.
I strongly recommend you read the Codex for more info on working with WordPress – it truly will make your life easier.
http://codex.wordpress.org/Main_Page
I think I’ve covered everything.
Post back if you have further probs.
K
grinandgumble — I use Dreamweaver. I’ve never really managed to get WP to display correctly in preview. What I’ve done is used xampp to set up a local environment that I can run WP in. I make the changes in Dreamweaver to the locally installed version. When I save the change it’s “live” in the local version instantly and I can preview it complete with a working database. Here’s a tutorial on how to set up xampp:
http://www.tamba2.org.uk/wordpress/xampp
It’s not as complicated as it sounds, if you just take it one step at a time. It’s a great way to set up a test server.
Once the changes are to your liking, you can copy them over to your “real” WP installation and upload them to the web server.
I work in DW and I don’t run a local test server. I warn you though, I never use wysiwyg since it sucks for css sites. Just a suggestion– I create a static html page with a corresponding css file (called style.css for ease of transition) and then “slice” it up using comments to delineate the areas that correspond to the WP template files. Then I add in the changes I made to the html file into the template section by section. The css file just needs then to have the “blog” stuff added and styled. Upload, test drive, tweak and done! I’ve done probably 40 or 50 themes this way.
Ouch, sounds painful kickass. Can’t argue with your results however.
Well, not everyone works the way I do. I found that out when I posted on the css-d list to a question on how people create their xhtml/css layouts, and I answered that I do the entire css file in toto before I ever put a single piece of xhtml down. And usually it’s pretty much nailed at that point, other than spacing and (I-Freaking-E) debugging. The html is painful for me since I’m already mentally way past it, if that makes sense.
And thanks for the kudos (again!) You’ll be delighted to know I plan to release a couple more themes in the next couple weeks, workload permitting . . . one is gonna be teenage girly fun, the other broody goth artiste. The layouts are already pretty much done(one for real, one mentally) and if I can just get a COUPLETHREE hours away from the paying work I’ll have them wrapped. Of course every time I say that someone else throws money at me . . . *sigh*
Interesting. I work almost exactly the opposite: I write the XHTML first, figure out where the templating bits go, THEN style it….
Difficult ones I work back and forth css to html etc…. like 3 and 4 column stuff.
Thanks for your help.
I’ve installed xampp and wordpress. Both are working fine. I’ve started a project in dreamweaver — I’m so close — but when I try to get a live preview, a window pops up saying “live data error — an error occurred while requesting the document from the testing server”.
The frustrating thing is that the error box contains a perfect looking display of the wordpress site! arg!
anyone have any suggestions?
The topic ‘Dreamweaver and CSS’ is closed to new replies.