Skematik Theme Famework

For those of you using the Skematik theme framework, I’m sure you’ve noticed a huge LACK OF SUPPORT from Matt Jones (the author), I’ve taken the liberty of making a picture of all the icons with their shortcodes.  You can figure out the size, float, and color just by looking at the other dropdowns.  I hope you find it useful.  I’m also going to investigate the jumbotron, flexslider, and video-modals extensions to see what else I can come up with that might be useful.

 icons

Here are some comments to Matt Jones for Skematik:

First of all, WHERE THE HELL ARE YOU?

There are three topics in the flexslider forum that haven’t been answered yet.   The most recent one is almost 4 months old.

There are three topics in the masthead/jumbotron forum, one has been answered by the one who asked the question.  The one unanswered is 2 1/2 months old.

Site Title and Tagline:
I’d like to see font, color, and font size options for site title and tagline.

Logo:
Add option for Logo to “above” or “below” the navbar, in addition to “In”.  Outside only puts it below the navbar.
Logo Height?
When selecting “outside” the top of Logo is hidden by the navbar.

Navbar color: Color wheel for text, background, and hover text and background options

How about the option of using the parent and order settings we’ve already put into the pages?  This is a core feature of WordPress, and we shouldn’t have to go make a menu for this.  I made a menu, including all pages, and it showed child pages as top level pages.

Typography:
Text size and line height are limited by your dropdowns.  Let us type them in.

Buttons:
“style” is really a button color, and is limited to only 7 colors.  Why not a color wheel?

What are all of the shortcodes for the theme itself?
What are the shortcodes for the marque?
What are the shortcodes for the flexslider?  Border sizes, colors, timing, alignment, etc.
What are the shortcodes for video modals?

How about pictures/names of all the icons you can use for buttons?  I’ve provided that for you now.  Feel free to use the image above.

On the carousel gallery, we have to know the actual IDs of the photos we want?  How about using the insert media functions?  Can we turn the titles off?

 

If you’d like to make your own page with all of these icons, here’s the code:
[row][column span=”2″][icon type=”adjust” size=”default” float=”none” color=”default”] adjust[/column][column span=”2″][icon type=”align-center” size=”default” float=”none” color=”default”] align-center [/column][column span=”2″][icon type=”align-justify” size=”default” float=”none” color=”default”] align-justify[/column][column span=”2″][icon type=”align-left” size=”default” float=”none” color=”default”] align-left[/column][column span=”2″][icon type=”align-right” size=”default” float=”none” color=”default”] align-right[/column][column span=”2″][icon type=”arrow-down” size=”default” float=”none” color=”default”] arrow-down[/column][/row][row][column span=”2″][icon type=”arrow-left” size=”default” float=”none” color=”default”] arrow-left[/column][column span=”2″][icon type=”arrow-right” size=”default” float=”none” color=”default”] arrow-right[/column][column span=”2″][icon type=”arrow-up” size=”default” float=”none” color=”default”] arrow-up[/column][column span=”2″][icon type=”asterisk” size=”default” float=”none” color=”default”] asterisk[/column][column span=”2″][icon type=”backward” size=”default” float=”none” color=”default”] backward[/column][column span=”2″][icon type=”ban-circle” size=”default” float=”none” color=”default”] ban-circle[/column][/row][row][column span=”2″][icon type=”barcode” size=”default” float=”none” color=”default”] barcode[/column][column span=”2″][icon type=”bell” size=”default” float=”none” color=”default”] bell[/column][column span=”2″][icon type=”bold” size=”default” float=”none” color=”default”] bold[/column][column span=”2″][icon type=”book” size=”default” float=”none” color=”default”] book[/column][column span=”2″][icon type=”bookmark” size=”default” float=”none” color=”default”] bookmark[/column][column span=”2″][icon type=”briefcase” size=”default” float=”none” color=”default”] briefcase[/column][/row][row][column span=”2″][icon type=”bullhorn” size=”default” float=”none” color=”default”] bullhorn[/column][column span=”2″][icon type=”calendar” size=”default” float=”none” color=”default”] calendar[/column][column span=”2″][icon type=”camera” size=”default” float=”none” color=”default”] camera[/column][column span=”2″][icon type=”certificate” size=”default” float=”none” color=”default”] certificate[/column][column span=”2″][icon type=”check” size=”default” float=”none” color=”default”] check[/column][column span=”2″][icon type=”chevron-down” size=”default” float=”none” color=”default”] chevron-down [/column][/row][row][column span=”2″][icon type=”chevron-left” size=”default” float=”none” color=”default”] chevron-left [/column][column span=”2″][icon type=”chevron-right” size=”default” float=”none” color=”default”] chevron-right[/column][column span=”2″][icon type=”chevron-up” size=”default” float=”none” color=”default”] chevron-up[/column][column span=”2″][icon type=”circle-arrow-down” size=”default” float=”none” color=”default”] circle-arrow-down[/column][column span=”2″][icon type=”circle-arrow-left” size=”default” float=”none” color=”default”] circle-arrow-left[/column][column span=”2″][icon type=”circle-arrow-right” size=”default” float=”none” color=”default”]circle-arrow-right[/column][/row][row][column span=”2″][icon type=”circle-arrow-up” size=”default” float=”none” color=”default”] circle-arrow-up[/column][column span=”2″][icon type=”cog” size=”default” float=”none” color=”default”] cog[/column][column span=”2″][icon type=”comment” size=”default” float=”none” color=”default”] comment[/column][column span=”2″][icon type=”download” size=”default” float=”none” color=”default”] download[/column][column span=”2″][icon type=”download-alt” size=”default” float=”none” color=”default”] download-alt [/column][column span=”2″][icon type=”edit” size=”default” float=”none” color=”default”] edit[/column][/row][row][column span=”2″][icon type=”eject” size=”default” float=”none” color=”default”] eject[/column][column span=”2″][icon type=”envelope” size=”default” float=”none” color=”default”] envelope[/column][column span=”2″][icon type=”exclamation-sign” size=”default” float=”none” color=”default”] exclamation-sign[/column][column span=”2″][icon type=”eye-close” size=”default” float=”none” color=”default”] eye-close[/column][column span=”2″][icon type=”eye-open” size=”default” float=”none” color=”default”] eye-open[/column][column span=”2″][icon type=”facetime-video” size=”default” float=”none” color=”default”] facetime-video[/column][/row][row][column span=”2″][icon type=”fast-backward” size=”default” float=”none” color=”default”] fast-backward[/column][column span=”2″][icon type=”fast-forward” size=”default” float=”none” color=”default”] fast-forward [/column][column span=”2″][icon type=”file” size=”default” float=”none” color=”default”] file[/column][column span=”2″][icon type=”film” size=”default” float=”none” color=”default”] film[/column][column span=”2″][icon type=”filter” size=”default” float=”none” color=”default”] filter[/column][column span=”2″][icon type=”fire” size=”default” float=”none” color=”default”] fire[/column][/row][row][column span=”2″][icon type=”flag” size=”default” float=”none” color=”default”] flag[/column][column span=”2″][icon type=”folder-close” size=”default” float=”none” color=”default”] folder-close [/column][column span=”2″][icon type=”folder-open” size=”default” float=”none” color=”default”] folder-open[/column][column span=”2″][icon type=”forward” size=”default” float=”none” color=”default”] forward[/column][column span=”2″][icon type=”fullscreen” size=”default” float=”none” color=”default”] fullscreen[/column][column span=”2″][icon type=”gift” size=”default” float=”none” color=”default”] gift[/column][/row][row][column span=”2″][icon type=”glass” size=”default” float=”none” color=”default”] glass[/column][column span=”2″][icon type=”globe” size=”default” float=”none” color=”default”] globe[/column][column span=”2″][icon type=”hand-down” size=”default” float=”none” color=”default”] hand-down[/column][column span=”2″][icon type=”hand-left” size=”default” float=”none” color=”default”] hand-left[/column][column span=”2″][icon type=”hand-right” size=”default” float=”none” color=”default”] hand-right[/column][column span=”2″][icon type=”hand-up” size=”default” float=”none” color=”default”] hand-up[/column][/row][row][column span=”2″][icon type=”hdd” size=”default” float=”none” color=”default”] hdd[/column][column span=”2″][icon type=”headphones” size=”default” float=”none” color=”default”] headphones[/column][column span=”2″][icon type=”heart” size=”default” float=”none” color=”default”] heart[/column][column span=”2″][icon type=”home” size=”default” float=”none” color=”default”] home[/column][column span=”2″][icon type=”icon-font” size=”default” float=”none” color=”default”] icon-font[/column][column span=”2″][icon type=”inbox” size=”default” float=”none” color=”default”] inbox[/column][/row][row][column span=”2″][icon type=”indent-left” size=”default” float=”none” color=”default”] indent-left[/column][column span=”2″][icon type=”indent-right” size=”default” float=”none” color=”default”] indent-right [/column][column span=”2″][icon type=”info-sign” size=”default” float=”none” color=”default”] info-sign[/column][column span=”2″][icon type=”italic” size=”default” float=”none” color=”default”] italic[/column][column span=”2″][icon type=”leaf” size=”default” float=”none” color=”default”] leaf[/column][column span=”2″][icon type=”list” size=”default” float=”none” color=”default”] list[/column][/row][row][column span=”2″][icon type=”list-alt” size=”default” float=”none” color=”default”] list-alt[/column][column span=”2″][icon type=”lock” size=”default” float=”none” color=”default”] lock[/column][column span=”2″][icon type=”magnet” size=”default” float=”none” color=”default”] magnet[/column][column span=”2″][icon type=”map-marker” size=”default” float=”none” color=”default”] map-marker[/column][column span=”2″][icon type=”minus” size=”default” float=”none” color=”default”] minus[/column][column span=”2″][icon type=”minus-sign” size=”default” float=”none” color=”default”] minus-sign[/column][/row][row][column span=”2″][icon type=”move” size=”default” float=”none” color=”default”] move[/column][column span=”2″][icon type=”music” size=”default” float=”none” color=”default”] music[/column][column span=”2″][icon type=”off” size=”default” float=”none” color=”default”] off[/column][column span=”2″][icon type=”ok” size=”default” float=”none” color=”default”] ok[/column][column span=”2″][icon type=”ok-circle” size=”default” float=”none” color=”default”] ok-circle[/column][column span=”2″][icon type=”ok-sign” size=”default” float=”none” color=”default”] ok-sign[/column][/row][row][column span=”2″][icon type=”pause” size=”default” float=”none” color=”default”] pause[/column][column span=”2″][icon type=”pencil” size=”default” float=”none” color=”default”] pencil[/column][column span=”2″][icon type=”picture” size=”default” float=”none” color=”default”] picture[/column][column span=”2″][icon type=”plane” size=”default” float=”none” color=”default”] plane[/column][column span=”2″][icon type=”play” size=”default” float=”none” color=”default”] play[/column][column span=”2″][icon type=”play-circle” size=”default” float=”none” color=”default”] play-circle[/column][/row][row][column span=”2″][icon type=”plus” size=”default” float=”none” color=”default”] plus[/column][column span=”2″][icon type=”plus-sign” size=”default” float=”none” color=”default”] plus-sign[/column][column span=”2″][icon type=”print” size=”default” float=”none” color=”default”] print[/column][column span=”2″][icon type=”qrcode” size=”default” float=”none” color=”default”] qrcode[/column][column span=”2″][icon type=”question-sign” size=”default” float=”none” color=”default”] question-sign[/column][column span=”2″][icon type=”random” size=”default” float=”none” color=”default”] random[/column][/row][row][column span=”2″][icon type=”refresh” size=”default” float=”none” color=”default”] refresh[/column][column span=”2″][icon type=”remove” size=”default” float=”none” color=”default”] remove[/column][column span=”2″][icon type=”remove-circle” size=”default” float=”none” color=”default”] remove-circle[/column][column span=”2″][icon type=”remove-sign” size=”default” float=”none” color=”default”] remove-sign[/column][column span=”2″][icon type=”repeat” size=”default” float=”none” color=”default”] repeat[/column][column span=”2″][icon type=”resize-full” size=”default” float=”none” color=”default”] resize-full[/column][/row][row][column span=”2″][icon type=”resize-horizontal” size=”default” float=”none” color=”default”] resize-horizontal[/column][column span=”2″][icon type=”resize-small” size=”default” float=”none” color=”default”] resize-small [/column][column span=”2″][icon type=”resize-vertical” size=”default” float=”none” color=”default”] resize-vertical[/column][column span=”2″][icon type=”retweet” size=”default” float=”none” color=”default”] retweet[/column][column span=”2″][icon type=”road” size=”default” float=”none” color=”default”] road[/column][column span=”2″][icon type=”screenshot” size=”default” float=”none” color=”default”] screenshot[/column][/row][row][column span=”2″][icon type=”search” size=”default” float=”none” color=”default”] search[/column][column span=”2″][icon type=”share” size=”default” float=”none” color=”default”] share[/column][column span=”2″][icon type=”share-alt” size=”default” float=”none” color=”default”] share-alt[/column][column span=”2″][icon type=”shopping-cart” size=”default” float=”none” color=”default”] shopping-cart[/column][column span=”2″][icon type=”signal” size=”default” float=”none” color=”default”] signal[/column][column span=”2″][icon type=”star” size=”default” float=”none” color=”default”] star[/column][/row][row][column span=”2″][icon type=”star-empty” size=”default” float=”none” color=”default”] star-empty[/column][column span=”2″][icon type=”step-backward” size=”default” float=”none” color=”default”] step-backward[/column][column span=”2″][icon type=”step-forward” size=”default” float=”none” color=”default”] step-forward [/column][column span=”2″][icon type=”stop” size=”default” float=”none” color=”default”] stop[/column][column span=”2″][icon type=”tag” size=”default” float=”none” color=”default”] tag[/column][column span=”2″][icon type=”tags” size=”default” float=”none” color=”default”] tags[/column][/row][row][column span=”2″][icon type=”tasks” size=”default” float=”none” color=”default”] tasks[/column][column span=”2″][icon type=”text-height” size=”default” float=”none” color=”default”] text-height[/column][column span=”2″][icon type=”text-width” size=”default” float=”none” color=”default”] text-width[/column][column span=”2″][icon type=”th” size=”default” float=”none” color=”default”] th[/column][column span=”2″][icon type=”th-large” size=”default” float=”none” color=”default”] th-large[/column][column span=”2″][icon type=”th-list” size=”default” float=”none” color=”default”] th-list[/column][/row][row][column span=”2″][icon type=”thumbs-down” size=”default” float=”none” color=”default”] thumbs-down[/column][column span=”2″][icon type=”thumbs-up” size=”default” float=”none” color=”default”] thumbs-up[/column][column span=”2″][icon type=”time” size=”default” float=”none” color=”default”] time[/column][column span=”2″][icon type=”tint” size=”default” float=”none” color=”default”] tint[/column][column span=”2″][icon type=”trash” size=”default” float=”none” color=”default”] trash[/column][column span=”2″][icon type=”upload” size=”default” float=”none” color=”default”] upload[/column][/row][row][column span=”2″][icon type=”user” size=”default” float=”none” color=”default”] user[/column][column span=”2″][icon type=”volume-down” size=”default” float=”none” color=”default”] volume-down[/column][column span=”2″][icon type=”volume-off” size=”default” float=”none” color=”default”] volume-off[/column][column span=”2″][icon type=”volume-up” size=”default” float=”none” color=”default”] volume-up[/column][column span=”2″][icon type=”warning-sign” size=”default” float=”none” color=”default”] warning-sign [/column][column span=”2″][icon type=”wrench” size=”default” float=”none” color=”default”] wrench[/column][/row][row][column span=”2″][icon type=”zoom-in” size=”default” float=”none” color=”default”] zoom-in[/column][column span=”2″][icon type=”zoom-out” size=”default” float=”none” color=”default”] zoom-out[/column][/row]

Various links I’ve accumulated over the last few days

Not all WordPress related, but these are links to pages that I want to go back to, read, understand, and put to use. Sometimes, it’s no so much the article itself, as it is the comments on the article.

Various blog posts

Adaptive Images for Responsive Designs
Business Directory Plugin
Manage Your Posts Only in WordPress
Creating Tables with Plugins
WordPress Database Entity Relationship Diagram (ERD)
What’s the Deal With Display: Inline-Block?
Directory Site plugin
Google HTML/CSS Style Guide
Adding and using custom user profile fields
Custom user taxonomies in WordPress
Simple, easy to use, very extendable Options framework for WP themes.
WordPress local dev tips: DB & plugins
Survival guide for Unix newbies
HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript
Everything I wish someone had told me (about freelancing)
CSS Tools: Diagnostic CSS
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
* { box-sizing: border-box } FTW
WordPress code reference
13 wordpress directory plugins
CSSCrush: An extensible PHP based CSS preprocessor

Plugins in the repository

Capability Manager – custom roles and capabilities
Cimy User Extra Fields – Add some useful fields to registration and user’s info
Database Browser plugin
Debug Bar plugin – Adds a debug menu to the admin bar that shows query, cache, and other helpful debugging information.
If File Exists plugin
Peter’s Login Redirect plugin
Profile Pic plugin
Query Multiple Taxonomies plugin – Filter posts through multiple taxonomies.
Business Directory plugins
SetMore Appointments plugin – The SetMore plugin enables your customers to book appointments with you online via your WordPress website.
Taxonomy Widget plugin – Creates widgets for any public taxonomy. Display terms as an ordered list, unordered list, term cloud or dropdown menu.
Template Tag Shortcodes – A plugin that turns many of the WP template tags into shortcodes (40+ shortcodes).
Theme My Login plugin
Theme My Profile plugin
Custom Fields and Custom Post Types Management
User Info Display plugin – Displays user info using a shortcode and template tags
How to create user and registration module in wordpress

Tutorials

11 Quick Tips: Securing Your WordPress Site
Bill Erickson tutorials
Customizing the WordPress Query
How to Build A WordPress Theme From Scratch Part One
5 Things You Might Not Have Known You Could Do With WordPress
How To Make Your Own Events Listing Using Custom Post Types [WordPress]
Working With Custom Database Tables In WordPress
How to Create and use Custom Page Template in WordPress to Create a Sales Page

Best ever!, amazing, impossible, blah blah (and other assorted youtube tag words)

60 Best WordPress Plugins
25 Premium WordPress Plugins – To Put You A Step Ahead
7 Must See WordPress Plugins for Thesis
5 Must See Social Login Plugins for WordPress

Git

starter theme called _s, or underscores
Plugin that holds a site’s theme-independent functionality. Read more at http://www.billerickson.net
jaredatch / Custom-Metaboxes-and-Fields-for-WordPress
markjaquith / WP-TLC-Transients

Products

Gravity Forms form builder
CodeKit: It’s like steroids for web developers
OpenAppMkt is a marketplace for HTML5 mobile apps.
WordPress Theme Generator web app
WordPress Custom Post Type Code Generator web app

HTML9 Responsive Boilerstrap JS. “Oh, your head hasn’t exploded yet? This should do it.”

 

Various notes from WordCamp Austin 2012 (#wcatx)

Why WordPress Is A More Powerful Word Processor Than You Think – Brandon Kraft

Plugins to check out:
Tinymce advanced
Jet pack adds better spellcheck, proofread, embed other items
Crayon displays code hilited, line numbers
Edit flow helps setup workflow for editor, author, admin, etc.
Editorial calendar adds date reminders
Tinymce ultimate let’s you select which buttons you want, etc.
Page exclude adds a checkbox, “include this page in menus”, uncheck this to exclude pages from the page navigation that users see on your site.

Securing WordPress Is Easier Than Making Coffee – Chris Wiegman
Slides at http://www.slideshare.net/cwiegman/securing-word-press-is-easier-than-making-coffee

Plugin: Better WP Security at

http://wordpress.org/extend/plugins/better-wp-security/

Read the page. Watch the video. Install and activate the plugin. You won’t be sorry.

Just in case:
Periodically backup your uploads folder with FTP to your workstation. Also, your Custom themes and plugins, and your Database, of course. Keep a list of plugins you use in an unpublished post (use this to rebuild your site once the database is restored). Remove unused plugins and themes.

Detect:
Watch logs, patterns, spam counts, analytics

Recover:
Delete it all. Yes, EVERYTHING.
Reinstall WordPress, the database, and all the plugins (remember that unpublished post mentioned above?).
Upload media
Change the database password and your users’ passwords.

Other plugins to check out:

Login lockdown
http://wordpress.org/extend/plugins/login-lockdown/

WordPress https
http://wordpress.org/extend/plugins/wordpress-https/

WordPress firewall 2
http://wordpress.org/extend/plugins/wordpress-firewall-2/

Sucuri Sitecheck Malware Scanner
http://wordpress.org/extend/plugins/sucuri-scanner/

WordPress Backup to Dropbox
http://wordpress.org/extend/plugins/wordpress-backup-to-dropbox/

Read http://Codex.wp.org/hardening_wordpress

Things We Learned The Hard Way – Things WordPress Pros Wish They’d Known Years Ago – Presented by the Automattic Team (Pete and Evan at automattic.com)

Problems with Plugins:
Break with wp updates
Security probs
Slow

and themes:
Break with wp updates
Security probs
Slow

Don’t put all your faith in a plugin cause you’re at their mercy.
Plugins recommend by your client are probably a bad idea.
Don’t hesitate to pay for good plugin if it’s that helpful. $50 that saves an hour or two is well worth it, especially if you get paid more than $25/hour.
Usually, it’s best to not reinvent the wheel, but with plugins, you don’t know what you’re getting. It’s better to start fresh on writing your own plugin than starting out with someone else’s (which may have bugs), and modifying it.

Only use plugins from reputable sources. How do you tell which are reputable?

  • High download count
  • Gets updated regularly
  • Good rating by a high number of people
  • Community support is great

The same logic holds for themes, too.

Be selective when choosing clients
The client is never absolutely right
Always communicate

Free contract templates:
http://speckyboy.com/2010/08/12/5-free-to-use-freelance-design-contract-templates/

Code poet ebooks:
http://build.codepoet.com/2012/05/11/getting-pricing-right/
http://build.codepoet.com/2012/05/11/wordpress-meet-responsive-design/