Database Maintenance

Load Child and Parent Style CSS

October 15, 2014 (10 years ago)
CSS, WordPress

If you are creating a child theme, you have two choices that load faster than using @import in your child style.css file.

1. You can add the parent style link to the child header.php, just above your normal css link.

// for the parent stylesheet
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>" media="screen" />
//for the child stylesheet
<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>" media="screen" />

2. You can add this to your functions.php file.

add_action( 'wp_enqueue_scripts', 'my_parent_theme_css' );

function my_parent_theme_css() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}

Leave a comment »

Social Share Buttons Without a Plugin

July 1, 2014 (10 years ago)
PHP, WordPress

Most sharing plugins are too loaded with options, and tend to slow down my sites.

I wrote this simple script to counter that.

Create this file and name it “sharebuttons.php”. Upload it to your theme directory.

<div id="sharethis">
<h3 class="sharethis">Share This:
<a style="margin-right:5px;margin-left:10px;" rel="nofollow" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php echo urlencode(get_the_title($id)); ?>" title="Share this post on Facebook" target="_blank"><img src="<?php echo bloginfo('stylesheet_directory') ?>/images/fbuser.png"></a>
<a style="margin-right:5px;" rel="nofollow" href="http://twitter.com/home?status=<?php echo urlencode("Currently reading: "); ?><?php the_permalink(); ?>" title="Share this with your Twitter followers" target="_blank"><img src="<?php echo bloginfo('stylesheet_directory') ?>/images/twuser.png"></a>
<a style="margin-right:5px;" rel="nofollow" href="http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>" target="_blank"><img src="<?php echo bloginfo('stylesheet_directory') ?>/images/liuser.png"></a>
<a style="margin-right:5px;" rel="nofollow" href="https://plus.google.com/share?url=<?php the_permalink(); ?>" target="_blank"><img src="<?php echo bloginfo('stylesheet_directory') ?>/images/gplususer.png"></a>
<a style="margin-right:5px;" href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><img src="<?php echo bloginfo('stylesheet_directory') ?>/images/pinuser.png"></a>
</h3>
</div>

You will also need to create your images, and style the div as you like.

Then, to add the div to pages or posts, just put this in your template file, immediately following (or just before) the_content() — or wherever you want the buttons to appear:

<?php
include('sharebuttons.php');
?>

Leave a comment »

Custom Admin Page

July 1, 2014 (10 years ago)
Functions, PHP, WordPress

I use these for those occasions when I need to store specialized information in non-WordPress tables. (Such as orders in a custom shopping cart I built.)

It’s also handy for adding informational or instructional pages to the Dashboard.

This adds the page to the WP admin menu (put in your functions.php file):

// admin page for orders
add_action( 'admin_menu', 'lt_orders' );

function lt_orders() {
    add_menu_page( 'Orders', 'Orders',  'manage_options',  'lt-orders',   'lt_render', '', '3'   );
}
function lt_render() {
    global $title;
    print '<div class="wrap">';
    print "<h2>$title</h2>";
    $file = plugin_dir_path( __FILE__ ) . "lt_orders.php";
    if ( file_exists( $file ) )
        require $file;
    print '</div>';
}

The page itself ( lt_orders.php ) resides in the theme folder, and is a simple PHP page, with any functionality you like. It doesn’t need any header or footer calls because it is rendered inside the admin.

Leave a comment »

Custom Logo on Login Page

July 1, 2014 (10 years ago)
Functions, WordPress

It’s a nice touch to customize for the client. We can also change the link to the site home page, and the title to the site name.

Put this in your functions.php file.

function lt_loginlogo() {
	echo '<style type="text/css">
	.login h1 a { background-image: url('.get_bloginfo('template_directory').'/images/custom-login-logo.png) !important; }
	</style>';
}
add_action( 'login_head', 'lt_loginlogo' );

function lt_loginurl( $url ) {
	$url = home_url( '/' );
	return $url;
}
add_filter( 'login_headerurl', 'lt_loginurl' );

function lt_logintitle( $title ) {
	$title = get_bloginfo( 'name' );
	return $title;
}
add_filter( 'login_headertitle', 'lt_logintitle' );

Check the path and name for your image, and make sure it’s no larger than 80px x 80px.

Leave a comment »

Mobile Nav without Javascript

June 26, 2014 (10 years ago)
CSS, Responsive Design, WordPress

I wasn’t happy with the JS (or jQuery) mobile menu solutions I had been using. They always seemed to have some sort of a glitch.

My solution was to build a mobile nav which gets the menu items with wp_get_nav_menu_items() and then display them as a select drop-down. A little bit of CSS styling on the select box, and voila! A nav menu that works perfectly every time!

Here’s the navigation code:

<div id="navigation" role="navigation">     
          <?php wp_nav_menu( array( 'container' => 'ul' ) );     ?> 
     </div>
<div id="mobilenav">
          <form class="mobilenav">
          <select name="themenu" onchange="location = this.options[this.selectedIndex].value;">
               <option value="" class="first">MENU</option>
               <?php $args = array(
                    'order'                  => 'ASC',
                    'orderby'                => 'menu_order',
                    'post_type'              => 'nav_menu_item',
                    'post_status'            => 'publish',
                    'output_key'             => 'menu_order',
                    'nopaging'               => true );
                    $items = wp_get_nav_menu_items( 'main-menu', $args );            
                    foreach ($items as $item) { 
                    echo '<option value="' .$item->url. '">' .$item->title. '</option>';
                    }
               ?> 
          </select>
          </form>
     </div>

And here’s the CSS:

/* mobilenav styling */

#mobilenav {text-align:center;}
form.mobilenav {margin:.3em;}
.mobilenav select { color:#444;padding:.5em;border:0;margin:.5em 0;text-align:center;border-radius:10px;-moz-border-radius:10px;}
.mobilenav select option {padding:.2em 1em;}

/* base CSS */
#navigation { display:none; }

/* desktop CSS */
#navigation { display:block;}
#mobilenav { display:none; }

Leave a comment »

Front End Login Form

June 20, 2014 (10 years ago)
Functions, PHP, WordPress

So many times clients (and their members) want to login on the front end. Simple to add this in the header, or sidebar. Style as you wish.

Put this in your header template (or anywhere else you want the form to appear.)

<?php if (!is_user_logged_in()) { ?>
	<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
	<input type="text" name="log" id="log" value="<?php if (isset($user_login)) echo esc_html(stripslashes($user_login), 1) ?>" size="20" />
	<input type="password" name="pwd" id="pwd" size="20" />
	<input type="submit" name="submit" value="Login" />
	<input name="rememberme" id="rememberme" type="hidden" checked="checked" value="forever" />
	<input type="hidden" name="redirect_to" value="<?php echo home_url(); ?>" />
	<a href="<?php echo wp_lostpassword_url( home_url() ); ?>">Forgot password or username?</a>
	</form>
<?php } else { 
	global $current_user;
	get_currentuserinfo(); ?>				
	<p>Welcome, <?php if($current_user->user_firstname) echo $current_user->user_firstname; else echo $current_user->display_name; ?>!</p>
	<a class="button" href="<?php echo wp_logout_url( home_url() ); ?>">Logout</a>
<?php } ?>

Leave a comment »

Add a Custom Avatar

June 20, 2014 (10 years ago)
Functions, WordPress

So the client has a membership site, and wants to have a custom default avatar branded to their site, to replace the boring Mystery Man, or other strange concoctions:

Put this code in your functions.php file.

//custom avatar
function dw_addgravatar( $avatar_defaults ) {
	$myavatar = get_bloginfo('template_directory') . '/images/avatar.jpg';
	$avatar_defaults[$myavatar] = 'New Avatar';
	return $avatar_defaults;
	}
add_filter( 'avatar_defaults', 'dw_addgravatar' );

Then create your image and upload the file to wp-content/themes/yourtheme/images/avatar.jpg (you can name it anything you want).

Leave a comment »

Remove Admin Items for Users

June 20, 2014 (10 years ago)
Functions, WordPress

This function allows you to hide critical admin pages from non-admin users. They will still be able to access the pages if they know the URL, but they will not appear in the admin menu.

add_action( 'admin_menu', 'dianaworks_remove_menu_pages' );

function dianaworks_remove_menu_pages() {
/* only let administrators see these pages */
	if (!current_user_can('activate_plugins') {
		remove_menu_page('tools.php');	
		remove_menu_page('themes.php');	
		remove_menu_page('options-general.php');	
		remove_menu_page('plugins.php');	
		remove_menu_page('admin.php?page=wpcf7');
		remove_submenu_page( 'users.php' , 'user-new.php' );
		remove_submenu_page( 'edit.php' , 'edit-tags.php?taxonomy=category' );
		remove_submenu_page( 'edit.php' , 'edit-tags.php?taxonomy=post_tag' );
		remove_submenu_page( 'link-manager.php' , 'edit-tags.php?taxonomy=link_category' );
		}
	}

Leave a comment »

« Previous - Next »