Get the youtube video ID from url

If you are struggling to get the video id (i.e.v=id) from YouTube’s URL, use the below function.

function get_youtube_video_id($youtubeUrl) {
    preg_match_all("#(?<=v=|v\/|vi=|vi\/|youtu.be\/)[a-zA-Z0-9_-]{11}#", $youtubeUrl, $matches);
    $youtubeVideoID = $matches[0][0];
    return $youtubeVideoID;
}

$youTubeVideoID = get_youtube_video_id('https://www.youtube.com/watch?v=Zftx68K-1D4');

function get_youtube_video_id($youtubeUrl) {

preg_match_all("#(?<=v=|v\/|vi=|vi\/|youtu.be\/)[a-zA-Z0-9_-]{11}#", $youtubeUrl, $matches);

$youtubeVideoID = $matches[0][0];

return $youtubeVideoID;

}

$youTubeVideoID = get_youtube_video_id('https://www.youtube.com/watch?v=Zftx68K-1D4');

Issue : Outlook Overriding Font from Arial to Times New Roman

If your are receiving the email on Outlook in Times New Roman, add the following code inside the head tag.

<!--[if mso]>
<style type="text/css">
      body, table, td, div, span, p, a, h1, h2, h3, li {font-family: Arial, Helvetica, sans-serif !important;}
</style>
<![endif]-->

<!--[if mso]>

body, table, td, div, span, p, a, h1, h2, h3, li {font-family: Arial, Helvetica, sans-serif !important;}

</style>

<![endif]-->

If you are facing the similar issue in CF7 (contact form 7), just attach the script in the body using CF7 filter.

add_filter('wpcf7_mail_components','app_custom_mail', 10,2);
function app_custom_mail($mail_component, $contact_form){
	 $mail_component['body'] =' <!--[if mso]>
	<style type="text/css">
			body, table, td, div, span, p, a {font-family: Arial, Helvetica, sans-serif !important;line-height: 1.5;}
	</style>
	<![endif]-->';
	$mail_component['body'] .= get_field("rule","options"); // getting the body content of email from back-office advanced custom field options page
	
   return $mail_component;
}

add_filter('wpcf7_mail_components','app_custom_mail', 10,2);

function app_custom_mail($mail_component, $contact_form){

$mail_component['body'] =' <!--[if mso]>

body, table, td, div, span, p, a {font-family: Arial, Helvetica, sans-serif !important;line-height: 1.5;}

</style>

<![endif]-->';

$mail_component['body'] .= get_field("rule","options"); // getting the body content of email from back-office advanced custom field options page

return $mail_component;

}

P.S. This resolved my issue 🙂 .

Programming

Get photos from Instagram using PHP & CURL

To display your Instagram photos on your site, you shall generate the access token. To generate the Access token :

Login on your Instagram account .
Visit site : http://instagram.pixelunion.net/ and click on “Generate Access Token” button
Use the generate access token in the : https://api.instagram.com/v1/users/self/?access_token=ACCESS-TOKEN to get the posts of your Instagram account

You can use the following function to get Instagram photos or update it as per requirement.

function getInstagramFeeds($limit = 1){
        $api_url = "https://api.instagram.com/v1/users/self/media/recent/?access_token=your-access-token&count=".$limit;
        $connection_c = curl_init(); // initializing
        curl_setopt( $connection_c, CURLOPT_URL, $api_url ); // API URL to connect
        curl_setopt( $connection_c, CURLOPT_RETURNTRANSFER, 1 ); // Return the result, do not print
        curl_setopt( $connection_c, CURLOPT_TIMEOUT, 20 );
        $json_return = curl_exec( $connection_c ); // Connect and get json data
        curl_close( $connection_c ); // Close connection
        $insta = json_decode( $json_return ); // Decode and return
        foreach($insta->data as $feed){
                /* Photo Type
                * thumbnail
                * low_resolution
                * standard_resolution
                */
            $items[] = array($feed->link, $feed->images->standard_resolution->url);
        }
        return $items;
    }

function getInstagramFeeds($limit = 1){

$api_url = "https://api.instagram.com/v1/users/self/media/recent/?access_token=your-access-token&count=".$limit;

$connection_c = curl_init(); // initializing

curl_setopt( $connection_c, CURLOPT_URL, $api_url ); // API URL to connect

curl_setopt( $connection_c, CURLOPT_RETURNTRANSFER, 1 ); // Return the result, do not print

curl_setopt( $connection_c, CURLOPT_TIMEOUT, 20 );

$json_return = curl_exec( $connection_c ); // Connect and get json data

curl_close( $connection_c ); // Close connection

$insta = json_decode( $json_return ); // Decode and return

foreach($insta->data as $feed){

/* Photo Type

* thumbnail

* low_resolution

* standard_resolution

$items[] = array($feed->link, $feed->images->standard_resolution->url);

}

return $items;

}

Here, $limit is the number of photos you would like to display in your website.

   $instaItems = getInstagramFeeds(4);
    if(!empty($instaItems)):
    ?>
    <ul>
        <?php
        foreach($instaItems as $instaImage):
            $instaLink = $instaImage[0]; // Instagram photo link
            $instaImg = $instaImage[1]; //Instagram Image
        ?>
        <li> <a href="<?=$instaLink?>" target="_blank"><img src="<?php echo $instaImg; ?>"></a></li>
       <?php  endforeach; ?>
    </ul>
    <?php endif;

$instaItems = getInstagramFeeds(4);

if(!empty($instaItems)):

<ul>

<?php

foreach($instaItems as $instaImage):

$instaLink = $instaImage[0]; // Instagram photo link

$instaImg = $instaImage[1]; //Instagram Image

<li> <a href="<?=$instaLink?>" target="_blank"><img src="<?php echo $instaImg; ?>"></a></li>

<?php endforeach; ?>

</ul>

<?php endif;

Filter and Hooks, Programming, WordPress

Remove special character while uploading Media

The media having special characters in its name, may not be visible in the front-end, therefore, we should remove the special character while uploading media in the WordPress dashboard. wp_handle_upload_prefilter, is admin filter that is called by the wp_handle_upload function, which helps to alter the filename before the file is moved to its destined location. The sole parameter $file, represent a single element of the $_FILES array.

add_filter('wp_handle_upload_prefilter', 'app_upload_filter',1,1 );
function app_upload_filter( $file ){
    $file['name'] = preg_replace('/[^a-zA-Z0-9-_\.]/','-', $file['name']);
    return $file;
}

add_filter('wp_handle_upload_prefilter', 'app_upload_filter',1,1 );

function app_upload_filter( $file ){

$file['name'] = preg_replace('/[^a-zA-Z0-9-_\.]/','-', $file['name']);

return $file;

}

Adding the aforementioned filter in the function.php, removes the special character from the name of the media prior to uploading it in WordPress dashboard.

Programming, WordPress

WPML custom post type slug translation

If you are struggling to translate the slugs for custom post type then, read this article and try to implement the solution in your website.

Suppose, we have custom post type ‘programs‘ and we want to update its slug for each available languages.

add_action('init', function(){
    register_post_type( 'programs',
        [
            'label' => 'programs',
            'public' => true,
            'rewrite' => [
                'slug' => 'programas'
            ]
        ]
    );

});

add_action('init', function(){

register_post_type( 'programs',

[

'label' => 'programs',

'public' => true,

'rewrite' => [

'slug' => 'programas'

]

);

});

I would like to recommend the following steps for translating the custom post type slugs in different languages :

Go to WPML -> String Translation
From the String Translation admin screen search for the English slug “programs”, select the available strings and delete it. Similarly, from the String Translation admin screen search for the slug “programas” and delete it. In short, delete any string translation for related custom slugs.
Go to WPML-> Translation Management-> Multilingual Content Setup and in the Custom posts slug translation options, check the box to “Translate custom posts slugs (via WPML String Translation).” and click Save.
Then, scroll down to custom post types, where you can see the lists for posts ready to to be translated. Select the post to be translated and Save it. Once the page refreshes, you can see the original posts slug and fields where you can enter the slugs for each of your secondary languages. Save the translated custom post slugs.
Check the posts links for each language.Finally, you can see the fine links with the translated slug for each language.

kabita Dhimal

Explore, Learn, Upgrade and Share

Tag Archives: php

Get the youtube video ID from url

Issue : Outlook Overriding Font from Arial to Times New Roman

Get photos from Instagram using PHP & CURL

Remove special character while uploading Media

WPML custom post type slug translation