My WP Tutorials And Debugging

Get 30 Individual Days Sales report from mysql - Wordpress

noreply@blogger.com (Moviiee Thandura) — Thu, 1 Aug 2013 07:15:00 -0700

Now days so many eCommerce sites are coming with sophisticated features. Eventhough here i will give an easy way to get sales report or report for individual days.

Here we are going to use a small php piece of php code with loop to get required individual day report. Its not only for the wordpress code. Also you can use for your own php site.

Initially i thought to bring it as report data. but if we show it as a chart is ease of understand. so i make it with Simple chart namely "Chart.js" You can also use it your own js or php chart for representation of data.

First of all we need a mysql table with your desired name. here i created a sample table for easy understanding.

Note : Here i wrote Wordpress functions , if you want to use it for your php site, just add few lines of code by replacing built in wordpress functions.

 

$sql_sales = "CREATE TABLE IF NOT EXISTS $kv_sales (
		id mediumint(10) NOT NULL AUTO_INCREMENT,
		date datetime DEFAULT '0000-00-00 00:00:00' NOT NULL,
		pro_id mediumint(9),		
		txn_id varchar(30),
		txn_type varchar(20),
		gateway varchar(30),
		buyer_email varchar(40),
		status varchar(20),
		payer_status varchar(20),		
		pro_price float,
		parent_cur varchar(5),
		convert_cur varchar(5),
		convert_fee float,
		gross_amt float,
		fee_amt float,
		tax float,
		net_amt float,
		profit_amt float,		
      	UNIQUE KEY id (id)
    		)ENGINE=MyISAM  DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;";

dbDelta($sql_sales); // you have to use mysql_query for php site users.

Than, I have insert some data's for using it for our sample report. We need to prepare monthly and weekly, even yearly report with this function. All you have to do is change the $period variable to get your desired period values.

  Next, You have to write SQL query for getting data between certain periods. Here I wrote code

$sale_table_name = $wpdb->prefix.'sales_report' ;

$period= 30 ;  // Your required period for retrieve data.

$cur_stat= 'USD' ; 



for ( $i = $period; $i>=0; $i-- ) {

	$gross_amt_day = 0;

	$net_amt_day  = 0;

	$profit_amt =0 ; 

	$r_date = 0 ;

	$selected_results = $wpdb->get_results("SELECT gross_amt, net_amt, profit_amt , DATE_FORMAT(`date`,'%e %b')AS date FROM $sale_table_name WHERE DATE(date) = DATE_SUB( CURDATE( ) ,INTERVAL '$i' DAY ) AND parent_cur = '$cur_stat'");

		//echo count($selected_results) . '-';

	foreach($selected_results as $result) {

			$r_date = $result->date ; 	

			$gross_amt_day += $result->gross_amt;

			$net_amt_day += $result->net_amt ; 

			$profit_amt += $result->profit_amt ; 

		}			

		$res_date[] = $r_date ; 

		$gross_amt_ar[] = $gross_amt_day ; 

		$net_amt_ar[] = $net_amt_day ;

		$profit_amt_ar[] = $profit_amt;

         }

}

The following code helps to retrieve the data between two periods. Through the sql code by giving your necessary time period you will get your desired result.

SELECT gross_amt, net_amt, profit_amt , DATE_FORMAT(`date`,'%e %b')AS date FROM $sale_table_name WHERE DATE(date) = DATE_SUB( CURDATE( ) ,INTERVAL '$i' DAY ) AND parent_cur = '$cur_stat'

Though i wrote all the code into a file you want it download from Github

Working with WordPress Custom Hooks

noreply@blogger.com (Anonymous) — Sat, 20 Jul 2013 05:44:00 -0700

WordPress Action Hooks

Every developer must know about wordpress hooks . Its classified as two area based on its usage and necessity. here it is

1. Action hooks and

2. Filter hooks.

Both are doing much quite similar jobs but having small differences.

First of all we must know what is action hooks and how it is organised with wordpress.?

Its not just a simple thing behind your wordpress CMS. Its works more with database tables, template files , custom codes of plugin and themes.

So each and every action are performed through the code and functions. for every functions have certain priority and time to perform its operations. so it's all hooked with this functions .

now we can use its built in hooks or else we can code it for our own. as always we know wordpress is blend like a shapeless objects. so you can blend its features based on your needs.

you can find the list of wordpress hooks from wordpress codex.

Also you can create a new one for your custom usage.

creation of custom hooks need the following steps.

1. create your code with a your desired function name .

2. add your function with wordpress action hooks like the following line

  add_action('custom_hook_name', 'your_custom_function_name');

the above code hook your function with wordpress.

3. than write your custom hook's function where you want to use it on your wordpress cms.

The following code help you create your custom hooks function.

   function custom_hook_name() {

         do_action('custom_hook_name');

Thats it for emerging of your wordpress custom hooks for your custom operation. Any comments and feedback requested from you reader.

Wordpress hooks for Adding scripts with it

noreply@blogger.com (Anonymous) — Wed, 17 Jul 2013 07:40:00 -0700

Wordpress has built in Javascripts and few other built in functions like plupload, tinymce, swf, simplepie, thivkbox and jQuery. There also you can add your custom scripts into it. here i will guide you to add your custom script into your WordPress theme.

There are two possible sides to add your script.

1. Admin end or Back end

2. Front end

1. If you want add your custom script into wordpress admin page , you can add it in two areas. Header and footer sides.

Now if you want your script to run in header of your wordpress admin. just use this acction hook.

Before that save your custom script into a directory. than use this action script

add_action('admin_head', 'your script_function_name');

and also admin_footer for footer scripts.

2. Front end scripts.

use this action on you theme functions.php or your plugin file

add_action('wp-head', 'your function_name_here');

also front end footer scripts

add_action('wp_footer' , 'your_function_name_here');

thats it to add your custom scrips into WordPress

Create Responsive Menu With the Help of TinyNav,js - Wordpress

noreply@blogger.com (Anonymous) — Thu, 27 Jun 2013 08:59:00 -0700

Now-a-days Responsive web designs and developments are so familiar, because of different screens with different screen size and resolutions. There are plenty of web designs available to use responsive web designs. Here i will give very small code to create responsive menu for your WordPress Website.

First of all download TinyNav.js from its Original Site or from github.

And make our theme folder and add your downloaded script into it. Then enqueue Your script into WordPress by the following code. Add it on your Theme "functions.php"

wp_enqueue_script('tinynav' , get_template_directory_uri() . '/js/tinynav.min.js' , array('jquery'));

and create your menu through your wordpress admin menu settings or else through code. and you have to make the menu inside a id name #topnav . Here is a sample code your source view of web page.

<ul id="topnav">
  <li class="selected"><a href="/">Home</a></li>
  <li><a href="/about/">About</a></li>
  <li><a href="/contact/">Contact</a></li>
</ul>

and your add a small code to sleep tinynav while your site is on big screens. It must be used for small screens screen resolution is less than 600 px. and add this to your theme "style.css"

/* styles for desktop */
.tinynav { display: none }

/* styles for mobile */
@media screen and (max-width: 600px) {
    .tinynav { display: block }
    #nav { display: none }
}

And hook your tiny with the help of jquery code. here it will help you to create responsive theme

<script>
  $(function () {
    $("#nav").tinyNav();
  });
</script>

Thats it you have done all necessary works to add tinynav.js. And Now check your website by using different screen size. Use screenfly or some other tools to may the changes giving effect or not.

WordPress Front End Multiple File Upload

noreply@blogger.com (Moviiee Thandura) — Mon, 24 Jun 2013 21:32:00 -0700

While customizing Wordpress for our suitable cms solutions. We have certain things required from our customers. So it requires front end media upload. Even few things require to gather details and posts from users. If it requires you can also provide your user to upload media files from the front end of your site. May be of my following code can help you to create front end upload with multiple files simultaneously from single from .

You don't need to use any of the following things : flash ,js, jquery, and ajax . It works on all the browsers and simple HTML 5 codes and php code. This will work well on your old browsers like IE 6 . Also works well on your mobile devices.

create HTML form like this

<label> Attach all your files here :<input type="file" name="upload_attachments[]" multiple="multiple" > </label>

</form>

The above HTML form handles the user upload files at your sites front-end. Now code for your back end to store the files.

//upload.php

if( 'POST' == $_SERVER['REQUEST_METHOD'] ) {

if ( $_FILES ) {

$files = $_FILES["upload_attachments"];

foreach ($files['name'] as $key => $value) {

if ($files['name'][$key]) {

$file = array(

'name' => $files['name'][$key],

'type' => $files['type'][$key],

'tmp_name' => $files['tmp_name'][$key],

'error' => $files['error'][$key],

'size' => $files['size'][$key]

);

$_FILES = array ("screenshots" => $file);

foreach ($_FILES as $file => $array) {

$newupload = insert_attachment($file,$pid);

}

The above code will handle the operation of getting files and send to your Wordpress function insert_attachment that we have added on your theme fiel "function.php" or your plugin's init action function.

here is the code for insert attachment function

################################################################################

// image Attachment

################################################################################

function insert_attachment($file_handler,$post_id,$set_thu=false) {

// check to make sure its a successful upload

if ($_FILES[$file_handler]['error'] !== UPLOAD_ERR_OK) __return_false();

require_once(ABSPATH . "wp-admin" . '/includes/image.php');

require_once(ABSPATH . "wp-admin" . '/includes/file.php');

require_once(ABSPATH . "wp-admin" . '/includes/media.php');

$attach_id = media_handle_upload( $file_handler, $post_id );

if ($set_thu) set_post_thumbnail($post_id, $attach_id);

return $attach_id;

}

that's it. to perform front end multiple file upload.

WordPress - Hide Actual Download Url

noreply@blogger.com (Anonymous) — Fri, 21 Jun 2013 04:46:00 -0700

WordPress customized many way .But when a user download your file from your blog. It happen to appear link like this " www.Yourwebsite.com/wp-content/uploads/2013/06/download.zip" It's showing the url link to your visitors where your file is located. Its giving security problem to your blog. You have to hide the actual url of your files location.

I tried to use a method to hide the download location and allow all downloads from the url like this "www.yoursite.com/download/?m=d4wef4vbsdfv4334v45g6hg4rbvwq4vv.zip"

otherwise like this "www.yoursite.com/downloads/"

This is most secure because no one is going to know your file location. First thing we need to create a file namely "download.php" and link it your wordpress theme file or plugin file.

go to your admin panel and under that pages and Add New then crreate page namely download and make sure the url look like above said one. Then add it to your download page

['donload_page']

we have to send a file name or post id to downloads.php and make it downloadable by your user. So here i will use post id to make download.

Goto your download.php file and paste the following code in it.

<?php

ob_start();

function download_link_page(){

global $wpdb , $current_user , $wp_roles;

get_currentuserinfo();

$setting = wp_upload_dir();

$allowed_referred = "";

$base_dir = $setting['basedir'];

$log_downloads = true;

$down_stat_table = $wpdb->prefix.'download_stat';

if(!empty($settings)) {

foreach($settings as $setting) {

if(rtrim($setting->allowed_referred) != "")

$allowed_referred = $setting->allowed_referred;

if(rtrim($setting->base_dir) != "")

$base_dir = $setting->base_dir;

if($setting->log_downloads == "0")

$base_dir = false;

}

define('ALLOWED_REFERRER', $allowed_referred);

define('BASE_DIR',$base_dir);

define('LOG_DOWNLOADS',$log_downloads);

define('LOG_FILE','downloads.log');

$allowed_ext = array (

'zip' => 'application/zip',

'txt' => 'application/txt',

'doc' => 'application/msword'

); //Specify your support mine type for user download

####################################################################

### DO NOT CHANGE BELOW

####################################################################

if (ALLOWED_REFERRER !== '' && (!isset($_SERVER['HTTP_REFERER']) || strpos(strtoupper($_SERVER['HTTP_REFERER']),strtoupper(ALLOWED_REFERRER)) === false)) {

if(strtoupper($_SERVER['HTTP_REFERER']) != home_url()) {

$referredBy = strtoupper($_SERVER['HTTP_REFERER']);

$parent = strtoupper(home_url());

$pos = strpos($referredBy, $parent);

if ($pos === false)

die("Internal server error. Please contact system administrator.");

else { }

}

set_time_limit(0);

if (isset($_POST['item_number']) || (!empty($_POST['item_number']))) {

if (strpos($_POST['item_number'], "\0") !== FALSE) die('');

$post_id= trim($_POST['item_number']);

$args = array(

'post_type' => 'attachment',

'numberposts' => -1,

'post_parent' => $post_id,

'post_mime_type' => 'application'

);

$attachments = get_posts( $args );

if ( $attachments ) {

foreach ( $attachments as $attachment ){

$fname = get_post_meta($attachment->ID,'_wp_attached_file',true);

$fname = substr($fname, 8);

}

_e("Your download starts within five seconds.");

}else {

_e("Sorry No File is specified to download.");

echo '</section>';

get_footer();

exit(0);

}

if (!isset($_POST['txn_id']) || empty($_POST['txn_id'])) {

$gateway = "Free Gateway" ;

$txn_id = $post_id."_".$current_user->ID;

}

else {

$txn_id = trim($_POST['txn_id']);

$gateway = trim($_POST['custom']);

}

function find_file ($dirname, $fname, &$file_path) {

$dir = opendir($dirname);

while ($file = readdir($dir)) {

if (empty($file_path) && $file != '.' && $file != '..') {

if (is_dir($dirname.'/'.$file))

find_file($dirname.'/'.$file, $fname, $file_path);

else {

if (file_exists($dirname.'/'.$fname)) {

$file_path = $dirname.'/'.$fname;

return;

}

} // find_file

// get full file path (including subfolders)

$file_path = '';

find_file(BASE_DIR, $fname, $file_path);

echo $file_path;

$fname ;

if (!is_file($file_path)) _e("File does not exist. Make sure you specified correct file name.");

$fsize = filesize($file_path);

$fext = strtolower(substr(strrchr($fname,"."),1));

if (!array_key_exists($fext, $allowed_ext)) _e("Not allowed file type.");

if ($allowed_ext[$fext] == '') {

$mtype = '';

if (function_exists('mime_content_type') && is_file($file_path) ) {

$mtype = mime_content_type($file_path);

}

else if (function_exists('finfo_file') && is_file($file_path) ) {

$finfo = finfo_open(FILEINFO_MIME); // return mime type

$mtype = finfo_file($finfo, $file_path);

finfo_close($finfo);

}

if ($mtype == '') {

$mtype = "application/force-download";

}

else $mtype = $allowed_ext[$fext];

if (!isset($_GET['fc']) || empty($_GET['fc'])) {

$asfname = $fname;

}

else {

$asfname = str_replace(array('"',"'",'\\','/'), '', $_GET['fc']);

if ($asfname === '') $asfname = 'NoName';

}

$date =date('Y-m-d H:i:s');

$wpdb->insert($down_stat_table , array(

'time' => $date,

'project_id' => $post_id,

'buyer_name' => $current_user->user_login,

'buyer_email' => $current_user->user_email,

'txn_id' => $txn_id,

'gateway' => $gateway,

'ip_addr' => $_SERVER["REMOTE_ADDR"]

));

if( $gateway == 'Free Gateway' ) {

$down_count = get_post_meta($post_id, 'down_count', true);

$down_count = $down_count + 1;

update_post_meta($post_id, 'down_count', $down_count);

}

$tot_charge = get_post_meta($post_id , 'total_charges', true);

$tot_charge = $tot_charge + $down_count * 1.25;

update_post_meta($post_id, 'total_charges' , $tot_charge);

header("Pragma: public");

header("Expires: 0");

header("Cache-Control: must-revalidate, post-check=0, pre-check=0");

header("Cache-Control: public");

header("Content-Description: File Transfer");

header("Content-Type: $mtype");

header("Content-Disposition: attachment; filename=\"$asfname\"");

header("Content-Transfer-Encoding: binary");

header("Content-Length: " . $fsize);

ob_clean(); // discard any data in the output buffer (if possible)

flush(); // flush headers (if possible)

//readfile($file_path);

//exit();

//@readfile($file_path);

$file = @fopen($file_path,"rb");

if ($file) {

while(!feof($file)) {

print(fread($file, 1024*8));

flush();

if (connection_status()!=0) {

@fclose($file);

die();

}

@fclose($file);

}

// log downloads

if (!LOG_DOWNLOADS) die();

$f = @fopen(LOG_FILE, 'a+');

if ($f) {

@fputs($f, date("m.d.Y g:ia")." ".$_SERVER['REMOTE_ADDR']." ".$fname."\n");

@fclose($f);

}

} add_shortcode( 'download_page', 'download_link_page' ); ?>

The above code can help you to create a secure download and hide your actual file location .Here we need to send post id to create download. So create form like this into your loop.php or single .php

</form>

That's all to create secured download manager for your files. Leave a comment here as your views of suggestions and feedbacks.

Create Custom Post Type and Custom Taxonomies in WordPress

noreply@blogger.com (Anonymous) — Fri, 21 Jun 2013 03:41:00 -0700

Everyone's blog and site have some unique feature. So definitly we need customization of posts and its categories. The customization is depending upon our blog area. For eaxmple , Movie review sites, General articles, technical assistance, and etc. How do we create it based on our need and necessary?. Here i created a custom post type and custom taxonomy for movie review theme.

For creating Movie review we need a custom post type named as 'movie_review' and custom category named as 'movie_type'. And i will show you how to create and use it form them.

1. First create Custom post type by the following code.

register_post_type( 'movie_review', array(

'labels' => array(

'name' => 'Movie Review',

'singular_name' => 'Movie Review',

'add_new' => 'Add New',

'add_new_item' => 'Add New Movie Review',

'edit' => 'Edit',

'edit_item' => 'Edit Movie Review',

'new_item' => 'New Movie Review',

'view' => 'View',

'view_item' => 'View Movie Review',

'search_items' => 'Search Movie Reviews',

'not_found' => 'No Movie Reviews found',

'not_found_in_trash' =>

'No Movie Reviews found in Trash',

'parent' => 'Parent Movie Review'

'public' => true,

'menu_position' => 4,

'supports' => array( 'title', 'editor', 'comments', 'thumbnail','excerpt','custom-fields','comments'),

'taxonomies' => array( 'movie_type'), 'menu_icon' => get_bloginfo('template_url') . '/images/submit_pro.png','has_archive' => true )

);

here we created a custom post type namely 'movie review' and ready to add posts under movie review post. Look your admin Page below the Posts column it will apear.

2. Create custom Taxonomy. for creating custom taxonomies for custom posts, we need to know two of the taxonomy functions.

register_taxonony($taxonomy, $object_type, $args) ;

register_taxonomy_for_object_type($taxonomy, $object_type);

$taxonomy variable contains the information of our newly creating taxonomy name 'movie_type' and

$object_type represents our custom post type namely 'movie_review'.

Here is the full code for custom taxonomy

register_taxonomy( 'movie_type', array('movie_review'), array(

'hierarchical' => true, 'labels' => array(

'name' => __( 'Movie', 'mywptuts'),

'singular_name' => __( 'Movie Category', 'mywptuts'),

'search_items' => __( 'Search Movie', 'mywptuts'),

'all_items' => __( 'All Movie', 'mywptuts'),

'parent_item' => __( 'Parent Movie Category', 'mywptuts'),

'parent_item_colon' => __( 'Parent Movie Category:', 'mywptuts'),

'edit_item' => __( 'Edit Movie Category', 'mywptuts'),

'update_item' => __( 'Update Movie Category', 'mywptuts'),

'add_new_item' => __( 'Add New Movie Category', 'mywptuts'),

'new_item_name' => __( 'New Movie', 'mywptuts'),

'menu_name' => __( 'Movie' )

'show_ui' => true,

'query_var' => true,

'update_count_callback' => '_update_post_term_count',

'rewrite' => array( 'slug' =>'movie_type', 'hierarchical' => true ),

)

);

$movie_types = array(

'Action',

'Thriller',

'Horror',

'Comedy',

'historical'

);

if ($movie_types) foreach($movie_types as $movie_type) {

if (!get_term_by( 'slug', sanitize_title($movie_type), 'movie_type')) {

wp_insert_term($movie_type, 'movie_type');

}

And a single line of code can help you to avoid consequences of custom post type and custom taxonomy error.

register_taxonomy_for_object_type('movie_type','movie_review');

for avoid minetraps.

Thats it to create custom post type and taxonomies. If you have any idea and improvements drop a comment here.

WordPress Use Chart in Front and Back End Using Chart.js

noreply@blogger.com (Anonymous) — Sun, 16 Jun 2013 03:20:00 -0700

Charts are so useful now a days, showing charts instead of data table , looks easy and ease of presence. There are so many Chart plugins are available to use. But that are all not opt to your wordpress blog. So I found a way to use it on my own customization. First of all I tried to use php class for Drawing Charts but. None of that is free and looks nice. So i used Charts.js for drawing charts. It's light weight and create a animated view for drawing chart on your browser.

First you need Chart.min.js is need to use it. It is flexible to customize and it supports 6 types of charts.

Additionally, excanvas.compiled js package is needed. download it from Charts.js source site

first of all enqueue these two files into wordpress, both in admin and front end use.

// Add IE Fallback for HTML5 and canvas

// - - - - - - - - - - - - - - - - - - - - - - -

function wp_charts_html5_support () {

echo '<!--[if lt IE 8]>'; //this is for the support of HTML 5 which helps to draw chart

echo '<script src="'.plugins_url( '/js/excanvas.compiled.js', __FILE__ ).'"</script>';

echo '<![endif]-->';

echo ' <style>

/*wp_charts_js responsive canvas CSS override*/

.wp_charts_canvas {

width:100%!important;

max-width:100%;

height:auto!important;

}

</style>';

}

// Register both Scripts

// - - - - - - - - - - - - - - - - - - - - - - -

function wp_charts_load_scripts() {

if ( !is_Admin() ) {

wp_register_script( 'charts-js', plugins_url('/js/Chart.min.js', __FILE__) );

wp_enqueue_script( 'charts-js' );

}

add_action( "wp_enqueue_scripts", "wp_charts_load_scripts" );

add_action('wp_head', 'wp_charts_html5_support');

here html support is used under wp_head to initiate the js function

You can use color conversion and showing of different color variations from this code

// make sure there are the right number of colours in the colour array

// - - - - - - - - - - - - - - - - - - - - - - -

if ( !function_exists('wp_charts_compare_fill') ) {

function wp_charts_compare_fill(&$measure,&$fill) {

// only if the two arrays don't hold the same number of elements

if (count($measure) != count($fill)) {

// handle if $fill is less than $measure

while (count($fill) < count($measure) ) {

$fill = array_merge( $fill, array_values($fill) );

}

// handle if $fill has more than $measure

$fill = array_slice($fill, 0, count($measure));

}

// color conversion function

// - - - - - - - - - - - - - - - - - - - - - - -

if (!function_exists( "wp_charts_hex2rgb" )) {

function wp_charts_hex2rgb($hex) {

$hex = str_replace("#", "", $hex);

if(strlen($hex) == 3) {

$r = hexdec(substr($hex,0,1).substr($hex,0,1));

$g = hexdec(substr($hex,1,1).substr($hex,1,1));

$b = hexdec(substr($hex,2,1).substr($hex,2,1));

} else {

$r = hexdec(substr($hex,0,2));

$g = hexdec(substr($hex,2,2));

$b = hexdec(substr($hex,4,2));

}

$rgb = array($r, $g, $b);

return implode(",", $rgb); // returns the rgb values separated by commas

}

data trailing function for serialize your data

if (!function_exists('wp_charts_trailing_comma')) {

function wp_charts_trailing_comma($incrementor, $count, &$subject) {

$stopper = $count - 1;

if ($incrementor !== $stopper) {

return $subject .= ',';

}

Here we ready to draw a chart. We almost done except the function to give raw data for drawing a chart. We have to give the parameters of the chart, i.e values to draw a chart . Which type of chart we are going to use here. I already specified that chart.js supports 6 types of charts.

For example I use Pie Chart here.

array(

'type' => 'pie', //type of chart we are going to use

'title' => 'chart',

'canvaswidth' => '625',

'canvasheight' => '625',

'width' => '48%',

'height' => 'auto',

'margin' => '5px',

'align' => '',

'class' => '',

'labels' => '',

'data' => '30,50,10', //data for drawing a chart

'datasets' => '30,50,100 next 20,90,75',

'colors' => '69D2E7,#E0E4CC,#F38630,#96CE7F,#CEBC17,#CE4264',

'fillopacity' => '0.7',

'pointstrokecolor' => '#FFFFFF' );

The above array contains a list of parameters for the chart.

// Chart Shortcode 1

// - - - - - - - - - - - - - - - - - - - - - - -

function wp_charts_shortcode( $atts ) {

// Default Attributes

// - - - - - - - - - - - - - - - - - - - - - - -

extract( shortcode_atts(

array(

'type' => 'pie',

'title' => 'chart',

'canvaswidth' => '625',

'canvasheight' => '625',

'width' => '48%',

'height' => 'auto',

'margin' => '5px',

'align' => '',

'class' => '',

'labels' => '',

'data' => '30,50,10',

'datasets' => '30,50,100 next 20,90,75',

'colors' => '69D2E7,#E0E4CC,#F38630,#96CE7F,#CEBC17,#CE4264',

'fillopacity' => '0.7',

'pointstrokecolor' => '#FFFFFF'

), $atts )

);

// prepare data

$title = str_replace(' ', '', $title);

$data = explode(',', str_replace(' ', '', $data));

$datasets = explode("next", str_replace(' ', '', $datasets));

$colors = explode(',', str_replace(' ','',$colors));

(strpos($type, 'lar') !== false ) ? $type = 'PolarArea' : $type = ucwords($type) ;

// output - covers Pie, Doughnut, and PolarArea

$currentchart = '<div class="'.$align.' '.$class.'" style="width:'.$width.';height:'.$height.';margin:'.$margin.';">';

$currentchart .= '<canvas id="'.$title.'" height="'.$canvasheight.'" width="'.$canvaswidth.'" class="wp_charts_canvas"></canvas></div>

<script>';

// start the js arrays correctly depending on type

if ($type == 'Line' || $type == 'Radar' || $type == 'Bar') {

wp_charts_compare_fill($datasets, $colors);

$total = count($datasets);

// output labels

$currentchart .= 'var '.$title.'Data = {';

// if ( count($labels) > 0 ) {

$currentchart .= 'labels : [';

$labelstrings = explode(',',$labels);

// wp_charts_compare_fill($datasets, $labelstrings);

for ($j = 0; $j < count($labelstrings); $j++ ) {

$currentchart .= '"'.$labelstrings[$j].'"';

wp_charts_trailing_comma($j, count($labelstrings), $currentchart);

}

$currentchart .= '],';

// }

$currentchart .= 'datasets : [';

} else {

wp_charts_compare_fill($data, $colors);

$total = count($data);

$currentchart .= 'var '.$title.'Data = [';

}

// create the javascript array of data and attr correctly depending on type

for ($i = 0; $i < $total; $i++) {

if ($type === 'Pie' || $type === 'Doughnut' || $type === 'PolarArea') {

$currentchart .= '{

value : '. $data[$i] .',

color : '.'"'. $colors[$i].'"'.'

}';

} else if ($type === 'Bar') {

$currentchart .= '{

fillColor : "rgba('. wp_charts_hex2rgb( $colors[$i] ) .','.$fillopacity.')",

strokeColor : "rgba('. wp_charts_hex2rgb( $colors[$i] ) .',1)",

data : ['.$datasets[$i].']

}';

} else if ($type === 'Line' || $type === 'Radar') {

$currentchart .= '{

fillColor : "rgba('. wp_charts_hex2rgb( $colors[$i] ) .','.$fillopacity.')",

strokeColor : "rgba('. wp_charts_hex2rgb( $colors[$i] ) .',1)",

pointColor : "rgba('. wp_charts_hex2rgb( $colors[$i] ) .',1)",

pointStrokeColor : "'.$pointstrokecolor.'",

data : ['.$datasets[$i].']

}';

} // end type conditional

wp_charts_trailing_comma($i, $total, $currentchart);

}

// end the js arrays correctly depending on type

if ($type == 'Line' || $type == 'Radar' || $type == 'Bar') {

$currentchart .= ']

};';

} else {

$currentchart .= '];';

}

$currentchart .='var wpChart'.$title.$type.' = new Chart(document.getElementById("'.$title.'").getContext("2d")).'.$type.'('.$title.'Data);

</script>';

// return the final result

return $currentchart;

}

give parameter through $atts and draw your chart. if you have questions comment below.

WordPress - Call php file Via Ajax and jQuery

noreply@blogger.com (Anonymous) — Sat, 15 Jun 2013 00:38:00 -0700

There are so many sites now a days showing using ajax for displaying immediate response for every user actions. Obviously WordPress also using Ajax functions , but its available on admin page only, You will be able to note the functions of Comment moderation and Post quick edit and few others.

So today i loved to show how to use built - in ajax function for your theme or Plugin of WordPress site. Its easy to catch form values and perform operation through your php code and return the response through ajax and jQuery function.

1. Create form like this

<form id="new_post" name="new_post" method="post" action="" enctype="multipart/form-data">
<fieldset name="name">
<label for="title">Project Title:</label>
<input type="text" id="title" value="" tabindex="5" name="title" size="70"/>
</fieldset>


<fieldset class="category">
<label for="cat">Area:</label>
<?php wp_dropdown_categories( 'tab_index=10&taxonomy=category&hide_empty=0' ); ?>
</fieldset>


<fieldset class="content">
<label for="description">Summary/Excerpt/Abstract of Project :</label>
<textarea id="description" tabindex="15" name="description" cols="60" rows="10"></textarea>
</fieldset>


<fieldset class="tags">
<label for="post_tags">Additional Keywords (comma separated):</label>
<input type="text" value="" tabindex="35" name="post_tags" id="post_tags" />
</fieldset>

<fieldset class="submit">
<input type="submit" value="Post Review" tabindex="40" class="button" name="submit" />
</fieldset>

<input type="hidden" name="action" value="new_post" />
<?php wp_nonce_field( 'new-post' ); ?>

<label for="price">Your Expected Price:</label>
<input type="text" value="" name="price" id="price" />
</form>

2. and write the following line of code into a js file which you created to perform jquery and ajax operations.

jQuery(document).ready(function($) {

//#new_post is replaced with your Form id

$('#new_post').bind('submit', function() {
var form_data = $('#new_post');
var data = form_data.serialize();
data.action = 'mywptuts_post_new' ; // Your php function name here
$.post('/wp-admin/admin-ajax.php',data , function (response) {
alert(response);
});
return false ;
});

});

3. Then create your php file and add it with add_Actions function.

// php file
<?php

function mywpwtuts_post_new () {

//your plugin operation of posting form data and ajax operation to show the response

if( 'POST' == $_SERVER['REQUEST_METHOD'] && !empty( $_POST['action'] ) && $_POST['action'] == "new_post") {

$errors = new WP_Error();

$fields = array(

'title',

'features',

'post_tags'

);

foreach ($fields as $field) {

if (isset($_POST[$field])) $posted[$field] = stripslashes(trim($_POST[$field])); else $posted[$field] = '';

}

if ($posted['title'] != null )

$title = $_POST['title'];

else

$errors->add('empty_title', __('<strong>Notice</strong>: Please enter a title for your project.', 'kv_project'));

if ($posted['features'] != null)

$features = $_POST['features'];

else

$errors->add('empty_features', __('<strong>Notice</strong>: Please enter the features of your project.', 'kv_project'));

if ($posted['post_tag'] != null)

$tags = $_POST['post_tags'];

if(isset( $_POST['cat'] ) )

$post_cat = $_POST['cat'];

else

$errors->add('empty_category', __('<strong>Notice</strong>: Please choose your project category.', 'kv_project'));

//$errors = apply_filters( 'wp_insert_post', $errors, $posted['user_login'], $posted['user_email'] );

if ( !$errors->get_error_code() ) {

$new_post = array(

'post_title' => $title,

'post_content' => $features,

'post_category' => $post_cat,

'tags_input' => array($tags),

'post_status' => 'pending'

);

$pid = wp_insert_post($new_post);

wp_set_post_tags($pid, $_POST['post_tags']);

}

if( $pid) {

echo 'Your post has been posted and Waiting for Admin Approval' ;

} else {

echo ' Your post has not been posted , check and fill all necessary fields' ;

}

}

add_action("wp_ajax_nopriv_mywpwtuts_post_new ", "mywpwtuts_post_new ");
add_action("wp_ajax_mywpwtuts_post_new ", "mywpwtuts_post_new ");

?>

thats it your code is ready to communicate with your php and ajax functions.

Display all Post types and Custom Post types in Home Page

noreply@blogger.com (Anonymous) — Thu, 13 Jun 2013 02:13:00 -0700

Creation of multiple post types can't be displayed all in your themes home page. All you have to do is to add the following code into your theme "functions.php" file or main plugin file to view it on your home page

<?php

add_filter( 'pre_get_posts', 'kv_wp_get_posts' );

function kv_wp_get_posts( $query ) {

if ( is_home() )

$query->set( 'post_type', array( 'post', 'page', 'custom post types', 'attachment' ) );

else if(is_front_page())

$query->set( 'post_type', array( 'post', 'page', 'custom post types', 'attachment' ) );

return $query;

}

Here post, pages, custom_post types and attachments are athe post types, you can add your own custom post types which you registered already,

How to fix WordPress White screen Error

noreply@blogger.com (Moviiee Thandura) — Wed, 12 Jun 2013 02:31:00 -0700

If you are working with WordPress more than a week you must happened to see this common error of White screen death. Its really irritating because we can't identify the actual error or what we did wrong ?. If you must be developer of WordPress Plugin or Theme , else you must be a user of WordPress. So here i will explain both of you.

First I am going to explain on User view. Because users can't find the actual root coding of Your WordPress.

User View to Solve it :

1. Possible way of solving the problem is to deactivate the plugin or a theme you installed lastly. It may have some errors in coding and not fixed well or not handled with error catching event.

2. Use a expert to find-out the thing which affected by your last plugin or theme. Because whenever you install a plugin or a theme, it may create certain data's into your WordPress database. So first you must find-out the things completely and remove it and delete the files in your wp-content folder.

3. Another Popular way is to deactivate all plugin and themes you installed and make a fresh install of (wp-content/ ) folder.

4. Ask your hosting server forum and call your domain hosting care.

Developer View to Solve it:

Developers last activity of your function you created on your plugin or theme file must have a error. You will know that and the error may be classified into 2 type.

1. Problem Persist on your hosting server.

2. Problem with your code.

1. Problem with Hosting Server

May be of your hosting server is not capable of handling your wordpress update. Many of the server tried to upgrade new features everyday. This may cause some problems. Ask your hosting server forums.

2. Problem with your Code

Most common mistakes i will bring it here.

error because of the functions conflicting in nature. because wordpress is created for customization. So many built in function already built with it. You may write your code to conflict with its predefined code. Check the functionality before trying to code it yourself.
Blankspace in your theme functions.php file . this could leads you to see a white screen .
Blank Line it wp-config.php file, may be you tried to add some code on your wp-config.php file. and forgot to delete the created a bit of unknown blank line.
File permission , if you are palying with file such as reading and writing of files. check the file psermissions first.

Wordpress 3.6 Features and New things

noreply@blogger.com (Anonymous) — Mon, 10 Jun 2013 00:45:00 -0700

WordPress built for customization, be a CMS solution to customize to variety of platforms. So the reason for every web developers and web hackers love to work with WordPress. Over the past 10 years of history WordPress happen to see so many tremendous changes and advert its features. Here its the recent release of WordPress 3.6 and its features.

1.Post Formats :

Wordpress added its additional feature of displaying posts based on its post format. every customization needs to carryout different types of post and its formats.

2.Simplify the features and arrange it on a sequence order. wordpress built-in feature of post formats.

3. AutoSave option for saving the time and helps to solve the problem of loss of data. This would helps to save the post which prevents the loose of user data.

4. feature of Session Management on every login.

5. Locking of Posts. great feature of lock certain posts from all other people viewing.

and few built in themes of WordPress and revision management.

How to Manage Wordpress Pluse through Programmatically

noreply@blogger.com (Anonymous) — Mon, 10 Jun 2013 00:18:00 -0700

With the new feature of wordpress 3.6 Heartbeat to trac all discussions and information's of your blog and pages. Heartbeat will help to organise all the comments and discussions of your blog. Also it interduces several features like AutoSave, Lock a article, and notifications of logon and logoff .

Which beats every 15 seconds. Also you can change the interval of beat. You can also stop beating for low processors. because it will take few CPU usage which is avoided on low processors.

Manage time gap :

<?php

/**

* Plugin Name: MyWP Tuts - Set Heartbeat pulse

! defined( 'ABSPATH' ) and exit;

add_filter( 'heartbeat_settings', 'mywp_tuts_heartbeat_settings' );

function mywp_tuts_heartbeat_settings( $settings = array() ) {

$settings['interval'] = 60;

return $settings;

}

remove the action by using the following code.

<?php

/**

* Plugin Name: MyWP Tuts - Set Heartbeat pulse

! defined( 'ABSPATH' ) and exit;

remove_action( 'admin_init', 'wp_auth_check_load' );

Debugging of the Tool

if you want to debug the tools. wp.heartbeat.debug of javascript function will give you the debugging informations and tools make it as TRUE we will debug heartbeat.

<?php

if ( typeof console !== 'undefined' )

wp.heartbeat.debug = true; // Show debugging info of heartbeat

Prevent Wordpress SQL Injection Hacking

noreply@blogger.com (Moviiee Thandura) — Fri, 7 Jun 2013 20:22:00 -0700

SQL injection describes a class of these attacks in which hackers embed commands in a URL that trigger behaviors from the database. wordpress SQL injection attack is increasing nowa days. These attacks can reveal sensitive information about the database, potentially giving hackers entrance to modifying the actual content of your site. Many of today's web site defacement attacks are accomplished by some form of SQL

Injection.

By the following code can help u to prevent it. Apache server have a file namely .htaccess add the below code in it.

RewriteEngine On

RewriteBase /

RewriteCond %{REQUEST_

METHOD} ^(HEAD|TRACE|

DELETE|TRACK) [NC]

RewriteRule ^(.*)$ - [F,L]

RewriteCond %{QUERY_

STRING} \.\.\/ [NC,OR]

RewriteCond %{QUERY_

STRING} boot\.ini [NC,OR]

RewriteCond %{QUERY_

STRING} tag\= [NC,OR]

RewriteCond %{QUERY_

STRING} ftp\: [NC,OR]

RewriteCond %{QUERY_

STRING} http\: [NC,OR]

RewriteCond %{QUERY_

STRING} https\: [NC,OR]

RewriteCond %{QUERY_

STRING} (\<|%3C).*script.*(\>|

%3E) [NC,OR]

RewriteCond %{QUERY_

STRING} mosConfig_[a-zA-Z_]

{1,21}(=|%3D) [NC,OR]

RewriteCond %{QUERY_

STRING} base64_encode.*

$.*$ [NC,OR]

RewriteCond %{QUERY_

STRING} ^.*(\[|\]|$|$|<|>|ê|"|;|\?|

\*|=$).* [NC,OR]

RewriteCond %{QUERY_

STRING} ^.*("|'|

<|>|\|&#

x7B;||).* [NC,OR]

RewriteCond %{QUERY_

STRING} ^.*(%24&x).* [NC,OR]

RewriteCond %{QUERY_

STRING} ^.*(%0|%A|%B|%C|%

D|%E|%F|127\.0).* [NC,OR]

RewriteCond %{QUERY_

STRING} ^.*(globals|encode|

localhost|loopback).* [NC,OR]

RewriteCond %{QUERY_

STRING} ^.*(request|select|

insert|union|declare).* [NC]

RewriteCond %{HTTP_

COOKIE} !^.*wordpress_

logged_in_.*$

RewriteRule ^(.*)$ - [F,L]

</IfModule>

Wordpress Remove Default Widgets

noreply@blogger.com (Moviiee Thandura) — Fri, 7 Jun 2013 20:12:00 -0700

I was tried to find a solution to remove all the default widgets from my WP blog. I spend huge time to find s simple solution.Here is a complete code to remove all the default widget from your wordpress default widget.

function unregister_default_widgets() {

unregister_widget('WP_Widget_Pages');

unregister_widget('WP_Widget_Calendar');

unregister_widget('WP_Widget_Archives');

unregister_widget('WP_Widget_Links');

unregister_widget('WP_Widget_Meta');

unregister_widget('WP_Widget_Search');

unregister_widget('WP_Widget_Text');

unregister_widget('WP_Widget_Categories');

unregister_widget('WP_Widget_Recent_Posts');

unregister_widget('WP_Widget_Recent_Comments');

unregister_widget('WP_Widget_RSS');

unregister_widget('WP_Widget_Tag_Cloud');

unregister_widget('WP_Nav_Menu_Widget');

unregister_widget('Twenty_Eleven_Ephemera_Widget');

}

if you get advanced trick just post your comment below.

How to use Shadowbox.js on Wordpress Front End

noreply@blogger.com (Moviiee Thandura) — Fri, 7 Jun 2013 20:03:00 -0700

Thickbox is older one now to use at front end of your WordPress site. Be a new one Shadowbox.js is useful to attract your visitors. Here i will guide you to get a shadowbox on your site.

1. first we need to download the Shadowbox.js script. form their site and unpack the zip file. Upload the folder within your themes directory.

2. add the following code into your theme file "functions.php" this will help you to add your shadowbox.js into wordpress settings.

function my_scripts_method() {

wp_enqueue_script( 'shadowbox', get_template_directory_uri() . '/includes/shadowbox/shadowbox.js');

}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

function kv_enqueue_style () {

wp_register_style( 'shadow-style', get_template_directory_uri() . '/includes/shadowbox/shadowbox.css');

wp_enqueue_style( 'shadow-style' );

}

3. add a tiny line of code to your theme directory javascript file. Create a file with extension of "js". add the following code into it.

Shadowbox.init();

</script>

4. Here is a function and sample code to direct you to add a post images to show it on shadowbox window.

<?php $args = array(

'post_type' => 'attachment',

'numberposts' => -1,

'post_parent' => $post->ID,

'post_mime_type' => 'image'

);

$attachments = get_posts( $args );

if ( $attachments )

{

foreach ( $attachments as $attachment )

{

$image_attributes = wp_get_attachment_image_src( $attachment->ID, full, false );

$small_img = wp_get_attachment_image_src( $attachment->ID, array(120,120)); ?>

<?php //add_thickbox(); ?>

<a href="<?php echo $image_attributes[0] ; ?>" rel="shadowbox[Mixed];" > <img src="<?php echo $small_img[0] ; ?>" alt="Plant 1"/> </a>

<?php }

}

try this to add your post files on front end of your WordPress site or blog. I am not familiar with english. So use it and comment below.

and my next post i will guide you to use shadowbox to show div alert window on front end.

$wpdb->insert is not working

noreply@blogger.com (Moviiee Thandura) — Fri, 31 May 2013 19:58:00 -0700

Many people seems to face this error . Because the of the wpdb syntax error, or some data missing, or format error, even some times which does not include wp-load.php. Or even some times. other functions of the file may restrict to work it properly.

Before that you have to understand well about usage and handling of $wpdb and its functions in wordpress.

Its available at http://codex(dot)wordpress(dot)org/Class_Reference/wpdb

Debugg - fatal error:Call to undefined function get_option() in

noreply@blogger.com (Moviiee Thandura) — Fri, 31 May 2013 19:50:00 -0700

When i was developing plugin or theme for my own wordpress blog i was happen to see this error most of the time. So that i tried to know the reason for this error. Finally i found something related to this error. Here i will explain you how the error occurs.

"Fatal error: Call to undefined function get_option() in D:\xampp\htdocs\kvp\wp-content\themes\mywptuts\kv_options.php on line 6 "

Solutions for the problem :

1. the very first reason is "wp-load.php" function may not loaded for that file mentioned as "kv_options.php". Because the wp-load file loads the entire wordpress predefined files and contents. For that define the following line to include the file.

require_once($_SERVER['DOCUMENT_ROOT'].'/kvp/wp-load.php');

2. Your file which contains the "get_option" function is attached from too many files . Your file is too long to catch it. Or else defined the function more than two times. So the problem occurs. Try to understand that more than one call can't loaded once.

So write the code straightway to your theme functions.php file .or your plugin's main file

3. Your wp-includes folder crashed or having some update trouble. try it on a fresh wp-includes. Don't replace with new one. Instead of replacing te old file. Delete the entire files from wp-includes folder and upload a fresh copy with in it.

these reasons i found it on my own. If you are helpful through this tutorial or still problem exist . Comment below.