Island Colors

The Bento Box Approach to SEO

Rvka — Fri, 23 Mar 2012 02:19:45 +0000

Thank you Maile Ohye for a solid Video

Not Your Grandfathers GIF

Rvka — Thu, 02 Feb 2012 19:12:04 +0000

Great TED Short

Rvka — Wed, 18 Jan 2012 21:45:27 +0000

Dear 16-Year Old Me

Powerful, Touching and Informative with over 5 million views

Once in a While Life Becomes Literature

Rvka — Mon, 16 Jan 2012 06:50:32 +0000

Norman MacLean – USFS 1919

The Truth about Redemption

Rvka — Sat, 14 Jan 2012 19:11:34 +0000

Is There Redemption for the Life of a Bad Man?

My heart always told me that people are inherently good … my experience suggest otherwise …

That Dirty Dash

Rvka — Mon, 09 Jan 2012 03:48:55 +0000

Kyle Andrews says it best in his song:

You Always Make Me Smile

Disable Autosave in WordPress

Rvka — Fri, 17 Jun 2011 02:03:10 +0000

To Autosave or Not

Wordpress has an autosave feature that will automatically save your content every 60 seconds. If you have ever made a big mistake while working on a post or article, autosave can be your White Knight saving you from hours of re-typing.

The problem arises if you have a lot of content that becomes malformed when it is saved in the editors visual mode. This content can be blocks of code, embedded in videos, even those pesky paragraph tags that

Adjust the Autosave Interval

There is no simple directive to turn off the WordPress autosave. You can change its interval from the standard 60 seconds to whatever you would like by simply putting the following directive in the wp-config.php file found in your WordPress root folder:

define('AUTOSAVE_INTERVAL', 360 );  // seconds

If you want to basically turn off autosave you can increase the Interval to some very high number. The other option is creating your own plugin.

Turn Off Autosave Altogether

Create a Simple Plugin

To just turn autosave off or disable it, you create your own simple 5 line plugin. To accomplish this you need to create a text file with the name of say turn-off-autosave.php. The next step you will copy the following code into this text file.

Thirdly, you will take this text file and place it in your WordPress plugin folder which is found inside the wp-content folder. Lastly, you will then activate this plugin by finding the name ‘Turn off Autosave’ in the inactive plugin list.

That is it.

iPad Layout CSS – Fix Using Viewport Meta Tag

Rvka — Wed, 15 Jun 2011 00:06:40 +0000

How to Fix the Right Side Gap in an iPad

When the Striking Theme was upgrade to Version 3.05, the theme layout broke in the iPad Mobile Safari and Firefox.

Renders Left Justified

By broke, I mean the layout was not centered in the viewport of the iPad. It acts as if it was left-justified causing s a slight gap on the right-side margin.

There is a CSS Fix

Yes, there is a CSS fix, but this may require putting an extra wrapper around the code and setting the body tag margins to auto. You can follow the thread here on Webmaster World or here at Stackoverflow

A Simpler Better Way

Use the Viewport Meta Tag

Yes, by using one of the new Safari browser directives – that Firefox mobile is supporting too. ALL you have to do is put the following somewhere in between the and in your template

For those of you using WordPress, insert the following in your function.php file

//////////////////////////////////////////////
/// Add the /viewport meta to the header
/////////////////////////////////////////////
add_action('wp_head', 'add_viewport_meta');

function add_viewport_meta() {
       echo "\n" . '' . "\n";		
}

Follow this link for page full of More Striking Theme WordPress Tips

Jquery Code Snippets

Rvka — Sat, 04 Jun 2011 01:34:26 +0000

My Favorite Jquery Code Snippets

The Web is a great place to find jQuery code snippets. It is truly amazing what some simple searches with Google will turn up. In the past I often find myself putting these jQuery code snippets or other bits of information in Gmail and then tagging them in the subject area.

Gmail, just wasn’t made for this function, even though there was lots and lots of free space to store content in. I recently found a better way using Evernote – see the bottom of this page for more details

The following are some of those handy bits of jQuery code snippets that I have in one of my Evernote notebooks.

jQuery Snippets

[toggle_content title="Open Prettyphotos on load"]

jQuery(document).ready(function($){
   // show a Youtube Video
    $.prettyPhoto.open('http://www.youtube.com/watch?v=hNDUNsBKSos', '', 'Click anywhere to skip intro...');
  // 1 second equals 1000 milliseconds movie is 15 seconds this works at 26400
    setTimeout("$.prettyPhoto.close()", 26400);
    });

[/toggle_content]
[toggle_content title="jQuery Delay like PHP Sleep"]

jQuery(document).ready(function($){
   $('.top_slide').slideUp(500).delay(700).fadeIn(400);
});

[/toggle_content]

[toggle_content title="Add Stripes to Table"]

jQuery(document).ready(function($){
      // Every other element will be selected
      // CSS would be  background: grey;
       $("tr:odd").addClass("odd");
    });

[/toggle_content]
[toggle_content title="Make HTML5 Work in IE"]

[/toggle_content]
[toggle_content title="Correctly Enqueue jQuery in WordPress"]

function my_jquery() {
    // don't replace Wordpress admin jQuery
if( !is_admin()){
        // get rid of old jQuery
   wp_deregister_script('jquery');
       // Register new one using google libs
   wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"), false, '1.6.1');
      // Enqueue new jQuery Script
   wp_enqueue_script('jquery');
}}
     // Add this Wordpress action to init 
     // NOT in wp_head !!!
    // anywhere else can cause problems
add_action('init','my_jquery');

[/toggle_content]
[toggle_content title="Ajax Load - No Iframe"]

$(document).ready(function(){
      $("#no_iframe").load("http://islandcolors.com/jquery-tips");
});

[/toggle_content]
[toggle_content title="Ajax Load - Fade In Fade Out Every 35 Seconds"]

$(document).ready(function(){
      $("#no_iframe").fadeOut('slow').load("http://islandcolors.com./jquery-tips").fadeIn('slow');
}, 45000);

[/toggle_content]

Top

Have You Tired Evernote?

EverNote

Searching for the information in Gmail with your homegrown Subject line tagging system is problematic , especially if you are using the native email client found on the iPad.

But, there is another way and that is with Evernote . What is nice about Evernote is that you can find it as an App on almost every mobile client that you could use - even Blackberry.

Does Evernote Work with Microsoft Mobile 7?

I just love that question. The question used to be 'Does it work with Mac OS ?' - Yes it does. And with ALL Mac devices. Than you very much.

I don't know if it does work on Microsoft's Mobile 7 and who cares anyway? - Well, yes it does work on Windows and Windows Mobile, but not Mobile 7.

Evernote is just a great way to capture everything; from web pages, iPhone photographs, scanned pieces of paper and pictures to verbal notes.

Gallery Format Post

Rvka — Fri, 27 May 2011 11:53:42 +0000

Simply upload images to a specific post in WordPress, and select the “Gallery” post format, and it will automatically turn into a nice slider. It also smoothly resizes the slider height depending on each image’s size.

Limit or Disable WordPress Post Revisions

Rvka — Wed, 25 May 2011 20:51:08 +0000

WordPress Perfectionist Beware

Getting your WordPress post just right takes a lot of time.

We all know that the editor has its quirks to say the least. By the time you have completed your 300 word article and then tweaked it for the 100th time you can end up with a lot of revisions.

If you are a perfectionist, you can have a very large database in no time. This can, in extreme circumstances, slow your site down.

Disable All Revisions

It is a shame that WordPress out of the box doesn’t have a way to turn on or turn off post revisions, or at the very least limit the number of revisions that will occur for each post.

They Gave Us ‘WP_REVISIONS’

Luckily, they have given us the ability to do both of those functions with the define(‘WP_POST_REVISIONS’), by either specifying ‘false’ or a number of revisions we want to keep for each post.

Use ‘false’ for No Revisions

//Disable the Wordpress  revisions feature.
define('WP_POST_REVISIONS', false);

I Want 8 Revisions for Each Post

// Set the number of Wordpress revisions
// Here we have 8
define('WP_POST_REVISIONS', 8);

Edit the wp-config.php File

Yes, sadly, you must access the wp-config.php file via FTP, and edit it with a text-editor. If you need to ask what is a text-editor and what is FTP, then I would advise not doing this. Find someone who can help you.

Step 1: Select wp-config.php

Using your trusty FTP program select the wp-config.php file – duplicate it first for insurance – and get it up into your text-editor. You should have no difficulty finding it.

Step2: Edit wp-config.php

Put it Where?

Once you have wp-config.php in your editor, you need to put the

define( 'WP_POST_REVISIONS')

someplace. Don’t fret just look where there is a statement starting with define and put it on the line below it. Remember to put the ‘ ; ‘ at the end of the statement.

In the above example we are using ‘false’ to indicate we don’t want any revisions kept. If you do want revisions – but not an unlimited, database crushing amount – set a number that makes sense to you. Remember you can always go back in and modify this number at a later date.

Once you save your wp-config.php file, you are finished for the day.

Deleting ALL those Revisions

A revision is a WordPress built-in Post Type –

post_type = 'revision'

. Each revision is saved with all of the different types of post types in one big MySQL table. Deleting them is relatively simple but dangerous. Here is what the MySQL command looks like.

// Remember the 'wp_' is the standard WP prefix.
// Yours should be different than the standard 'wp_'
// for security purposes
DELETE FROM wp_posts WHERE post_type = 'revision';

Not too complicated, you say. You are correct, but you can really mess things up if you are not careful.

Ready for phpMyadmin?

If you have to ask “My php what“, then you are not ready. There is a way with the WP-DBmanager plugin to execute the MySQL command without having to use phpMyadmin. Go ahead and install this Swiss Army Knife for managing your database – it has only been downloaded over 400,000 times, you think it might be good?

Backup, Backup and Backup

After installing and activating WP-DBmanager, backup your database before trying any of its many functions. Once you have completed the backup, read deleting WordPress post revisions – Did I tell you to Backup your database?

If you are in a hurry, and don’t want to mess around with DELETE MySQL commands, look at the box below for a ‘no risk way to delete all of those revisions’.

Did You Know:

Get Rid of Those Revisions Manually

Afraid of playing around with the DELETE MySQL Command? Who could blame you?

There is a manual way to get rid of all those revisions without coming within a Texas mile of a MySQL command.

Insert the define(‘WP_POST_REVISIONS’, 5); into your wp-config.php file with the number of revisions you want to keep – say 5 as an example.

Next go to the Post edit main page and delete everything in your Trash.

Next click on Title and select all your posts on the page. Go to the ‘Bulk Actions’ drop down list and select ‘Move to Trash’. Click on ‘Apply’.

Do this until all your Post are in the Trash – of course you do have a fresh backup of your database don’t you?

Lastly, select ‘Trash’ and then click on Title to select all of your Trashed posts.

Select ‘Restore’ from the Bulk Actions drop down list and click on Apply.

Continue doing the process until all of your post are restored.

Now, everyone of your Post will have no more than 5 revisions

Striking Theme – Add a Meta Box to Multiple Custom Post

Rvka — Mon, 23 May 2011 22:56:26 +0000

Multiple Custom Post Types

In a previous article I showed you how to add the Striking Theme‘s Shortcode Generator Meta box to an individual Custom Post Type – Can you believe all the WordPress jargon in this one sentence?

If you recall it was relatively simple using the

add_meta_box()

WordPress function:

add_action('admin_menu', 'shortcode_gen_to_post_types');

function shortcode_gen_to_post_types () {
     add_meta_box(
       'shortcode',
       __('Shortcode Generator','striking_admin'),
      'theme_shortcode_generator_iframe',
      'actooltip',
      'normal',
      'high'
      );
       }

The

add_meta_box

can only be used for one Custom Post Type (CPT) at a time. If you had three CPTs – ‘profiles’, ‘movies’ and ‘lunch_meats’ – you would have to create a function for each one or chain multiple

add_meta_box()'s

together in one function.

A Trick Pony will Do That

Yes, our Trick ‘PHP’ Pony can do that by grabbing the values of a multidimensional array using the PHP

foreach

statement. A multidimensional array? Maybe chaining the

add_meta_box

is an easier way to do this. You can learn a little about multidimensional arrays and the

foreach

statement if you want.

Step 1: Values You will need to Have

You will need the same values as were required for the Single Custom Post.

[list type="red"]

[li] The Metabox Name – ‘shortcode’ [/li]

[li] The Admin Name of the Metabox – _(‘Shortcode Generator’, ‘striking_admin’) [/li]

[li] The Metabox Function – ‘theme_shortcode_generator_iframe‘ [/li]

[li] The Custom Post Type Slug(s) – ‘profiles’, ‘movies’, ‘lunch_meats’ We will get Yours using the get_post_type() function [/li]

[li] The Metabox Location – ‘normal’ [/li]

[li] The Priority for the Metabox – ‘high’ [/li]

[/list]

We will replace ‘profiles’, ‘movies’, ‘lunch_meats’ with your CPT slugs, by selecting for ’_builtin’ Custom Post Types equals false argument in get_post_types() .This array will get all of the Custom Post Types not created by WordPress.

Step 2: Copy and Paste

Yes, lets copy and paste the following into your function.php file – you will find this in the following WordPress directory wp-content/themes/striking/function.php.

add_action('admin_menu', 'shortcode_gen_to_post_types');

function shortcode_gen_to_post_types () {

//	add_meta_box(
//		'shortcode',
//		__('Shortcode Generator','striking_admin'),
//		'theme_shortcode_generator_iframe',
//		'[custom post type slug]', // you can only put one value here
//		'normal',
//		'high'
//		);

//
///  The page string does not accept an array we will use a foreach loop
///  to create mulitpe boxes 
 $buitin = array('_builtin' => false,); //Get only non built-in CPT
 $post_names = get_post_types($buitin,'names'); //This will be the array of CPT names

$args = array(
    'id' => 'shortcode',
    'title' => __('Shortcode Generator','striking_admin'),
    'pages' => $post_names, //All of the non-builtin CPT are here
    'callback' => 'theme_shortcode_generator_iframe',
    'context' => 'normal',
    'priority' => 'high',
				);

foreach ($args['pages'] as $page) {
        add_meta_box($args['id'], $args['title'], $args['callback'], $page, $args['context'], $args['priority']);
    }
}

Step 3: We Love Get_Custom_Post_Types

Our Trick Pony is really doing its job with the get_custom_post_types() _builtin=> false. We can sit back and watch his moves and leave our brain in our pockets and not worry if we are missing any Custom Post Slugs.

Step 4: Start Using the Shortcode Generator

Now your Trick Pony should be working and you should have those nifty Striking Shortcodes available for your Custom Post Type and you should be making those incredible unique landing pages that will increase your ROI 100 fold.

I Want to Know:

Why did KaptinLIN design the Striking Theme with the shortcode generator in a metabox instead of in WSIWG Editor as an icon?

Maybe he is saving us from an upgrade nightmare when the next version of WordPress writes a complete makeover of the Editor?

Simple CSS Enhancments for Striking Theme

Rvka — Mon, 02 May 2011 01:07:08 +0000

CSS Changes to Enhance Striking Theme

The Striking Premium Theme by Kaptinlin is fast becoming my theme of choice. It is no secret that I’ve been a Thesis Framework for many years, but I am finding more-and-more that I am recommending the Striking Theme to my SMB clients.

PREMMISS: Use Only WordPress Editor – No FTP

The goal is to do all of these changes using only the WordPress built in Theme editor. I would highly recommend making your web site future proof by following Chris Pearson’s Guide to a Custom CSS file and Function file. But, this would require us to use a FTP client and some type of editor.

Before we start adding CSS Hacks we are gong to need to do the following simple steps to setup our workspace

Add the class custom to the body tag
Add the style.css into the header

Access the WordPress Theme Editor

Go to your WordPress Dashboard and on the left side do the following:

Appearance -> Editor

Next, look down the right side of the Editor and find:

Theme Functions(functions.php). The functions.php file will be loaded into the editor and you should see the following

init(array(
    'theme_name' => 'Striking', 
    'theme_slug' => 'striking'
));

Next add the following so that the the functions.php file looks like this:

init(array(
    'theme_name' => 'Striking', 
    'theme_slug' => 'striking'
));

///////////////////////////////////////
/// Attach body_class(custom) function
/// with filter so that custom class
//////////////////////////////////////
add_filter('body_class', 'custom_body_class');

function custom_body_class($classes) {
		$classes[] = 'custom';
			return $classes;
}
//////////////////////////////////////////////
/// Add the /style.css to the header
/////////////////////////////////////////////
add_action('wp_head', 'custom_css');

function custom_css() {
	echo "\n" . '' . "\n";

		
}

Start Using the Style.css File

Now Save the functions.php file and you are all setup to start using the style.css file for all your CSS modifications. You should see the following:

/*
Theme Name: Striking
Description: Designed by Kaptinlin.
Follow KaptinLin on Twitter for the updates.
 Get support from Forum.
Author: Kaptinlin
Version: 3.0.5
Author URI: http://themeforest.net/user/Kaptinlin
*/

Use .custom Prefix on all CSS Changes

From now on you will always use the .custom prefix on all modifications in the style.css file. The reason behind this is CSS’ built in specificity. So if you were going to change the footer id to not display you would in the past without the custom class in the body tag use the following CSS:

#footer {
  display:none;
}

Now you will always put the custom class prefix on all changes:

.custom #footer {
  display:none;
}

Child Theme Options

In June of 2011, Striking officially supported Child Themes with version 3.05.
The use of Child Themes in some instances may make more sense than the above examples.
Read this article to learn more about WordPress Child Themes to see if it makes more sense for your installation.
As for me, It is hard to teach an old dog new tricks, I would much rather use the Chris Pearson’s Custom folder trick which is an enhanced version of the above.

The Following are Simple CSS Tricks

My Logo Needs More Space on the Bottom

Amazingly, there is no need for CSS here. Use the Striking General Option panel. The adjustment for the bottom logo height solves many issue. Try it before any major changes.

Center My Logo

This needs a very simple CSS change. Again, use the .custom prefix if you followed the above tutorial

.custom #logo,
.custom #logo_text {
      /* This container is absolute. Only top, bottom, right or left will
           move it. Margins, padding etc will not work */
	position: absolute;
     /* The area is 940px wide depending on your logo size you will have to adjust
          left: 0px means the logo sits on the left most edge.
          Every 1px moves the left margin closer to the right side */
	left: 400px;
}

That is it one simple adjustment of the left margin.

Remove the Top and Bottom Feature Box Shadows

There are a number of simple ways to do this. One is to just use display:none;, but this removes the spacing. Here is a way that keeps the spacing.
Remove the Bottom shadow:

.custom #feature .bottom_shadow {
       background-image:none;
   /* you can adjust the height here */
       height: 9px;
}

Now for the Top shadow:

.custom #feature .top_shadow {
       background-image:none;
   /* you can adjust the height here */
       height: 9px;
}

Not much more too it.

Remove the Bottom Slider Shadows

For this too, there are a number of simple ways to remove this shadow. One is to just use display:none;, but this removes the spacing. Here is a way that keeps the spacing. Below well remove all the bottom shadows for all the sliders that Striking Theme has
Remove the Nivo Bottom shadow:

.custom #nivo_slider_wrap {
	background-image: none;
    /* Adjust the bottom padding if needed */
        padding-bottom:40px;
}

Remove the Kwicks Bottom shadow:

.custom #kwicks_shadow {
	background-image::none;
    /* Adjust the bottom padding if needed */
	height:40px;
}

Remove the Anything Bottom shadow:

.custom #anything_shadow {
	background-image:none;
      /* Adjust the bottom padding if needed */
	height:40px;
}

Just remember, that you can always adjust the height at the bottom using the background-image:none. If you use display:none, you do not have access to adjusting the height as the container will not be displayed. You could use visibility:hidden, but let’s keep it simple.

Center a Web Page in an iPad Every Time

Often times a web page will left justify when viewed in an iPad or mobile Safari. This can easily be corrected using the Viewport Meta tag. Add the following into your functions.php file

//////////////////////////////////////////////
/// Add the /viewport meta to the header
/////////////////////////////////////////////
add_action('wp_head', 'add_viewport_meta');

function add_viewport_meta() {
       echo "\n" . '' . "\n";		
}

In the Striking Theme without this meta tag, you will see a right gap when the web page is viewed on an iPad. It acts as if the page was left justified. This quickly corrects the problem

Center the Striking Theme Copyright and Footer Menus

The copy right in the Striking Theme is left justified and the footer menu is right justified. Use the following CSS to make them both center aligned. Add the extra width of 100% to both IDs just-in-case.

.custom #copyright {
	/* float: left; */
	text-align: center;
	font-size:13px;	
	line-height:1.5em;
        width:100%; /* just in case */
}

.custom #footer_menu {
	/* float: right;
	text-align:right; */
        text-align:center;
        width:100%; /* just in case */
}

Fix Your Server Permission Issues

James or Websys at the Striking Theme forum wrote up an excellent article about Fixing Server Permissions
[lightbox href="http://kaptinlin.com/support/discussion/1281/server-permissions-how-to-adjust-your-hosting-if-your-settingssliders-not-working-7-april11?hl=en&tab=nw" iframe="true" width="990" height="1000"]Everything You Need to Know about Server Permissions[/lightbox]
This is a Great starting point and finishing point for that matter.

Striking Theme – Add a Meta Box to Custom Post

Rvka — Mon, 02 May 2011 00:04:52 +0000

Add Striking ‘s Meta Box to A Custom Post

It is no secret that one of my favorite premium themes is the Striking Professional Theme found at Theme Forest. As of May 2nd 2011, Striking has been downloaded over 3,300 times, making it the second most popular WordPress theme at Theme Forest.

Not only does Striking have many great features and can almost be considered a framework – one of the few things lacking is his own hooks and filters –

Striking has over 100 shortcodes, 12 widgets and unlimited color combinations and is one of the few themes that is priced at $40

and is surprisingly flexible especially with the creative use of both the blog and portfolio shortcodes that can be inserted on both pages and posts. The author who calls himself Kaptinlin is an extremely talented WordPress Programer, which is evident from his code and the flexibility that is built into the theme.

Striking Theme Shortcode Generator

All of the 100+ shortcodes can be inserted into the WordPress Editor through selection list – many themes don’t use drop-down list or meta boxes to insert shortcodes. Kaptinlin chose to use a metabox to generate the shortcodes instead of adding it to the top bar of the WordPress editor.

A Problem With Custom Post Types

Putting the Shortcode Generator in a metabox instead of an icon on the editor makes it difficult to use the Shortcode Generator with Custom Post Types that either you create or are created when you install plugins.

To be sure, Kaptinlin, provided an area in the Striking Options -> Advanced where you can select what Custom Post Types

the Shortcode Generator Meta box will be available, but again this does not extend to Custom Post Types that did not come with the Striking Theme.

Two Additions to the Function.php File

It is relatively simple to add the Shortcode Generator Metabox to an individual Custom Post. With the following method you don’t have to hack any of the Striking Theme core files. All you need is access to the theme’s function.php file or you can use your own custom one if you follow the strategies of Chris Pearson’s Custom Functions and Custom CSS strategy .

Open up your function.php file in your favorite editor and after the

Here is What add_action Does

This add_action is the WordPress hook that executes the function shortcode_gen_to_post_types when the admin menus area created. Make sure your function name matches the function that adds the meta box

Here is What the add_meta_box Does

The add_meta_box requires the following paramaters – getting the correct ones can be problematic but here is a simple way to find the registered custom post type – The list is as follows add_action(

[list type="blue"]

Line 3 is the ‘ID” of the meta box registered name use ‘shortcode‘ for Striking

Line 4 is the title of the meta box use the strange looking php code
__(

that Kaptinlin provides. If you must know this code is used for the translation process.

Line 5 is the function that displays the meta box use ‘theme_shortcode_generator_iframe‘ in Striking’s case

Line 6 is the custom post type slug or registered name . I am using ‘actooltip‘ – You can find yours by using the Custom Post Slug Shortcode.

Line 7 is where you want the meta box to be placed ‘normal‘ for Striking

Line 8 is the priority of where the meta box should show – lets try ‘high‘

[/list]

And Your Are Done

And that is really all there is to it – for an in-depth look review the WordPress Function Codex on the subject.

function shortcode_gen_to_post_types () {
     add_meta_box(
       'shortcode',
       __('Shortcode Generator','striking_admin'),
      'theme_shortcode_generator_iframe',
      'actooltip',
      'normal',
      'high'
      );
       }

Top

That is basically it. Don’t worry about the first three paramaters:

‘shortcode‘,
_(‘Shortcode Generator’, ‘striking_admin’),
‘theme_shortcode_generator_iframe‘

these are correct and unless Kaptinlin changes them everything will work.

If you would like to add the Shortcode Generator to ALL your Custom Post Types at once please read the tutorial and follow its simple copy and paste steps.

Did You Know?

Kaptinlin did Change the Shortcode Generator to display as an iframe when he upgrade from the 2.0 to the 3.0 version. If you did up-grade to the new version the above function would have broken.

If you need help in finding the slug of your or a plugins custom post type, kindly review the following page Finding a Custom Post Type Slug follow the steps outline in the tutorial.

Get the Custom Post Type Slug

Rvka — Tue, 12 Apr 2011 06:50:05 +0000

What is a WordPress Custom Post Slug?

The Custom Post Type (CPT) slug is the registered name of a particular Custom Post Type. It is its unique name like an IP number or address. That is it.
It is hard enough to grasp the difference between a WordPress Page and Post but in reality, they are both Post; just different types hence different Post Types.
Looking at your Administration Dashboard left sidebar, a number of the items are just different Post Types hence they each have their own Post Type slug or name.

A Page is a Post?

There is a quick way to find the CPT registered name or slug. It doesn’t work all of the time, but it is a good place to start. Go to your Admin Dashboard

A Page is a Post

and select an item on the left sidebar. In this case we are going to choose Pages. Select the top Pages and the screen of all your Pages will be displayed.

URL Will Show the Way

Look up at the URL Address bar and you will see something like below that ends with /edit.php?post_type=page . And you find out that really a page is a post type all along. Now, I am really confused. But, lets forget that and just soldier on.

Post Type equals Page

Did You Know?

That WordPress pages, menus, post, attachments, and revisions are all Post or in WordPress parlance ‘built-in‘ Custom Post Types.

Besides those Custom Post Types, there are the ones that you create or are created when some plugins are installed.

Its is confusing – at least for me. Read more here about WordPress Post Types

For a good overview of how to define and add Custom Post Types to your WordPress installation read Justin Tadlock’s still excellent article Custom Post Types in WordPress

Will Not Work All the Time

The above trick will not work every time, especially with some plugins that create specialized CPT. There is no sure fire way to find out all the Slug names without having to either search through your plugin or theme’s code.

Thanks to WordPress, there is an easy way to accomplish this using the function get_post_types().

We Need a Shortcode

The Get Post Types function’s $args paramater which is optional, is an array of key value arguments that match against the post types. One of those parameters is ‘_builtin’. If it is a WordPress Custom Post the value is true. If it is a Custom Post then the value is false. We are going to use false to find all of the not built-in Custom Post.

The shortcode is going to be called

[ postslugs ]

. It has one paramater custom=’yes’ or custom=’no’. When custom is yes only the non-Wordpress Custom Post slugs will be displayed. When custom is no only the ‘built-in’ WordPress Custom Post slugs will be shown.

Copy the following into your function.php file after the

function get_custom_post_slugs($att, $content= null) {
	extract(shortcode_atts(array(
		'custom' => 'no'
	), $att));

if (strtolower($custom) =='yes')
	{ // Explicity assigning value to array
		$args['_builtin'] = false; 
	}
	       else
	{
                $args['_builtin'] = true;
        }

$post_types = get_post_types($args,'names'); 
	
	foreach ($post_types as $post_type ) 
        { //build the array of custom post slugs
 		$listTypes[] = ''. $post_type. '';
        }
	return "\n" . '' .implode( "\n", $listTypes ). '' . "\n";

}
add_shortcode('postslugs', 'get_custom_post_slugs');

The Hard Part is Over

After copying the above code into your function.php file and saving it. Create a draft Post or Page and insert the shortcode

[ postslugs ]

.Next preview the Post or Page and you should have an ordered list of all your registered Custom Post Type slugs – including the WordPress built-in ones.

Now with the Custom Post slug names you can add Striking Theme’s great Shortcode Generator metabox to all your Custom Post Types.

Top

Thanks To:

photos by Philippe Dermine

Quote Format Post

Rvka — Tue, 29 Mar 2011 11:50:58 +0000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget.

YouTube Video

Rvka — Tue, 03 Aug 2010 12:56:13 +0000

This is a test of a youtube video included by adding a link to the custom field.

Albert Einstein Quote

Rvka — Tue, 03 Aug 2010 11:00:44 +0000