Setting up WordPress VIP Development Environment with Easy Engine (nginx)

Hey there,

As you know VIP quick start has been deprecated recently. Here is some easy way to get started with VIP development, We hope soon EasyEngine will V4 launch with VIP support but for now, let’s do all thing manually.

You need Ubuntu 14 / 16 LTS with sudo access also we need svn and git installed.

For starter let’s install easy engine if you don‚Äôt already have one open terminal

wget -qO ee rt.cx/ee && sudo bash ee # install easyengine

Next step create a multisite

ee site create example.com --wpsubdom

save username and password somewhere for safe keeping, We are ready with the initial setup for VIP now let’s make site real VIP ūüėČ
The user www-data has the write access to /var/www/ folder so let’s switch user with the following command

sudo -su www-data

Go to htdocs folder with

cd /var/www/example.com/htdocs/

Let’s add VIP Plugins and Helper files

svn co https://vip-svn.wordpress.com/plugins/ wp-content/themes/vip/plugins

For next step lets install some mu-plugins

git clone --recursive https://github.com/automattic/vip-wpcom-mu-plugins wp-content/mu-plugins

these repos should be updated daily with svn up and git pull

If you have a theme ready for project lets put that in wp-content/themes/vip/{your-theme}. If you don’t have theme ready right now lets put one of WordPress default theme to VIP directory by simply moving that to VIP directory

mv wp-content/themes/twentysixteen/ wp-content/themes/vip/twentysixteen

Now let’s include vip-init.php to themes functions.php at the beginning of the file and check it by loading facebook instant article plugin.


require_once WP_CONTENT_DIR . '/themes/vip/plugins/vip-init.php';
wpcom_vip_load_plugin( 'facebook-instant-articles', 'plugins','3.3' );

Now visit http://example.com/wp-admin/ and log in by username and password generated and go to Dashboard and activate theme in which you added vip-init.php

We are done!

Please let me know your thoughts in comments

Google Maps API drawing polygon with JSTS Librery

One of our client  has asked for road map feature for their website. basically what he need is A Road map which list all places around the route.

Now getting distance between to points was very easy the important thing is how to draw polygon around route.

After lot of browsing and googling ¬†I found amazing library which is able to draw polygon around route it’s called JSTS library.

Continue reading “Google Maps API drawing polygon with JSTS Librery”

WordPress redirect user with role

WordPress has many users roles, you can redirect particular users by role with following function

<?php

function redirect_user_on_role()
 {

 // retrieve current user info

 global $current_user;
 get_currentuserinfo();

 // If login user role is Subscriber

 if ($current_user->user_level == 0)
 {
 wp_redirect(esc_url(get_permalink(get_page_by_title('Perticluar Page By Name'))));
 exit;
 }

 // If login user role is Contributor

   else
 if ($current_user ->user_level > 1)
 {
 wp_redirect(home_url());
 exit;
 }

 // If login user role is Editor

   else
 if ($current_user ->user_level > 8)
 {
 wp_redirect(home_url());
 exit;
 }

 //For other roles
  else
 {
   $redirect_to = 'http://google.com/';
   return $redirect_to;
 }
 }

add_action('admin_init', 'redirect_user_on_role');

Continue reading “WordPress redirect user with role”

WordPress Plugin Template redirect custom post, page, taxonomy

Here is example of how we can redirect to custom templates in wordpress plugin with page name, custom post type, custom taxonomies etc 

 

<?php
add_action("template_redirect", 'my_theme_redirect');

function my_theme_redirect()
 {
 global $wp;
 $plugindir = dirname(__FILE__);

 // A Specific page by title / name

 if ($wp->query_vars["pagename"] == 'agenda')
 {
 $templatefilename = 'page-event-list.php';
 if (file_exists(TEMPLATEPATH . '/' . $templatefilename))
 {
 $return_template = TEMPLATEPATH . '/' . $templatefilename;
 }
   else
 {
 $return_template = $plugindir . '/templates/' . $templatefilename;
 }

 do_theme_redirect($return_template);
 }

 // A Specific Custom Post Type

 if ($wp->query_vars["post_type"] == 'events')
 {
 $templatefilename = 'single-event.php';
 if (file_exists(TEMPLATEPATH . '/' . $templatefilename))
 {
 $return_template = TEMPLATEPATH . '/' . $templatefilename;
 }
   else
 {
 $return_template = $plugindir . '/templates/' . $templatefilename;
 }

 dmk_redirect_to_login_if_not_logged_in();
 do_theme_redirect($return_template);

 // A Custom Taxonomy Page

 }
 elseif ($wp->query_vars["taxonomy"] || is_tax('location') == 'location')
 {
 $templatefilename = 'taxonomy-event_location.php';
 if (file_exists(TEMPLATEPATH . '/' . $templatefilename))
 {
 $return_template = TEMPLATEPATH . '/' . $templatefilename;
 }
   else
 {
 $return_template = $plugindir . '/templates/' . $templatefilename;
 }

 do_theme_redirect($return_template);
 }
 }

// Function includes file and does redirection

function do_theme_redirect($url)
 {
 global $post, $wp_query;
 if (have_posts())
 {
 include ($url);

 die();
 }
   else
 {
 $wp_query->is_404 = true;
 }
 }

php text to speech with google api

// Convert Words (text) to Speech (MP3)
// ------------------------------------
$word=$_POST['word'];
// Google Translate API cannot handle strings > 100 characters
$word = substr($word, 0, 100);

// Replace the non-alphanumeric characters
// The spaces in the sentence are replaced with the Plus symbol
$word = urlencode($word);

// If the MP3 file exists, do not create a new request
// create curl resource
$ch = curl_init();

// set url
curl_setopt($ch, CURLOPT_URL, 'http://translate.google.com/translate_tts?ie=UTF-8&tl=en&q='.$word);

//return the transfer as a string
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

// $output contains the mp3 file
$mp3 = curl_exec($ch);

// close curl resource to free up system resources
curl_close($ch);

file_put_contents('temp/'.$word.'.mp3', $mp3);

PS: this code no longer works as google added captcha code

WordPress bypass sanitize filter for post insert

I found solution for wordpress 3.6 and just want to share here
filter had to be unset due to security problems with it. You could try doing kses_remove_filters() before inserting the post and kses_init_filters() after inserting the post if you are trying to avoid the kses filtering of the post fields. Just be wary since that defeats most of the security measures for inserting posts.

kses_remove_filters(); // remove filter
wp_insert_post($args); //insert post
kses_init_filters(); // put back filter

Sending MIME Mail with PHP

You can send email with PHP Mailer with attachment and MIME type, with help of following libraries

1)PHP Mailer
you can download latest version from github

Example:

php
require 'class.phpmailer.php';

$mail = new PHPMailer;

$mail->IsSMTP();                                      // Set mailer to use SMTP
$mail->Host = 'smtp1.example.com;smtp2.example.com';  // Specify main and backup server
$mail->SMTPAuth = true;                               // Enable SMTP authentication
$mail->Username = 'jswan';                            // SMTP username
$mail->Password = 'secret';                           // SMTP password
$mail->SMTPSecure = 'tls';                            // Enable encryption, 'ssl' also accepted

$mail->From = 'from@example.com';
$mail->FromName = 'Mailer';
$mail->AddAddress('josh@example.net', 'Josh Adams');  // Add a recipient
$mail->AddAddress('ellen@example.com');               // Name is optional
$mail->AddReplyTo('info@example.com', 'Information');
$mail->AddCC('cc@example.com');
$mail->AddBCC('bcc@example.com');

$mail->WordWrap = 50;                                 // Set word wrap to 50 characters
$mail->AddAttachment('/var/tmp/file.tar.gz');         // Add attachments
$mail->AddAttachment('/tmp/image.jpg', 'new.jpg');    // Optional name
$mail->IsHTML(true);                                  // Set email format to HTML

$mail->Subject = 'Here is the subject';
$mail->Body    = 'This is the HTML message body in bold!';
$mail->AltBody = 'This is the body in plain text for non-HTML mail clients';

if(!$mail->Send()) {
   echo 'Message could not be sent.';
   echo 'Mailer Error: ' . $mail->ErrorInfo;
   exit;
}

echo 'Message has been sent';?>
You can also send Emails with SwiftMailer
Example:
php

require_once 'swift/lib/swift_required.php';

$smtp = Swift_SmtpTransport::newInstance('smtp.host.tld', 25)
  ->setUsername(' ... ')
  ->setPassword(' ... ');

$mailer = Swift_Mailer::newInstance($smtp);

$message = Swift_Message::newInstance('Your subject');
$message
  ->setTo(array(
    'user1@example.org',
    'user2@example.org' => 'User Two',
    'user3@exmaple.org' => 'Another User Name'
  ))
  ->setFrom(array('your@address.com' => 'Your Name'))
  ->attach(Swift_Attachment::fromPath('/path/to/doc1.pdf'))
  ->attach(Swift_Attachment::fromPath('/path/to/doc2.pdf'))
  ->setBody(
    $message->embed(Swift_Image::fromPath('/path/to/image.jpg')) . '" />',
    'text/html'
  )
  ->addPart('This is the alternative part', 'text/plain')
  ;
if ($mailer->send($message))
{
  echo "Message sent!";
}
else
{
  echo "Message could not be sent.";
}

Jquery moving all items in listbox at once

jQuery example of moving single element from one list to another
http://jsfiddle.net/RbLVQ/60/

Javascript:

$(document).ready(function() {
    $('#btnRight').click(function(e) {
        var selectedOpts = $('#lstBox1 option:selected');
        if (selectedOpts.length == 0) {
            alert("Nothing to move.");
            e.preventDefault();
        }

        $('#lstBox2').append($(selectedOpts).clone());
        $(selectedOpts).remove();
        e.preventDefault();
    });

    $('#btnLeft').click(function(e) {
        var selectedOpts = $('#lstBox2 option:selected');
        if (selectedOpts.length == 0) {
            alert("Nothing to move.");
            e.preventDefault();
        }

        $('#lstBox1').append($(selectedOpts).clone());
        $(selectedOpts).remove();
        e.preventDefault();
    });
});
 
HTML:
<table style='width:370px;'>
    <tr>
        <td style='width:160px;'>
            <b>Group 1:</b><br/>
           <select multiple="multiple" id='lstBox1'>
              <option value="ajax">Ajax</option>
              <option value="jquery">jQuery</option>
              <option value="javascript">JavaScript</option>
              <option value="mootool">MooTools</option>
              <option value="prototype">Prototype</option>
              <option value="dojo">Dojo</option>
        </select>
    </td>
    <td style='width:50px;text-align:center;vertical-align:middle;'>
        <input type='button' id='btnRight' value ='  >  '/>
        <br/><input type='button' id='btnLeft' value ='  <  '/>
    </td>
    <td style='width:160px;'>
        <b>Group 2: </b><br/>
        <select multiple="multiple" id='lstBox2'>
          <option value="asp">ASP.NET</option>
          <option value="c#">C#</option>
          <option value="vb">VB.NET</option>
          <option value="java">Java</option>
          <option value="php">PHP</option>
          <option value="python">Python</option>  
        </select>
    </td>
</tr>
</table> 
 

and Some CSS:
body { padding:10px; font-family:verdana; font-size:8pt;} select{ font-family:verdana; font-size:8pt; width : 150px; height:100px;}input { text-align: center; v-align: middle;}

If you want to move all elements at once
follow this example

or add this code
HTML:

<input type='button' id='btnRightAll' value ='  >>  '/>
Javascript:
$('#btnRightAll').click(function(e) {
    var selectedOpts = $('#lstBox1 option');
    if (selectedOpts.length == 0) {
        alert("Nothing to move.");
        e.preventDefault();
    }

    $('#lstBox2').append($(selectedOpts).clone());
    $(selectedOpts).remove();
    e.preventDefault();
});