Perhaps you have an events custom post type registered with WordPress. Perhaps you are using the date field for Advanced Custom Fields. I’d wager a guess you want to get all the events that have a date greater than (in the future) the current date. Who cares about past events? [code] $today = date(‘Ymd’); […]
WordPress Plugin that validates images. Configure minimum image upload size on the settings page for post types and custom fields. Current Version: 0.1.0 Github Page:https://github.com/justinwhall/wordpress-min-image-upload-size About WordPress’ add_image_size() function is great. There is however, one problem. Take, for instance, the following function. [code] function my_theme_setup() { add_theme_support( ‘post-thumbnails’ ); add_image_size( ‘slider’, 1500, 800, true ); […]
But wait a minute I’m WordPress is running locally. Perhaps on MAMP? [php] define(‘FS_METHOD’,’direct’); [/php] What is it? According to WordPress.org: (Primary Preference) “direct” forces it to use Direct File I/O requests from within PHP, this is fraught with opening up security issues on poorly configured hosts, This is chosen automatically when appropriate. Here’s the […]
[css] @media(max-width:767px){} @media(min-width:768px){} @media(min-width:992px){} @media(min-width:1200px){} [/css] If you’re using SASS or LESS. [css] @media(max-width: @screen-xs-max){} @media(min-width: @screen-sm-min){} /* deprecated: @screen-tablet, or @screen-sm */ @media(min-width: @screen-md-min){} /* deprecated: @screen-desktop, or @screen-md */ @media(min-width: @screen-lg-min){} /* deprecated: @screen-lg-desktop, or @screen-lg * [/css]
We’ve all heard of it. Most sites are using it. It’s called HTML5 and more specifically for this post – HTML5 Video. For maximum browser support, use three types of video. Add them as <source> tags, wrap them all up in a video tag and you’re off and running. In its simplest form, a HTML5 […]
I frequently use Rachel Bakers BootstrapWP which is a great development theme for Responsive WordPress Design. There’s also a branch that comes with all the components of bootstrap 3. Still though no fade transition for the build in slider or carousel. This is easily fixed with a bit of CSS. [css] .carousel-fade .carousel-inner .item { opacity: […]
I love Twitter Bootstrap. The button classes are hugely convenient and the CSS3 animation is a great touch. Bootstrap comes with a few different default button colors you can implement by using the built in CSS classes. [html] //Default gray button <button class="btn">Primary</button> //Blue button <button class="btn btn-primary">Primary</button> //Orange button <button class="btn btn-warning">Warning</button> //Red button […]
A warranted preface on media queries and responsive design Does a responsive design with a view full site link really make sense? As developers (and UI/UX designers) shouldn’t we be using the media queries to present information in a pleasant and effective manner for each and and every screen size? If you subscribe to the philosophy of ‘responsive design’, than yes. And […]
Loads all images in a specified directory and creates a slide show Current Version: 0.9 Github Page: https://github.com/justinwhall/directorySlider About I occasionally work on an application that is, for all intent and purposes, a CMS. This application and its subsequent ‘sites’ all use the same exact markup. There is some flexibility with some custom fields, but for reasons […]
Sometimes the native out-of-the-box WordPress Taxonomies ‘Categories’ & ‘Tags’ just don’t make sense when structuring the content. Or maybe, said taxonomies play an explicit role in dynamically generated content and you need to make is EXTRA clear to the end user what exactly these ‘tags’ or ‘categories’ actually DO? A recent example was website where categories where […]