Topic Closed

One of the most common questions we are asked is how to convert existing or stock HTML/CSS templates to work with gpEasy. Dear Josh please create the guide with the step-by-step, through the process of adapting any existing templates to work with gpEasy.

10 years ago#560

cyberman
85 Posts
1.5K Downloads
1 Plugins

There's a theme creation guide yet at

http://docs.gpeasy.com/index.php/Main/Theme_Creation_Guide

10 years ago#562

You joke? I worked with gpEasy near 1 year and i know all about this system, this is very poor instruction, not all tags(tegs) described not all words etc. I speak abount step by step in real example, take for example from here http://www.bluewebtemplates.com/category/showcase/  and show in all detail how to convert compare with existing themes - is it clear for you mr cybermax ?

I expected the answer from mr Joshand still wait it.....

Edited: 10 years ago#563

Charles S
448 Posts
13.7K Downloads
2 Themes
8 Plugins

I've updated some of the docs myself but haven't done anything with themes as I've just been getting used to working with gpEasy themes myself. They are very easy to create compared to say . . .  WordPress. I'll do as much documentation as I can but the heavy php stuff is way beyond me. Hopefully some others will put some effort into the documentation also as I think it's a waste of Josh's time. I would much rather have him putting his time into adding features and removing bugs from gpEasy and making it the best "easy" cms around. 

Personally, right now I'm waiting for the next version of gpEasy to come out before I use it live--hopefully with a title tag option as I can't use gpEasy for what I would like without that. Nonetheless ,I will do a tutorial, may not be the best, on creating a theme in gpEasy and converting a theme. I was hoping to have a gpEasy site up first for more info but if it looks like it will be a while before the next update I'll get to work on it--give it till the end of the month. If there are other things needed in the documentation please post here in the forum for it, and if I'm capable I'll try and add it to the documentation.

Converting themes

The simplest way to convert a theme over to gpEasy is to get it working in pure HTML & CSS--so regardless of the theme you are coming from you will need to know how to get it working as an html/CSS doc. Then simply add the calls where you want them to show up and delete the content that was there in the original html doc. In other words, converting a theme to gpEasy really means converting a theme to html first because there really isn't much php in a gpEasy theme. After doing that you can look at the code produced from the new gpEasy theme and see what new divs were added from the php calls if you need to add any formatting specifically to them but that generally isn't needed. 

Here's how I've been going at it.

  1. Find a theme, site, page, etc that you want to convert to gpEasy theme.
  2. save a "live" page of it as a html doc and save the css as a css file. Also, it is best to do this on a local install (use xampp or xampplite) as creating a theme on a server is not a good idea.
  3. Create a correct folder structure--theme name with CSS in a subforlder and  folder for images. Put the CSS in the correct folder and the images in the images folder.
  4. Change the css link in the html header to the new path.
  5. Change all image paths in the CSS to their new path.
  6. Test to see that the document works in a browser.
  7. add gpEasy php calls to the correct div and test via a gpEasy localhost install.
  8. Now you have a lot of cleanup to do with the CSS or fix any "bugs" that are in the html or css.

I know that isn't the tutorial you are looking for, but I'll get to it in time. Personally, I have to say that gpEasy themes are very simple to make compared to anything else I've seen. They are basically one step away from pure html/css. Of course you need to know basic html & css--teaching that is a bit beyond gpEasy documentation.

If you are new to all this I would suggest getting a localhost install going, and playing with some simple theme like "simplicity and just mucking around with it--strip it down to a basic as you can get and then rebuild it up to something different.

Nonetheless, you are right. Documentation needs to be improved and I think we all need to pitch in a little to help Josh on that front. Maybe start a list here in the forum for documentation needs and maybe some of us can volunteer for specific ones?

10 years ago#566

cyberman
85 Posts
1.5K Downloads
1 Plugins

If you are working since a year with gpeasy you should know how do convert a theme - it's really simple and it's done in some minutes.

By the way ... cant see any advice about your knowledges in your first posting - I cannot smell this ;).

10 years ago#570

Thank you for explain. I am not novice in html/css and i modify gpeasy themes already to my needs www.wildbearcapital.com But now i want to make next step add more features, menus etc. Yes you are right very easy to start work of convert html/css theme to gpeasy format, but next stage very hard. How to link gpeasy code with new design elements with css and html, how place correct php link (not 3 basic php you showed in manual) and main question where descriprions of all tags(tegs) I think a lot of them still not describe. The template.php in gpeasy very clean code and consist only from php link, but main html/css templates consist from many elements and codes. That is if you show in the example from popular free templates site, step by step it will add new energy because not only PRO can help to add new templates to gpeasy collection. I am not a programmer i am top manager but as a hobby i am ready to modify and add some templates.      

10 years ago#571

Thank you for explain. I am not novice in html/css and i modify gpeasy themes already to my needs www.wildbearcapital.com But now i want to make next step add more features, menus etc. Yes you are right very easy to start work of convert html/css theme to gpeasy format, but next stage very hard. How to link gpeasy code with new design elements with css and html, how place correct php link (not 3 basic php you showed in manual) and main question where descriprions of all tags(tegs) I think a lot of them still not describe. The template.php in gpeasy very clean code and consist only from php link, but main html/css templates consist from many elements and codes. That is if you show in the example from popular free templates site, step by step it will add new energy because not only PRO can help to add new templates to gpeasy collection. I am not a programmer i am top manager but as a hobby i am ready to modify and add some templates.      

10 years ago#578

Charles S
448 Posts
13.7K Downloads
2 Themes
8 Plugins

Hopefully I can put something together that novices will like, but the inner php working stuff will have to be left to Josh as I think he's the only one who knows it.

10 years ago#594

Topic Closed

 

News

elFinder 2.1.50 in Upcoming Release
12/28/2019

A new release for Typesetter is in the works with a lot of improvements including the ... Read More

Typesetter 5.1
8/12/2017

Typesetter 5.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register