Featured Content in Twenty Fourteen

This article describes how to set up Featured ContentFeatured posts in Twenty Fourteen WordPress theme.  Featured post is new feature available in WordPress Twenty Fourteen theme. Featured content allows you to set up either grid view or slide view of posts in you your home page.

Read more

Include Common Files in HTML using JQuery

Hi,

This post is about “Include Common Files in HTML using JQuery”. Trying to explain with a simple example. JQuery load() function is used for including common HTML files in multiple pages. An example for this is added here

Read more

Remove Version Number from WordPress

By default WordPress displays version number publicly on your Website. But sometimes this might be a security risk for WordPress site. Hackers can easily identify the WordPress version. To remove version number from wordpress, Read more

Change WP Login Logo and URL using function.php

To replace wordpress default login logo with a custom one, just add following function in function.php

 

To customize wordpress login url, add following function in function.php

 

 

Change WP Login Logo and URL using function.php

WordPress 3.5 media upload customized form

WordPress 3.5 media upload in custom pages, custom functions. Use WordPress media upload in custom plugins. WordPress custom media upload example

You can use WordPress image upolader in your theme, theme option or plugin.  You can find out detail from this post. You can download demo files from the link placed below.

Follow the steps mentioned here

Include following jquery in your page

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script> <script type=”application/javascript”>
jQuery(document).ready(function($){
var _custom_media = true;
_orig_send_attachment = wp.media.editor.send.attachment;
$(‘#btn_upload’).click(function(e) {
var send_attachment_bkp = wp.media.editor.send.attachment;
_custom_media = true;
wp.media.editor.send.attachment = function(props, attachment){
if ( _custom_media ) {
$(“#txt_imageurl”).val(attachment.url);
} else {
return _orig_send_attachment.apply( this, [props, attachment] ); }; }
wp.media.editor.open(this); return false; }); });
</script>

Enable following wordpress jqueries

<?php if(function_exists( ‘wp_enqueue_media’ )){
wp_enqueue_media();
}else{
wp_enqueue_style(‘thickbox’);
wp_enqueue_script(‘media-upload’);
wp_enqueue_script(‘thickbox’); }?>

Create elements for uploading
<input type=”text” name=”txt_imageurl” id=”txt_imageurl” />
<input type=”button” class=”button” name=”btn_upload” id=”btn_upload” value=”Upload” />

Click here to download demo.

wordpress media uploader in plugin
custom media uploader wordpress
wordpress media uploader front end
wordpress image upload frontend
wordpress frontend ajax image upload
upload image in wordpress plugin code