Kevin's Space

WordPress, HTML, CSS, and Programming

Blog

blogBox 4.1.0  0

The latest version of blogBox is now available for download.

This theme has gone through a major face lift to come into conformance with new WordPress.org requirements. Also the most recent update of WordPress (version 4.2) also caused problems with the option system, so this update resolves that.

Options are now available through the Appearance => Customize tab, an exciting new system offering live preview for many of the changes. The Contact form and associated Captcha was removed, but is now available to download as a plugin, and you will quickly be able to set up your contact form.

Take it for a spin and let me know what you think.

blogBox Download

WordPress Customizer Setup  0

WordPress.org recently announced that all new themes will be required to use the Customize API as an interface for theme options.

See New Theme Settings Customizer Guideline

All new themes must immediately adhere to the requirement, and all existing themes will be required to convert on the first update after October 21st (6 months from now).

Theme Customizer is a great interface and I totally support the decision. It is much simpler then developing a custom panel system as was done in the past. Once you have been through setting up theme options using the Customize interface, you will feel much more in control of your options system.

The Panache WordPress Theme, recently approved at WordPress.org, uses the Customize System to create a multi-panel multi-section system in the Customize interface. I have taken that system and adapted it so you can use to set up your options for your theme.

Features:

  • one panel/one section to multi panel/multi section
  • data sanitization
  • use theme_mods table or separate table or both
  • controls offered
    • text – email
    • text – nohtml
    • text – html
    • textarea – nohtml
    • image
    • file upload
    • media upload
    • select list
    • radio list
    • checkbox
    • range slider
    • category list
    • tag list
    • color picker
  • The setup system uses sane defaults
  • All options collected in a single array variable for use throughout the theme
  • The option system also allows you to attach an html script to the first panel, ideal when offering theme links and a PayPal button

Options saved to the theme_mods table will allow you to create different looks for your site, as they will be setup for the theme and will also need to be setup in each child theme. Options saved to the separate options table will carry through to the child themes as well.

The system does not include any code for the Customize Live preview panel. All options will load on page refresh. However you can set up your options using ‘transport’=>’postMessage’ and then provide the code to make the CSS changes live. See Codex Customize API

As a developer, I strongly suggest you learn how to setup a customize system from scratch. It will help you understand the code in this download. If you only have a few options then don’t use this setup system, do it yourself from scratch. This setup system will really come in handy if you are developing a theme with a lot of options.

Download




Set up – New options system

  • Download the file and unzip it.
  • Put the kha-customizer.php file in a folder within your theme folder, this is ususally /themes/YourTheme/includes/ or something like that
  • Add the following to the top of your functions file and replace themeslug with yourthemeslug :)
  • Do a search and replace on themeslug with your themeslug
    • If your theme slug is hyphenated, such as your-themeslug, make sure all text domains are your-themeslug, and all function and variable prefixes are your_themeslug
  • Setup your panels and sections
  • Setup your options

Default Settings

I would advise against saving any options at this time because you will be changing setup options.

KA WordPress Customize Setup is initially setup with three panels to get you started. If you went into “Appearance=>Customize” at this time you would see the following :

customizer4

Add HTML block to Customize Panel

This function allows you to add a block of HTML script to the top of the first panel you create. It allows you as a developer to add the theme links and even a PayPal button if you want.

  • make sure that panel1 in the add_action() is replaced with the id/name of your first panel
  • replace themeslug with yourthemeslug
  • modify the links to the links you want
  • add your PayPal link if you want

Set Up your Panels

The first panel is shown below, with two sections

  • replace themeslug with yourthemeslug
  • Fill in the panel and section information as shown by the comments
  • Add sections and panels
  • delete any of the panel/section code that you do not require

Set up your options

Example code for the first select option is shown below.

  • Change themeslug to yourthemeslug
  • Fill out the option info as per the comments
  • repeat for the options you want
  • Delete any options you do not want

Users who are updating existing options

Be very careful wen you are switching to the Customize API with an existing set of options.
  • Make sure the save option corresponds to the table you are using
    • ‘save’=>’theme_mods’ to use the theme_mods table
    • ‘save’=>’option’ to use the separate table
  • Make sure your options have exactly the same name or you will not be able to access them
  • If using a separate table make sure you are using exactly the table name you are saving your existing options under
    • search and replace ‘themeslug_customize_options’ with your table name
  • Deactivate your settings API by commenting out (initially) the file loads for your options
  • Make sure you have gone through your theme and are using your options with the appropriate setup function
  • test…..test…..test
  • After successful testing delete all the replaced options setup files and references
All comments and suggestions welcome :)

Testimonial Basics Version 4.1.5  0

Changelog

  • added height: auto; to avatar styles
  • Revamped schema for the new set up and tested every layout for the content and widgets with the structured data testing tool
  • Modified the content display code separating the ratings display from within the title block to its own function and block
  • Added some slight css changes to accommodate the content display changes
  • Updated copyright to 2015

Panache WordPress Theme Version 1.0.8  1

I am very excited to announce that Panache, my latest WordPress Theme has been approved at WordPress.org.


Visit the Demo Site Theme Features Download Theme

For a hobby programmer like myself, a theme like Panache is a huge undertaking. I started developing the theme to use on my daughters website at Paper Panache Invitations & Design Ltd. There were a lot of great themes out there, but in the end there would be some custom requirements and so we decided to take a run at another WordPress Theme. That was over a year ago. I love WordPress and with a steady influx of self learning over the past 4 years, I feel I have become pretty darned good at it. This theme is I think a very good theme, offering incredible flexibility. I like to think that it is widely adaptable to any user experience levels, but that will play out in the next year. Developers will find great flexibility in layouts and in options, and it is child theme ready.

I hope you enjoy the theme, take it for a spin and let me know what you think. I’m open to suggestions for improvements and would of course appreciate hearing about any bugs, which I will fix. Also take a look at the number of files and lines of code, and you will see why it took a year. If you like the theme and are using it, go to the download page and send me a donation. I don’t make any money at this, if I was doing this for a living I would be dead of starvation long ago. However the Superfish, Colorbox, FitVid, Slick Nav, Flex Slider, and Nivo Slider plugins used in Panache are all coded by great folks in the business, and I would like to pass a few bucks there way.

Page 1 of 1512345...10...Last »