Thumbnail Based Archives - Workflow: WordPress

Expand All Sections Collapse All Sections

Next Article

20 Steps to a Flexible and Secure WordPress Installation
In Articles, Tutorials
Related Articles
Related Articles
- Randomized Grid of Posts
  
  5537 readersI’m all about tinkering with different ideas to display posts with WordPress. After all, it’s just a bunch of data at our fingertips! WordPress makes it easy to output whatever we need. Not long ago we experimented with making a Thumbnail Based Archives. Now let’s build a Randomized Grid Archives. 1. Create a page template,
- Display Post Thumbnail Also In Edit Post and Page Overview
  
  1347 readersWordPress version 2.9 introduced the function of Post Thumbnail. We wrote about this feature in this post and here and also in many other blogs. I find it an advantage, if the overview of articles and pages also provides the associated thumbnail. Therefore, I would like to introduce a small code snippet that makes just
- Quick Tip: Making a Fancy WordPress Register Form from Scratch
  
  4057 readersIn this tutorial, I will guide you through the process of making a beautiful “Register” form, using Fancybox, jQuery, and, of course, WordPress. As you’ll find, the process is really quite simple. Step 1. The Markup First, let’s place our button at the top of the page, replacing the default description in the theme. <div
- Show Post Thumbnails in Feeds
  
  5937 readersOne of the nice things about using WordPress’ new post-thumbnails feature is that they provide tons of flexibility in terms of where and how you display your post thumbnails. By design, post thumbnails are not included within post content, so they will not be displayed in your blog posts unless you call them specifically with
- Dynamic Archives
  
  3917 readersHave you ever seen WordPress archives where you select something (usually a month/year) from a dropdown and it takes you to a page where you can view that? It’s fairly common. WordPress almost has built in functionality for it, since you can specifically tell the wp_get_archives() function that you want the values to be returned
- Add TinyMCE editor to post/page title input field
  
  6376 readers ( example screenshot )PHP function tinymce_title_js(){ ?> jQuery(document).ready( tinymce_title ); function tinymce_title() { jQuery("#title").addClass("mceEditor"); tinyMCE.execCommand("mceAddControl", false, "title"); } #titlewrap{border:solid 1px #e5e5e5 !important;} tr.mceLast{display:none;} #title_ifr{height:50px !important;}
- Google Maps Shortcode
  
  2910 readersDavid Hollander of SparkWeb Interactive sent us in a little code clip for inserting Google Maps into Posts/Pages by the use of shortcodes. Google actually has copy-and-pastable iframe code already in Google Maps that is really easy to snag, but David was having problems with the Visual text editor screwing up the code when saving
- How to easily create charts using jQuery and HTML5
  
  3926 readersFor years, Flash was the only solution to display a dynamic chart on a website. But thanks to modern techniques, the dying Flash isn't needed anymore. In this tutorial, I'll show you how easy it is to transform a basic HTML table into a profesionnal looking chart using visualize.js, a very useful jQuery plugin.Like CatsWhoCode?
- Custom Page Titles from Scratch
  
  3562 readersThe titles of pages are controlled by the <title> tag in the <head> section of a website. They are important for all kinds of reasons. Telling the user where they are. The name of the page when bookmarked both locally and socially. They are important for SEO. So how do we typically handle page
- Creating custom styles drop down in TinyMCE
  
  12517 readers ( example screenshot )PHP function themeit_mce_buttons_2( $buttons ) { array_unshift( $buttons, 'styleselect' ); return $buttons; } add_filter( 'mce_buttons_2', 'themeit_mce_buttons_2' ); function themeit_tiny_mce_before_init( $settings ) { $settings['theme_advanced_blockformats'] = 'p,a,div,span,h1,h2,h3,h4,h5,h6,tr,'; $style_formats = array( array( 'title' => 'Button', 'inline' => 'span', 'classes' =>