Nice design for the theme too by the way…

It’s easy if you know what you’re looking for. If you copy the code from the working site into Expression Web and look in code view you’ll see that off the top there is a code call that looks like this:

<link rel=”stylesheet” type=”text/css” href=”http://www.yourWebDomain.com/wp-content/themes/yourTheme/style.css” />

All you have to do is change it to a relavite link so it reads

<link rel=”stylesheet” type=”text/css” href=”wp-content/themes/yourTheme/style.css” />

instead. That way Expression Web will access your local version of the style sheet whenever you make edits.

To get a better idea of how to do it, watch the video from my WordCamp Whistler presentation. In it you’ll see exactly how I do it.

I have a question I have really big hopes of using your description. But I got stuck at the point
“Find the CSS call in the html code and redirect it to the local file you will be altering.”
I am not 100% sure what do you mean.
What I am trying to achieve is not too easy I think, but I hope it is possible.
I am making a website (still learning as you can see)for my wife. The site I have done so far is still under construction too, but I found out that she probably wont be able to use EW on her own so I figured I should use WP.
The first page you can visit: kismamatornablog.freevar.com
And what I am trying to do is put into WP: fittmama.freevar.com

I used your instructions so far, but this “find the CSS…” I am not 100% sure what you mean. please if you still visiting this post, I would be really grateful.

Thanks

Great post and I love your new blog design, it’s beautiful! I just became aware of your blog several weeks ago through a Canadian Developer Platform Evangelist that I met. Hey, did you know that in Step 4 you can use File > Open in Expression Web and enter the URL of the page you want? Then if you save a local copy, the urls to dependent files, like images and CSS, point to the files on the server. I find this handy for helping users troubleshoot their web pages, and used it extensively while developing the CSS for my own blog. Expression Web would generate the CSS locally and once I had the results I wanted, I’d copy the local CSS that Expression Web was putting in the page and add it to my CSS overrides for my blog.

I hope you get to see Nishant Kothary and Tyler Simpson’s session at MIX on creating a custom WordPress template? It’s on Thursday and you should talk to them afterward:

Microsoft Expression Web: From Comp, to CSS, to Code!
Thursday, March 6 10:15 AM – 11:30 AM, Delfino 4105
Speaker(s): Nishant Kothary, Tyler Simpson
Audience(s): Creative
Session Type: Breakout
Explore key features of Microsoft Expression Web through real-world scenario-based exercises focused around building a great blog template. The topics cover PHP support, Photoshop comp import workflow, CSS features, and more.

Anna

Anna