How to Change or remove WordPress Admin Default Text

Code to Change wordpress admin Copyright text.

Below is the code to change wordpress default copyright text

function remove_footer_admin () {
echo '&copy; 2012 All Rights Reserved. Web Design & Development Services Done by <a href="http://www.yoursite.com" target="_blank">Yoursitename</a></p>';
}
add_filter('admin_footer_text', 'remove_footer_admin');

Code to Remove wordpress admin footer version text.

Below is the code to remove  wordpress admin footer version text.

function change_footer_version() {return ' ';}
add_filter( 'update_footer', 'change_footer_version', 9999);

Code to Change admin Howdy Text

Below is the code to change wordpress admin howdy text.

function change_howdy_text( $translation, $original ) {
    if( 'Howdy, %1$s' == $original )
        {
        $translation = 'Logged in as %1$s';
        }
        else if('Version 3.3.1' == $original)
        {
               $translation = '';
        }
    return $translation;
}
add_filter( 'gettext', 'change_howdy_text', 10, 2 );

Code to Change wordpress admin page title

By default the word wordpress will come on every page title in wordpress admin section to change this with your site title  here is the code

add_filter('admin_title', 'my_admin_title', 10, 2);
function my_admin_title($admin_title, $title)
{
    return get_bloginfo('name').' ­ '.$title;
}

Code to Change WordPress Login Logo

To change wordpress admin login page wordpress logo with your custom logo here is the code

function my_custom_login_logo() {
    echo '<style>
 h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logo.gif) !important; }
   </style>';
}
add_action('login_head', 'my_custom_login_logo');

Code to change wordpress admin login page logo URL

To change wordpress admin login page wordpress logo link  with your custom link here is the code

add_filter( 'login_headerurl', 'my_custom_login_url' );
function my_custom_login_url($url) {
    return 'http://www.yoursite.com';
}
//Change Login Title
function custom_login_title($title) {
    return bloginfo('Your Site Name');;
}
add_filter( 'login_headertitle', 'custom_login_title' );

Code to add favicon to wordpress admin

Below is the code to add favicon to wordpress admin section

function admin_favicon() {
        echo '<link rel="Icon" href="'.get_bloginfo('stylesheet_directory').'/images/favicon.ico" />';
        echo '<link rel="Shortcut Icon" href="'.get_bloginfo('stylesheet_directory').'/images/favicon.ico" />';
}
add_action('admin_head', 'admin_favicon');

Show/Hide form elements based on radio button selections using jQuery

Just put a click function to the radio button group $(“input[name$='type']“).click and then get the value var radio = $(this).val() of the radio button. Once get the value of the radio button using the ID of the  DIV  simply hide() or show() .

Below is the complete script used in the demo

Hope this post will help you.If you any have suggestions or comments  please post in comments sections.

Styling links by file type using CSS

Below is the style used in the demo link.  In this example i have changed the icon for links using file type.

There you can see i have specified like this a[href^="http://"] to style the links which has external links so i have mentioned http://  and similarly for email a[href^="mailto:"], for pdf a[href$=".pdf"] and for a[href$=".zip"]. By using this you can style any type of link by using file type.

Hope you enjoy this post. If you any have suggestions or comments. please post your comments.

html5 progress tag

In the above HTML5 <progress> tag there are two attributes value and max are used . The value attribute is used to defines the current value of the progress and the max attribute is used to define the value of completion.

Below is the complete code to do progress bar with javascript. In this example the progress bar is updated every 0.5 second using JavaScript setInterval.

Hope you enjoy this post. If you any have suggestions or comments. please post your comments.

HTML 5 details Tag

If you click on the text inside the summary element , the details element expands. If you click again, and it contracts. By default the details tag is in contract state. If you want to show in expand state use the attribute called open=”open”. Below is the example for this

Hope you enjoy this post. If you any have suggestions or comments. please post your comments.

Animated Navigation Menu CSS3

CSS code

Here is the CSS code used  to get hover effect  using css3 transition.First in the li we have used transition for the background image used in li using css background-position property and then we have used transition in the a tag using padding-left property to move the text.

HTML Code

Hope you enjoy this post. If you any have suggestions or comments. please post your comments.

HTML 5 Tag

The list in <datalist> tags is linked using the <datalist> tag ID. For example, if your <datalist> tag ID is titlelist then you need to indentify this in your input field as list=”titlelist”( like this <input type=”text” list=”titlelist”>) .

You can fill the <datalist> element by nesting <option> tags inside the <datalist> tag. Like the below code

Below is the complete code used in the HTML 5 datalist Tag demo link.

HTML5 placeholder Attribute

Here is the code used in the above demo link. In the text field you can see the placeholder attribute to show text in the text field until the text field is focused. That’s it hope you can use this placeholder attribute in your future projects.

Hope you enjoy this article, if you have any doubts please post your comment below.

HTML5 form validation

To Validate Required field

To validate a required field in your form simply set required=”required”.

To validate E-mail field

Just set type as type=”email”.

To validate url field

Just set type as type=”url”.

Below is the complete code used in the demo.

Hope you enjoy this article, if you have any doubts please post your comment below.

Enable HTML5 video and audio tag in all major browsers

html5media is a javascript which enables all major browser to play media tags like <video> and <audio>.

Script to enable Embed video and audio tag in all major browsers.

Enable <video> and <audio> tags in all major browsers.Here is the script to enable this.

Just paste the above script somewhere in the <head> of your document

Embed video

Just embed video like the  code below.

Embed audio

Just embed audio like the  code below.