UU2014 WordPress Theme Release 1.3.8 – Printing & Bug Fixes

printing1Release 1.3.8 is currently available on WordPress.org and includes the following fixes and improvements:

  • Fixed bug with customizer feature to hide bylines
  • Added four new customizer options to hide posted-on dates, post-formats, categories, and tags on posts
  • Added CSS to show posts flagged as “sticky” with an ivory background
  • Made a subtle change to the background color to make it a bit lighter and very slightly ivory.
  • Add CSS for printing - it removes most of the header and all of the sidebars and footer so that you are printing the content, not the stuff around the content. It also tries to add a Google QR code to the top-right of your printout.

UU2014 WordPress.org Release 1.3.7 - New Mobile Menu


  • reorderIntroduced a new menu for mobile use that improves usability and accessibility. The previous menu had issues with spotty double-tap support on some mobile devices and the menu fonts were too small to easily tap. The new menu utilizes the same accessible JavasScript but clicking the menu button creates a simpler tree of all menu links. The size and visual contrast of the button and menu links have all been substantially increased (100% white on 100% back). Like the previou menu, the menu is accessible by keyboard navigation even on mobile devices.
  • Replaced triangle .gif files with use of WordPress’s built-in Dashicons font.
  • Added control to the customizer that allows users to clear all theme customizations.
  • Mobile CSS now kicks in at 782px just like WordPress’s mobile UI

How to use your own image next to the title in the UU2014 theme

picture13I am often asked how users can use their own image next to the title in the UU2014 theme.  If you create a Text Widget in your Footer Widget Area, you can paste the following JavaScript:

<script> document.getElementById("site-title-image").src = "/wp-content/themes/uu-2014/images/UUA_Symbol_dark_148_200.png"; </script>

Here I am changing the title image to a image that is normally in the background of the footer but you can replace the image location on the right with any image URL.  Make sure you are using the latest version of the theme because I changed the title image ID in version 1.3.6.

UU2014 WordPress Theme Release 1.3.6 - Fonts

Screenshot of Typecase plugin, Credits: UpThemes
Screenshot of Typecase plugin, Credits: UpThemes

Release 1.3.6 has been submitted to WordPress.org and should be released to users shortly.  This release is largely related to customization of font sizes and font families.

  • Added extensive controls in the WordPress Customizer that allow users to pick both font-sizes and font-families. The theme now includes customizer controls for the font-sizes but modifications to font-families is done through theme support for the Typecase Web Fonts plugin. There are also separate customizer controls for all the font-sizes when viewed on mobile devices. The theme defines many different theme regions and each region can have a different font-family (through the plugin), font-size, and mobile font-size.
  • Synced theme with recent updates to the _s framework.
  • Cleaned up a lot of CSS that was in the way when customizing fonts. The theme now sets the default font families in only two places. Any changes the theme was making to the default _s font sizes have been removed from style.css and are now set by the customizer CSS.
  • Improved CSS for the new version of Featured Articles Lite plugin. Fixed issue that was causing large gaps when post titles wrapped. Like elsewhere, users can now control the font sizes and font families for the plugin in the customizer.
  • Fixed issue in the post editor where the screen flickered when you clicked in the editor and CSS styles were applied. The editor is much more likely now to display exactly like posts on the front-end.
  • Improved support for post formats. Image posts are displayed in single posts and lists using the new content-image.php template.
  • Eliminated the content-single.php template and added an if condition to content.php to handle single posts. Single.php now uses post formats to pick the best content template.
  • For post types other than standard, content.php will now display a link that users can click to display posts of that type.

UU2014 Release 1.3.3

wordpress-logo-simplified-rgb[1]Release 1.3.3 has been submitted for review to WordPress.org and users will hopefully be notified shortly about the new version.  This release includes the following updates:

  • Added two additional widget areas. The new areas are above and below the primary content area on pages and single posts. These areas are ideal for slideshow widgets (both Cyclone Slider and Featured Articles Lite work well) or social media sharing buttons. These areas address issues that slider plugins can have when they try to automatically inject themselves in posts/pages.
  • Added tight integration for the Page Builder plugin by SiteOrigin. This plugin is now automatically recommended by the theme but is not required and you can disable the prompt to install it. This plugin allows users to create advanced responsive, multi-column layouts very easily. You can see the plugin in use on the homepage of uuwp.org. A row-style has been added that surrounds widgets in a border. Users who do not use a primary left sidebar on pages should especially find this plugin helpful for laying out their full-width pages. This plugin can cause issues with other plugins that attempt to hook into the main loop and that is one reason I added the new content header and footer widget areas.
  • Fixed CSS for the Featured Articles Lite plugin when used with this theme. The theme has specific CSS rules to optimize both the 2.4.x and new 3.x versions of Featured Articles Lite. Be aware that the new version of the plugin has fewer FA themes. For version 3.x only the new “Simple” theme is optimized but it looks modern and polished so that isn’t a big problem. New instructions with recommended settings for the plugin will be posted to uuwp.org.
  • Further optimized images with the EWWW plugin to reduce size
  • Fixed a missing function for posts with the image post-type
  • Removed Meteor Slides customization since it has not been needed since implementing a header widget area
  • Updated TGM Plugin Activation library to avoid theme check errors

Tip for how to add online signups for events

Google Forms LogoMy favorite approach is to use Google Forms. I am also a scout leader and we use Google Forms on our website to create signups for all of our events. However, we don’t accept payments that way. For payment we put a message on the form and confirmation page with instructions on how to mail payment or pay on the website through a more generic PayPal link. The reason that we like it so much is that it makes it easy to view the results because they show up in a simple spreadsheet. We have also used this approach for our congregation but it is not as popular because we have more people with limited computer skills. For scouts we have not had a problem with only having online registrations but the demographics are different for parents versus a whole congregation.

  • Here is an example from my Cub Scout Pack
  • Here is an example from my congregation
  • He is an example for some training I was giving

BTW, the URLs above were very long so I fed them into goo.gl which will give you a nice short URL and also let you track how many people have clicked on the link.

Dan Flippo

Suggestions on Previewing and Migrating to the UU2014 Theme

open97WordPress does have a theme preview feature but it is limited. If you go into themes, you can add a second theme to WordPress and click the “Live Preview” button. It is limited because I don’t think you can go into the theme customizer to change settings. I would use a plugin ( https://wordpress.org/plugins/underconstruction/ ) to disable the front-end for users while you make changes. Such plugins usually allow logged-in users to see the site but not end-users. If you decide you aren’t ready, you can switch back to the old theme. Another option is to clone your WordPress site to another server and work out the kinks there beforehand. You would then develop a script of things to manually change/fix on your production site. What I have personally done is use Instant WordPress (http://www.instantwp.com/) to create my own local copy of WordPress on my laptop. You can use export/import to migrate content to the clone or you can use a more robust migration tool called Duplicator (https://wordpress.org/plugins/duplicator/). I don’t migrate back up to production using Duplicator because I’m not 100% sure I want to put that much faith in the tool. Typically the changes aren’t hard to replicate manually as long as I have notes to work from.