WordPress

How to Use a Shortcode in WordPress?

shortcodes is a cool feature to a WordPress site. You can do much stuff using the shortcodes. Galleries, videos, and various other functionality would require a lot of code editing. By using shortcodes the HTML and other markups are added dynamically directly into the post or page where the user wants them to appear.

Following is the basic example which you help you to understand the shortcode

<?php
add_shortcode('image_emb', 'image_emb');
function image_emb($atts){
  $atts = shortcode_atts(array(
        'src'=>'',
        'height'=>'388',
        'width'=>'600',
        'title'=>''
    ), $atts);  
  echo '<img width="' . $atts['width'] . '" height="' . $atts['height'] . '" src="' . $atts['src'] . '" />';
}
?>
[image_emb src="yourpath/abc.jpg"]

Now implement same code as shown above step and check your output on the browser.

Related Articles

  1. How to install gulp4
  2. Upgrade MySQL 5.7 to 8. on Ubuntu very easy step
  3. Why all sites now require SSL (https)
Developer Diary

Share
Published by
Developer Diary

Recent Posts

Git Tag Cheat Sheet

Introduction Git tags are an essential feature of version control systems, offering a simple way…

2 months ago

Understanding Web Storage: Cookies, Local Storage

Introduction The methods that browsers employ to store data on a user's device are referred…

3 months ago

Setting up OpenVPN Access Server in Amazon VPC – AWS

Introduction A well-known open-source VPN technology, OpenVPN provides strong protection for both people and businesses.…

3 months ago

Enhance Error Tracking & Monitoring: Integrate Sentry with Node.js & Express.js

Introduction Integrating Sentry into a Node.js, Express.js, and MongoDB backend project significantly enhances error tracking…

3 months ago

Comparing Callbacks, Promises, and Async/Await in JavaScript

Introduction In the world of JavaScript development, efficiently managing asynchronous operations is essential. Asynchronous programming…

5 months ago

How To Secure Nginx with Let’s Encrypt on Ubuntu EC2 Instance

Introduction Let's Encrypt is a Certificate Authority (CA) that makes it simple to obtain and…

7 months ago