Convert a Wordpress site to CMSMS

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
musicscore
Power Poster
Power Poster
Posts: 444
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

Convert a Wordpress site to CMSMS

Post by musicscore »

Is it possible to convert a Wordpress site to CMSMS. I tryed to capture the HTML code and convert that to CMSMS but a lot of errors.

Is there someone out there who has some good tips and hints
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Convert a Wordpress site to CMSMS

Post by Dr.CSS »

They seem to have div/classitis so just trying to use the HTML from a page source view is out for me, so what I do is take a screen capture and build it myself to look exactly the same...
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Convert a Wordpress site to CMSMS

Post by velden »

musicscore wrote:Is it possible to convert a Wordpress site to CMSMS. I tryed to capture the HTML code and convert that to CMSMS but a lot of errors.

Is there someone out there who has some good tips and hints
I don't think it would be any different than creating another template for CMS Made Simple.

Further your question is much too vague. 'lot of errors'?
musicscore
Power Poster
Power Poster
Posts: 444
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

Re: Convert a Wordpress site to CMSMS

Post by musicscore »

I want to convert this site to CMSMS :

http://www.lightandhealth.nl/

When I import the source code of the page (the html code I see in my browser / firefox) and copy it to the new template I create I get errors like "}" missing etc.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Convert a Wordpress site to CMSMS

Post by velden »

A CMSMS template has a few requirements:

1. contain a default content block: {content}
2. it uses Smarty, so code should be valid to use with smarty.

Smarty uses { and } as a delimiter. The Javascript and CSS in the code is using those same characters in the code. Smarty will try to interpret it as Smarty code but fails.

Solution:
- enclose the css and javascript in {literal} ... {/literal} tags OR
- replace all opening tags in js and css '{' with '{ ' (add an space after the curly opening bracket).

This should work for recent versions of CMSMS.
musicscore
Power Poster
Power Poster
Posts: 444
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

Re: Convert a Wordpress site to CMSMS

Post by musicscore »

Thanks for the quick repsonse. I will try your advise. Will take some time because is a lot of code.

Again, thanks for the quick repsonse. This is why a really like CMSMS. Great forum support.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Convert a Wordpress site to CMSMS

Post by Dr.CSS »

WOOOW! good luck on that one, it has more stylesheet calls than any site I've ever seen and more JS calls then there are scripts on the innerwebs... YOW
musicscore
Power Poster
Power Poster
Posts: 444
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

Re: Convert a Wordpress site to CMSMS

Post by musicscore »

I wil make a start but I'm not hopefull. The site even loads a lot of extra fonts etc. and yes, a lot of stylesheets. Do not know if that is normal for Wordpress. Maybe it's wise to tel this customer I cannot convert this site. >:(
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Convert a Wordpress site to CMSMS

Post by velden »

It should be possible but it will be some work. I'll bet there are some tools to download all css,js, images (perhaps browsers offer this possibility).

After that is matter of uploading files to proper location on webserver and change some paths probably.
Then work on the template.
musicscore
Power Poster
Power Poster
Posts: 444
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

Re: Convert a Wordpress site to CMSMS

Post by musicscore »

The fonts are locate on the server before the html root so it is not possible to download those fonts. I downloaded the fonts from an external source. As I said, I will give it a shot and see how far I will get. Just to learn is worth it. (I hope)
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Convert a Wordpress site to CMSMS

Post by velden »

musicscore wrote:The fonts are locate on the server before the html root so it is not possible to download those fonts.
No they're not. How do you think a browser will load the fonts if they're not downloadable?
musicscore
Power Poster
Power Poster
Posts: 444
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

Re: Convert a Wordpress site to CMSMS

Post by musicscore »

Indeed. Good Question. In CSS there is a line :

Code: Select all

@font-face {
  font-family: 'Adobe Caslon Pro Bold';
  src: url('./fonts/ACaslonPro-Bold.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ACaslonPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ACaslonPro-Bold.woff') format('woff'), /* Modern Browsers */
       url('./fonts/ACaslonPro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/ACaslonPro-Bold.svg#09ec7fcf3550cc6d857e9fb1a17c52a9') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}
The dot in "./fonts/***" maded me think 1 one level down to the root.

As I mentioned, I have a lot to learn.

;)
Jeff
Power Poster
Power Poster
Posts: 961
Joined: Mon Jan 21, 2008 5:51 pm
Location: MI

Re: Convert a Wordpress site to CMSMS

Post by Jeff »

/file.ext - is in the root directory of the website
./file.ext - is in the current directory (may not be the root dir)
../file.ext - is in the parent directory relative to the file that is calling it so if the css file is /css/mycss.css then the parent is the root directory of the website.
musicscore
Power Poster
Power Poster
Posts: 444
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

Re: Convert a Wordpress site to CMSMS

Post by musicscore »

Thank you for this explanation. Very helpfull.
Locked

Return to “Layout and Design (CSS & HTML)”