Topic Closed
Eric
193 Posts
1.4K Downloads
1 Themes

I really wish Twitter designed a way to include which version a particular Bootstrap template is compatible with.

I predict version compatibility issue when users try to use a bootstrap template from a third party site. I see that the Addon.ini file includes the minimum gpEasy requirement and template.php calls for the correct version (common::LoadComponents( 'bootstrap3-js' );). So this shouldn't be a problem for the templates available on this website.

However, someone may download a template from another theme site and expect is to work out of the box, which it won't. Maybe all that's needed is an update to the documentation, including "how to convert a template to gpEasy" and "how to identify Bootstrap version".

6 years ago#6828

Josh S.
2K Posts
266K Downloads
16 Themes
18 Plugins

I predict version compatibility issue when users try to use a bootstrap template from a third party site.

I could definitely see that

update to the documentation, including "how to convert a template to gpEasy" and "how to identify Bootstrap version".

Yes!

6 years ago#6833

Eric
193 Posts
1.4K Downloads
1 Themes

Here's a first attempt at converting a Bootstrap theme and documenting the steps:

  • Find a theme with LESS files (tested with http://rriepe.github.io/1pxdeep/)
  • Copy 1pxdeep folder in themes folder.
  • Create addon.ini file (or copy/edit form other theme)
  • Copy template.php and drop_down_menu.php from Bootswatch_Flatly folder into 1pxdeep folder
  • Move all LESS files to a subfolder
  • Copy template.php  from Bootswatch_Flatly/1_Starter_Template folder into 1pxdeep/subfolder
  • Create variables.less file in subfolder and add the variables you want to access in layout editor in this file. (see https://gpeasy.com/Forum?show=t1518#post_6836 for variables bug in 4.3)
  • Create style.less file in subfolder, containing:

@import 'scheme.less';
@import 'include/thirdparty/Bootstrap3/less/bootstrap_all.less';
@import '1pxdeep.less';
@import 'variables.less';

  • Edit subfolder/template.php if necessary

Notes:

  • I had to increase PHP memory to 128M  for the LESS compiler to work with this theme, since it makes extensive use of mixins.
  • Do not use files from themes/Bootstrap folder. Those are Bootstrap2, which is not compatible with Bootstrap3.
6 years ago#6837

Josh S.
2K Posts
266K Downloads
16 Themes
18 Plugins

Here's a first attempt at converting a Bootstrap theme and documenting the steps:

Nice.

I've only done the bootswatch themes so I wasn't sure what the easiest or most intuitive method would be. Once the first one was done, this is what I did for the rest:

  1. Copy folder /gpeasy/themes/Bootswatch_Flatly to /gpeasy/themes/Bootswatch_Journal
  2. Copy variables.less and bootswatch.less files from http://bootswatch.com/journal/ to /gpeasy/themes/Bootswatch_Journal/Bootswatch
  3. Update Addon.ini

This is obviously overly simple because it's a bootswatch to bootswatch adaptation. I guess I was wondering what you think about instructions that followed this "start with a copy of Bootswatch_Flatly" approach?

I had to increase PHP memory to 128M  for the LESS compiler to work with this theme, since it makes extensive use of mixins.

Man, I'd love to get the memory usage of the less compiler down. Thanks for letting me know it needed 128M, I'll adjust in gpEasy for that.

6 years ago#6846

Eric
193 Posts
1.4K Downloads
1 Themes

I'll review how to modify actual templates. 1pxdeep only included style sheets so I stole the template from Flatly. Most free templates I came across include only the compiled CSS files and not the LESS files.

I'm not sure it required all 128M. It failed with 64M so I just doubled it. However, other themes (Flatly) worked well within 64M. So it all depends how many variables and mixing are calculated.

Since it takes a while to preview, is it possible to indicate to the user that it is processing? A progress bar would be great, but a simple message would suffice.

6 years ago#6848

Topic Closed

 

News

Typesetter 5.1
8/12/2017

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

Over 8 Times Faster Than Wordpress
5/3/2016

We've known for a long time that Typesetter is fast. It's something we take pride ... 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