It’s not a very complicated plugin but it gets the job done.

Here’s the code:

<?php
/*
Plugin Name: Private Site
Description: Site is only viewable by logged in users.
Author: c.bavota
Version: 1.0.0
Author URI: http://www.bavotasan.com/
*/
class Bavotasan_Private {
	public function __construct() {
		add_action( 'init', array( $this, 'init' ) );
	}

	public function init() {
		if ( ! is_user_logged_in() && ! $this->is_login() ) {
			wp_redirect( admin_url() );
			exit;
		}
	}

	public function is_login() {
    	return in_array( $GLOBALS['pagenow'], array( 'wp-login.php', 'wp-register.php' ) );
    }
}
$bavotasan_private = new Bavotasan_Private;

You can download it through the link below.

Enhancing the Search Form With typeahead.js

In this tutorial, I’m going to use that same function to redirect users away from the WordPress admin area, unless of course they’re administrators. All you need to do is hook into the admin_init action:

add_action( 'admin_init', 'redirect_non_admin_users' );
/**
 * Redirect non-admin users to home page
 *
 * This function is attached to the 'admin_init' action hook.
 */
function redirect_non_admin_users() {
	if ( ! current_user_can( 'manage_options' ) && '/wp-admin/admin-ajax.php' != $_SERVER['PHP_SELF'] ) {
		wp_redirect( home_url() );
		exit;
	}
}

The conditional to check if a user isn’t an admin first sees if they can manage options (see WordPress Roles and Capabilities) then it makes sure that the call isn’t trying to access the Ajax file to actually perform an Ajax call. If both are true, it redirects the user to the home page using the home_url() function.

Placing the above code in your theme’s functions.php file will add the ability to redirect non-admin users away from your WordPress admin and keep that area safe from those who might wish to do some mischief.

Check it out: Creating Client Testimonials With Custom Post Types

Check out the demo.

If you don’t mind creating a new file, create one named attachment.php and add it to your theme’s folder. You should be able to just copy over the single.php file. Just be sure to remove the function that displays the comment form.

It should end up looking something like this:

<?php get_header(); ?>

	<div id="primary" <?php gridiculous_primary_attr(); ?>>

		<?php
		while ( have_posts() ) : the_post();
			get_template_part( 'content', 'page' );
		endwhile; // end of the loop.
		?>

	</div><!-- #primary.c8 -->

<?php get_footer(); ?>

That’s an example of how the Attachment page template would look in Gridiculous Pro. By creating a new page template, you allow yourself the option to customize it however you like, so that might be the right solution for you.

If you’d rather just turn off the comment section without having to create a new file, there are two approaches.

The easiest would be to just open up your single.php and look for the function. Once you find it, just replace it with this:

<?php
if ( 'attachment' != get_post_type( get_the_ID() ) )
     comments_template( '', true );
?>

Or you could use one of the WordPress action hooks to remove the comment section programmatically. This can be done by adding the following to your functions.php file:

add_action( 'pre_comment_on_post', 'remove_comments_from_attachments', 10, 2 );
/**
 * Function to remove the comment section from all attachment pages
 * 
 * @param  $open
 * @param  $post_id
 */
function remove_comments_from_attachments( $open, $post_id ){
    return ( 'attachment' == get_post_type( $post_id )  ) ? false : $open;
}

Whichever way you choose to remove comments from your attachment pages is up to you, though it should be something you look into if you start to see the number of spam comments coming in increase.

<a href="javascript:void(0)" class="trigger">Trigger</a>

Usually, a more simple approach was to use a simple hash:

<a href="#" class="trigger">Trigger</a>

That’s the way I should’ve been doing it, but I really hated how it always made the browser window jump to the top.

Solving that wasn’t too complicated. It just took a bit of jQuery.

<script type="text/javascript">
/* <![CDATA[ */
( function( $ ) {
   $( 'a[href="#"]' ).click( function(e) {
      e.preventDefault();
   } );
} )( jQuery );
/* ]]> */
</script>

With that code in place, the browser no longer jumps to the top when using a hashed anchor tag.

There is no real API as of yet, but hooking into the JS files and creating some helper functions isn’t that difficult. All it takes is a few functions to add some custom Admin Pointers.

First thing we need to do is enqueue the JS and CSS files:

add_action( 'admin_enqueue_scripts', 'custom_admin_pointers_header' );

function custom_admin_pointers_header() {
   if ( custom_admin_pointers_check() ) {
      add_action( 'admin_print_footer_scripts', 'custom_admin_pointers_footer' );

      wp_enqueue_script( 'wp-pointer' );
      wp_enqueue_style( 'wp-pointer' );
   }
}

We also need a couple of helper functions to make sure things work the way they should. The first is the conditional check:

function custom_admin_pointers_check() {
   $admin_pointers = custom_admin_pointers();
   foreach ( $admin_pointers as $pointer => $array ) {
      if ( $array['active'] )
         return true;
   }
}

Next comes the footer script:

function custom_admin_pointers_footer() {
   $admin_pointers = custom_admin_pointers();
   ?>
<script type="text/javascript">
/* <![CDATA[ */
( function($) {
   <?php
   foreach ( $admin_pointers as $pointer => $array ) {
      if ( $array['active'] ) {
         ?>
         $( '<?php echo $array['anchor_id']; ?>' ).pointer( {
            content: '<?php echo $array['content']; ?>',
            position: {
            edge: '<?php echo $array['edge']; ?>',
            align: '<?php echo $array['align']; ?>'
         },
            close: function() {
               $.post( ajaxurl, {
                  pointer: '<?php echo $pointer; ?>',
                  action: 'dismiss-wp-pointer'
               } );
            }
         } ).pointer( 'open' );
         <?php
      }
   }
   ?>
} )(jQuery);
/* ]]> */
</script>
   <?php
}

With all of that in place, the basic functionality for our custom admin pointers is ready. Now we just need to put together the actual array so that we can set up where we want out pointers to appear and what we want them to say.

Here is an example of a custom admin pointer that will appear below the “+ New” item in the admin bar menu:

function custom_admin_pointers() {
   $dismissed = explode( ',', (string) get_user_meta( get_current_user_id(), 'dismissed_wp_pointers', true ) );
   $version = '1_0'; // replace all periods in 1.0 with an underscore
   $prefix = 'custom_admin_pointers' . $version . '_';

   $new_pointer_content = '<h3>' . __( 'Add New Item' ) . '</h3>';
   $new_pointer_content .= '<p>' . __( 'Easily add a new post, media item, link, page or user by selecting from this drop down menu.' ) . '</p>';

   return array(
      $prefix . 'new_items' => array(
         'content' => $new_pointer_content,
         'anchor_id' => '#wp-admin-bar-new-content',
         'edge' => 'top',
         'align' => 'left',
         'active' => ( ! in_array( $prefix . 'new_items', $dismissed ) )
      ),
   );
}

This snippet needs a bit of explaining so let’s break down the items:

/**
 * This is the version number of your theme/plugin. It needs to be updated each time you
 * update your theme/plugin or else the admin pointers will not re-appear.
 */
$version = '1_0'; // replace all periods in 1.0 with an underscore

/**
 * This is the title and content that you want to appear in the admin pointer. Do not change
 * the HTML tags, only modify the text within the single quotes.
 */
$new_pointer_content = '<h3>' . __( 'Add New Item' ) . '</h3>';
$new_pointer_content .= '<p>' . __( 'Easily add a new post, media item, link, page or user by selecting from this drop down menu.' ) . '</p>';

The return array needs to be broken down even more:

/**
 * This is the actual array that will contain the elements needed to display your custom
 * admin pointers.
 */
// Make sure the 'new_items' string is unique to each new array item
$prefix . 'new_items' => array(

   // The content needs to point to what we created above in the $new_pointer_content variable 
   'content' => $new_pointer_content,
   
   // In order for the custom pointer to appear in the right location we need to specify the ID
   // of the element we want it to appear next to
   'anchor_id' => '#wp-admin-bar-new-content',

   // On what edge do we want the pointer to appear. Options are 'top', 'left', 'right', 'bottom'
   'edge' => 'top',

   // How do we want out custom pointer to align to the element it is attached to. Options are
   // 'left', 'right', 'center'
   'align' => 'left',

   // This is how we tell the pointer to be dismissed or not. Make sure that the 'new_items'
   // string matches the string at the beginning of the array item
   'active' => ( ! in_array( $prefix . 'new_items', $dismissed ) )
),

With all of this in place, our new code should look something like this:

add_action( 'admin_enqueue_scripts', 'custom_admin_pointers_header' );

function custom_admin_pointers_header() {
   if ( custom_admin_pointers_check() ) {
      add_action( 'admin_print_footer_scripts', 'custom_admin_pointers_footer' );

      wp_enqueue_script( 'wp-pointer' );
      wp_enqueue_style( 'wp-pointer' );
   }
}

function custom_admin_pointers_check() {
   $admin_pointers = custom_admin_pointers();
   foreach ( $admin_pointers as $pointer => $array ) {
      if ( $array['active'] )
         return true;
   }
}

function custom_admin_pointers_footer() {
   $admin_pointers = custom_admin_pointers();
   ?>
<script type="text/javascript">
/* <![CDATA[ */
( function($) {
   <?php
   foreach ( $admin_pointers as $pointer => $array ) {
      if ( $array['active'] ) {
         ?>
         $( '<?php echo $array['anchor_id']; ?>' ).pointer( {
            content: '<?php echo $array['content']; ?>',
            position: {
            edge: '<?php echo $array['edge']; ?>',
            align: '<?php echo $array['align']; ?>'
         },
            close: function() {
               $.post( ajaxurl, {
                  pointer: '<?php echo $pointer; ?>',
                  action: 'dismiss-wp-pointer'
               } );
            }
         } ).pointer( 'open' );
         <?php
      }
   }
   ?>
} )(jQuery);
/* ]]> */
</script>
   <?php
}

function custom_admin_pointers() {
   $dismissed = explode( ',', (string) get_user_meta( get_current_user_id(), 'dismissed_wp_pointers', true ) );
   $version = '1_0'; // replace all periods in 1.0 with an underscore
   $prefix = 'custom_admin_pointers' . $version . '_';

   $new_pointer_content = '<h3>' . __( 'Add New Item' ) . '</h3>';
   $new_pointer_content .= '<p>' . __( 'Easily add a new post, media item, link, page or user by selecting from this drop down menu.' ) . '</p>';

   return array(
      $prefix . 'new_items' => array(
         'content' => $new_pointer_content,
         'anchor_id' => '#wp-admin-bar-new-content',
         'edge' => 'top',
         'align' => 'left',
         'active' => ( ! in_array( $prefix . 'new_items', $dismissed ) )
      ),
   );
}

With this added to your theme’s functions.php file or your plugin’s main init file you now have the ability to add custom admin pointers to any element that you want your user to notice. You can add more items to the final array to create as many custom admin pointers as you heart desires… or your theme/plugin requires.