Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

Montezuma Newbie Tips


  #1  
Old Jan 25, 2013, 12:43 PM
jerryc
 
367 posts · Oct 2012
Florida
How Do I Change This? How Did You Do That?

Quite often, people will ask "how to I change ___ on my site?" Other times, see something posted, such as a link in the "showing off" thread, and ask, "how did you do that?" One of the best ways to learn how to do things with wp and mz is to install a firebug plugin into your browser, right click the area of the page you want to know more about or change, and inspect the element.

In firebug, the html will be on the left, and the css will be on the right. What you won't see is the php that made the html, but most of the time you either won't need it, or it will be obvious from the default templates.

Last edited by jerryc; Mar 3, 2013 at 09:07 PM.
  #2  
Old Jan 25, 2013, 04:07 PM
jerryc
 
367 posts · Oct 2012
Florida
Plugin Lazyest Stylesheet Plugin

Lazyest Stylesheet Plugin

Not everybody will agree with me on this, but I find the Lazyest Stylesheet Plugin to be the easiest way to add custom CSS to Montezuma. I have even requested that MZ add such a feature to its next release.

Here's how it works:
  1. Install and open the plugin,

  2. Enter your custom CSS into it and save,

  3. Load your page,

  4. It always loads as the last stylesheet,

  5. If there's a conflict with it and something else, because it's last, your custom CSS wins the cascade order.
What I especially like about it is:
  • No need to ever touch the theme CSS files,

  • All the custom CSS is in one place, easy to find, easy to validate.
It also has an optional mobile stylesheet, if you want custom styles on mobile devices.

Update: Juggledad also came up with a solution that also puts all the custom css in one place. Add it to the end of the last theme CSS file, clearfix.css.

Last edited by jerryc; Apr 15, 2013 at 06:18 AM.
  #3  
Old Jan 25, 2013, 04:50 PM
jerryc
 
367 posts · Oct 2012
Florida
Code Validation

The problem with many coding mistakes is that, while the browser will display the page, it looks awful, and you don't know why. Many coding problems can be easily found by simple code validation.

Here's an example. you went into your code to change your layout and, while you were at it, changed an <h3> to an <h2>, but forgot to change the closing heading tag from </h3> to </h2>. When you try your page, your layout looks weird. You spend hours trying to figure out what you did wrong with your layout, when there was nothing wrong with the layout at all. It was the previous heading tag mismatch error that threw everything else off. And, who hasn't left out or put in an extra closing </div> tag somewhere.

HTML Validator

A properly coded MZ page should get no HTML errors. If you get errors, it's probably because you added something incorrectly, or you have plugins causing errors. Disable your plugins if you're not sure.

CSS Validator

If your custom code is right, you should get zero CSS errors; MZ is CSS standards compliant. If you use the Lazyest Stylesheet, it's easy to copy and paste your custom code into the validator because all your custom CSS is in one place.

PHP

Validating PHP is a more complicated. With some errors, your server will throw an error and the page will not display. With other errors, PHP will generate different HTML than you intended, which you might be able to spot with view-source.

Layout

Not all layout mistakes will show on a validator. For example, if your MZ column units in a row don't add up to 12, it won't show on a validator. Your page may just look strange. Here's how you can check your layout.

Last edited by jerryc; Feb 26, 2013 at 08:10 PM.
  #4  
Old Jan 25, 2013, 06:21 PM
jerryc
 
367 posts · Oct 2012
Florida
Layout Sidebars Anywhere

Sidebars Anywhere

With Montezuma, think outside of the 'side' when you hear the term sidebar. They can go in any template or subtemplate, such as in your header, footer, or even in the content area of a template. This gives you lots of layout options.

Once you declare a sidebar using code such as:

HTML Code:
<?php dynamic_sidebar("your-new-sidebar-name"); ?>
and save your template or subtemplate, the widget of named "your-new-sidebar-name" will automatically in your widgets interface at:

Dashboard > Appearance > Widgets

Here's an example of a sidebars by Juggledad that shows how to put a sidebar in the left side.

Last edited by jerryc; Mar 30, 2013 at 01:11 PM. Reason: Added link to Juggledad's post
  #5  
Old Feb 26, 2013, 03:37 PM
jerryc
 
367 posts · Oct 2012
Florida
Keeping All Custom CSS Together

In addition to my favorite way of keeping all custom CSS together, Juggledad has come up with another way to accomplish this, and his idea requires no additional plugins.

Go to: Dashboard > Appearance > MZ Options > CSS Files > clearfix.css

Put all your custom CSS at the end of that file. There is no need to edit any other CSS file. All other things being equal, any conflicts between conflicting declarations will be resolved in favor of the later declaration, and clearfix.css is loaded after all the other css files.
  #6  
Old Mar 3, 2013, 09:06 PM
jerryc
 
367 posts · Oct 2012
Florida
I Don't Know Any ____! [HTML, CSS, PHP]

Occasionally, people post onto this forum wanting to customize Montezuma, knowing little or no HTML, CSS, or PHP. Montezuma is, by far, the most customizable theme there is for Wordpress. However, it still requires some basic understanding of HTML, CSS, and sometimes PHP. At the very least, you have to know how to format the code, so you can copy, paste, and edit it to make the changes you want to make. With that you can do amazing things with Montezuma. With other themes, you would have to know far more to do far less customization.

There are many great basic tutorials on these three languages. HTML is the basic one. CSS is how HTML is styled. PHP is how HTML is generated programically.
  #7  
Old Mar 5, 2013, 11:22 AM
jerryc
 
367 posts · Oct 2012
Florida
Disable Those Plugins First

There have been so many posts on this forum where it turned out that the problem wasn't MZ related at all, but caused by a plugin. Sometimes, the moderator even asks the poster early on to disable the plugins and check, then, after many more posts back and forth looking elsewhere, the poster recognized it was a plugin problem, not a MZ problem.

When I first posted about code validation, I stated you could expect to see lots of validation errors. That's because I had plugins making them and I thought all those errors were normal.

Then, when I removed all the plugins and checked, WP and MZ made zero validation errors. When things don't validate, it can throw off a lot of other things, particularly with a theme like MZ that relies so much on CSS.

Bookmarks

Tags
abc's, basic, fundamentals, newbie, tips



Similar Threads
Thread Thread Starter Forum Replies Last Post
Internet Explorer 9 and Atahualpa 3 - post your issues and tips Neut Atahualpa 3 Wordpress theme 1 Sep 21, 2010 02:41 PM
[SOLVED] How can I find the best support software? Please provide tips and links robert01green Forum How-To 2 Jul 23, 2010 09:00 AM
Getting started, need some tips GeneStarwind09 Atahualpa 3 Wordpress theme 5 Oct 31, 2009 08:28 AM


All times are GMT -6. The time now is 10:25 PM.


Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.