• 0

Just installed Danny's Skeleton child theme to DMS2

Question

Posted · Report post

Danny:

 

I have to confess that I have been winging it since Platform Pro.  I have used PageLines Framework 2.0 for several years now and have loved it.  I tried to DMS1 and got too confused.  Now I have dared to try DMS2 on one of my sites and it just is not intuitive.

 

So I am giving up and am going with installing a child theme.  I have never done that before.  It seemed scary since I really never understood what a child theme was.  But okay, I now get it.  

 

So I contacted support and Martin suggested I download your Skeleton Child theme.  I downloaded it from Github, changed the name and then uploaded it to my website as a theme with a new name.  Then I realized I had not followed all your instructions from https://github.com/Dannyholt/Skeleton so I tried to do that -- but could not open the .less files -- so spent money to "fix my computer" which was a mistake and we won't go there.  My computer is fine.  It's my brain that is fried. 

 

So here's where I am.

 

The installed theme is Skeleton -- since I did not rename it.  It's just as you created it.  (If that's not okay, then I have to go back to trying to open the .LESS files using Chrome and Windows 7 Ultimate.)

 

So -- assuming that is okay.  I am moving forward.  

 

Here is my question:  When I am in the DMS editor and I click on Add to Page it says Theme:  DMS.  Shouldn't it say Theme:  Skeleton?

 

Did I do something really wrong?

 

Please tell me I am on the right track.  

 

I have been working on this for three days straight and I want to walk away and cry.  However, I am determined to get everything fixed soon.

 

The website I am working on is called http://OkLandandRanches.com

 

I know it is a mess.  I just cannot figure it out.

 

Thank you.

 

Best regards,

 

Debbie Solano

 

 

By the way:  Other sites I did by winging it with PageLines Framework are:  http://OklahomaHorseProperties.com, http://midtownTulsaRealEstate.net, and http://RivieraMayaFamilyResortandSpaHotels.com -- at least those are the only ones I am admitting to in a public forum.

Share this post


Link to post
Share on other sites

25 answers to this question

  • 0

Posted · Report post

dsolano

 

I've edited my child theme, added your changes and re-zipped the theme, you can download it here - http://ge.tt/30UhGse1/v/0?c

 

All you need to do now, is install it like any other WordPress theme.

 

However, I am not sure why the are finding the process scary, as it is the same for every WordPress child theme including PageLines Framework. If you want to rename it and change the directory, you can either do what I have done or use your FTP client.

2 people like this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello dsolano

 

The Child theme - skeleton is bare bones and contains the very basic things you need. It sites between yourself and your site and allows you to make changes to your site layout without affecting the actual site theme. A kind of buffer zone. Also your changes wont be lost when the files you would change without the child theme are updated during a product update. 

 

 

Here is my question:  When I am in the DMS editor and I click on Add to Page it says Theme:  DMS.  Shouldn't it say Theme:  Skeleton?

 

The theme is still DMS technically and your customisations are being added to your child theme.  it will still display DMS in the visual editor 'add to page' area as you described. as the sections you are adding to the page are from the DMS theme... 

 

To open .less file you just need a text editing programme. - Notepad is about as basic as it gets for this on a windows machine. There are more powerful, more feature rich alternatives available. 

 

I know others will agree but i recommend http://www.sublimetext.com/download

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Okay.  

 

I downloaded Sublime Text and changed the style.css and called it Solano -- as if it's my very own child theme.  I saved it.

 

Now, how do I upload it to my WP theme in Pagelines when it is no longer zipped?  

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

You will need access to your website via either FTP or your hosting provider’s file manager application. Most users use FileZilla but there are others.

 

I wish I new of a  easy to follow guide to recommend.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Okay.

 

Let me get this straight.

 

 

First I change the name of the folder on my hard drive from Skeleton-master to Solano-master.

 

Then I change the style.css file as follows:

 

 

/*  
Theme Name: Solano
Description: Solano is a basic child theme for PageLines DMS 2 
Version: 1.0.0
Author: Debbie Solano
 
Template: dms
 
*/
 
/** 
 * All CSS & LESS CSS should be added to the style.less file.
 * However, you can use this file if you only wish to use CSS.
 * Lines 13-15 can be removed.
 */
 

Then I FTP the file change up to my wp-content file on the host server.

 

Is that correct?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

This is really scary for me, but the whole reason I am doing this is so that I can do what I want.  I am just trying to recover the functionality I had with PageLines Framework.  It seemed so simple to me once I figured it out.  

 

At this point I just want to get DMS 2 to do what I was able to get Framework to do.  

 

Once I get past the learning curve it will be awesome.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you, Danny.

 

That worked!  Yeah!  I have now activated the Solano theme on my DMS2 site.  Very cool!

 

Now, going forward.  Do I customize the CSS by going to Appearance --> Themes --> Solano and click on Customize and put the code in there?  I assume that I would build the code with SublimeText and then copy and past to the theme.  Is that correct?

 

 

[By the way, it's the FTP process that really seems scary.  I am not sure why. When I have to FTP things to my server it just seems confusing.  Not that I've ever really messed it up at that level.  I am just nervous about it.]

 

My very best regards, 

 

Debbie

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

When creating code, you should always use a code editor such as SubLime Text. Once you're happy with your code add it either the style.css or if you plan on using LESS CSS you should add your code to the style.less file. You should read our customization documentation it contains all the information you need.

 

http://docs.pagelines.com/customize/how-to-customize

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

So I can use either CSS or LESS:  one goes into the style.css file and one goes into the style.less file.

 

After I create the code what happens?

 

Do I cut and paste it into the DMS2 Appearance --> Customize ?

 

I ask because the Custom LESS/CSS seems to be one file.  In fact, the LESS code that I had there before I uploaded and activated the new Solano child theme is still there.

 

Is there another place where I should be putting the code? One place if it is CSS and another place if it is LESS?

 

Sorry to be so dumb about this.  I just want to be sure and not make a mistake.

 

Best regards,

 

Debbie

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello Debbie 

 

The best thing to do is read this http://docs.pagelines.com/customize/how-to-customize

 

this will work like a checklist of things you have done to make sure you haven't missed anything - doesn't look like you have though as you are ready to enter your custom code. 

 

Then - http://docs.pagelines.com/customize/base-child-theme

 

This explains where to enter your custom code 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you.  I'll work on that. 

 

Meanwhile, I broke the site somehow when I tried to Activate the Old PageLines Launchpage plugin that came over when I migrated the site from PageLines Framework -- in was inactivated but not deleted.

 

I didn't even need that plugin.

 

The error message is:

 

Fatal error:  Class 'PageLines Template' not found in /home/content/34/9061334/html/oklandandranches/wp-content/plugins/launchpage/launchpage.php on line 38

 

Does this have anything to do with the new Child Therme OR did this plugin just break my site?

 

Either way, any suggestions as to what I should do to fix it?

 

My very best regards,

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

delete the plugin folder, then go to wp-admin/plugins page, it will then disable it for you.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Do you mean to delete the plugin folder on the server for just the Launchpage plugin? 

 

or do you mean to delete the entire plugins folder?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

i mean the one plugin that is giving you the fatal error

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I deleted the Launchpage folder in wp-content/plugins and the site came back up just fine.

 

Thank you.  Thank you.  Thank you.

 

All is good now.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you for informing us the issue has been resolved.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny:  

 

I tried to edit the style.css to build a skeleton child theme for another DMS2 website and I cannot seem to do it.

 

The website is cancunfamilyresortsandspahotels.com

 

Would you be so kind as to edit Skeleton again and rezip it after calling it Solano-Cancun?

 

Then I'll upload the child theme to the website as a zip file.

 

Thank you so much.

 

My very best regards,

 

Debbie

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Okay.  Let's back up.

 

I feel like the whole world is watching me and thinking how dumb I am.

 

I am working on OklandandRanches.com -- let's forget about the Cancun site for now.

 

Today I updated my DMS 2 theme and therefore lost my CUSTOM/LESS CSS that was in </> Custom in the DMS Editor.  I had read that it would disappear when an update occurred.  No problem.

 

So I then reloaded my Solano theme -- to which I had made no changes.  For all intents and purposes, it is still Danny's Skeleton theme

 

 

Then I put the old code into CUSTOM/LESS CSS.  The code is: 

body{
 
 // LESS
 
@color: #FF8533;
 
#header {
  color: @color;
}
h2 {
  color: @color;
}
}
 
Quite simple really.
 
I then publish it.  Nothing happens.
 
My site should be robin's egg blue and it is white.  What am I not doing?
 
I feel like an idiot.
 
Please help.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

#header h2 {

  color: #FF8533;

}

 

If you want to reference any h2 using Standard Options > Custom styling classes: Define your custom styling class in </> Custom (in DMS Live Editor) or in WP admin > Pagelines > DMS Fallbacks > Custom LESS

 

.myh2color {

   h2 {

     color: #FF8533;

   }

}

 

and add myh2color (without the point/full stop) as the custom styling class

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny:  

 

I tried to edit the style.css to build a skeleton child theme for another DMS2 website and I cannot seem to do it.

 

The website is cancunfamilyresortsandspahotels.com

 

Would you be so kind as to edit Skeleton again and rezip it after calling it Solano-Cancun?

 

Then I'll upload the child theme to the website as a zip file.

 

Thank you so much.

 

My very best regards,

 

Debbie

 

Unfortunately, I can't keep doing it for you. The simplest way to change my default text for the Skeleton child theme is to download it from GitHub, extract it and then open up the style.css file in a code editor such as Atom.io or SubLime Text. Then proceed to follow the instructions on the Skeleton GitHub repo, in teh readme text and file it has instructions on how to do this.

You can change everything in the style.css file except for Template : dms

 

As this informs WordPress that this theme is a child theme for DMS. Once you have made your changes, save the style.css file and then rename the folder Skeleton-Master to whatever you like, usually this is your theme name. Once you have completed the above, you can either compress the folder and files using a compression application or the built-in functionality of your operating system, you can usually do this by right clicking on the folder, where a popup window should appear with the option to compress the folder.

 

Once that is done you can upload it using the WordPress Theme Uploader or upload the folder without being compressed via your FTP client to the following directory:

 

/wp-content/themes/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny:

 

That sounds like a workable plan.

 

Thank you so much for the detailed instructions.

 

Best regards,

 

Debbie

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Then I put the old code into CUSTOM/LESS CSS.  The code is: 

body{
 
 // LESS
 
@color: #FF8533;
 
#header {
  color: @color;
}
h2 {
  color: @color;
}
}
 

 

Just want to add to this thread this...

 

That code will never work, as 'color' is always going to be a protected variable. You should always choose something unique for your own vars, if your theme is called 'awesome' the make it @awesome-header: #FF8533, something that bootstrap or DMS is not going to already have assigned.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

It worked.

 

Thank you.

 

I especially appreciate your encouraging me to do it. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Glad it worked, thank you for updating the thread.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now