|
User Details |
message
|
|
Dave Cleveland
post date:
2010-08-30 10:32:55
|
I'd like to add a page section I created to a Wordpress page. I know that I have to leave out the declaration and the <html> tags but what else needs to be done for this to go smoothly? Is there documentation on how to do this already? If so please direct me to it.
My assumption is that I need to take the CSS and put it in the CSS file for my template in WP and take all the "divs" in the body of the html and put that in a page in WP?
Thank you.
|
|
|
Cristian Dorobantescu [Extend Studio]
post date:
2010-08-30 11:37:35
|
Hi Dave,
You should link to all the CSS files that are included in the Dreamweaver page. It's a good idea to make a check and only include the CSS only on that specific page.
Then you need to copy the DIVS in the Wordpress content.
Note: if you use images, then you need to be sure the path to them is correct depending on the URL rewrite you are using.
Cristian
|
|
|
Dave Cleveland
post date:
2010-08-30 12:40:34
|
|
When you say link you mean create external CSS files and use a link in the header to link to those CSS files? Of course that would mean adding the CSS files to the themes folder, right?
|
|
|
Dave Cleveland
post date:
2010-08-30 12:49:49
|
|
Is there anyway you could explain this better? Maybe it could be part of the documentation?
|
|
|
Cristian Dorobantescu [Extend Studio]
post date:
2010-08-30 12:59:24
|
Hi Dave,
Yes, you should copy the CSS files in the themes folder, add the links to include them. Will try to write some documentation on this soon!
Cristian
|
|
|
Cristian Dorobantescu [Extend Studio]
post date:
2010-09-14 04:05:32
|
Hi Dave,
Here is a tutorial on how to use a Flexi CSS page section layout in Wordpress:
http://www.extendstudio.com/tableless-css-layouts-for-dreamweaver/Insert-Page-Section-layout-Wordpress-Post.html
Let me know how this works for you.
Cristian
|
|
|
Dave Cleveland
post date:
2010-09-15 12:56:58
|
I followed the instructions up until the very end where it says:
You have everything ready to go for Wordpress now. Create a new page in Wordpress and switch the content editor to HTML. Copy the links from the header section that we have previously edited and the code between <body> from Dreamweaver code view. Should work now!
Do I copy everything from the <head></head><body></body> into the HTML section of Wordpress? It put all the information in there but it did not float the columns like it's suppose to. everything is in rows instead of columns.
http://clevelandesigns.com/family/test-page/
I used the three column article sample in flexi CSS.
|
|
|
Cristian Dorobantescu [Extend Studio]
post date:
2010-09-15 13:06:20
|
Hi Dave,
You don't seem to have included the references to the style files anywhere:
Something like:
<link href="http://clevelandesigns.com/includes/CSSLayouts/CSSLayouts.css" rel="stylesheet" type="text/css" />
<link href="http://clevelandesigns.com/includes/CSSLayouts/sections.css" rel="stylesheet" type="text/css" />
<link href="http://clevelandesigns.com/includes/CSSLayouts/sections_user.css" rel="stylesheet" type="text/css" />
Let me know,
Cristian
|
|
|
Dave Cleveland
post date:
2010-09-15 16:20:37
|
Just add those link references above the starting div as shown in your example? Because I've done that and it doesn't work. Here is a snippet of the code in Wordpress.
<link href="http://clevelandesigns.com/includes/CSSLayouts/CSSLayouts.css" rel="stylesheet" type="text/css" />
<link href="http://clevelandesigns.com/includes/CSSLayouts/sections_custom.css" rel="stylesheet" type="text/css" />
<div class="sections"><!-- (CSSLayouts Begin) #sections #pack=Standard;category=;layout=;layoutType=section;scheme=;cssSource=file;halign=center;minwidth=920px;maxwidth=920px;width=920px;bc=Articles;bl=servicesarticles--></div>
As you can see I don't have three link references as you have, I only have two that FlexiCSS generated in the head of my document. Both are in the inlcudes folder on the server and linked properly. There is no "sections.css" or "sections_user.css", only "CSSlayout.css" and "sections_custom.css".
|
|
|
Cristian Dorobantescu [Extend Studio]
post date:
2010-09-15 16:58:40
|
Ok, but I don't think you have uploaded the includes folder. Because this link http://clevelandesigns.com/includes/CSSLayouts/sections_custom.css goes to 404.
Let me know.
Cristian
|
|
|
Dave Cleveland
post date:
2010-09-15 17:06:37
|
i checked things over and here's what I found.
1. i didn't have the latest version of the plugin installed. After install, I got the correct code.
2. I forgot to add "family" in the path.
After doing both of those it works. Thank you Cristian.
BTW, I downloaded the trial version of the latest plugin and it works fine even though the zipped file in the downloads area of my account is corrupt or incomplete. But I'm guessing you guys were already aware of that. Thanks.
|
|
