Advanced Search

Create Thickbox in Wordpress

/ Published in: PHP
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <?php  wp_enqueue_style('thickbox');  ?> <!-- inserting style sheet for Thickbox. -->
  2. <?php wp_enqueue_script('jquery'); ?> <!-- including jquery. -->
  3. <?php wp_enqueue_script('thickbox'); ?> <!-- including Thickbox javascript. -->
  4.  
  5. All these 3 lines of code should insert just before the < ? php wp_head( ) ; ? > function
  6.  
  7. These codes will include necessary files for your Thickbox. So Thickbox is ready for its functioning. Make sure that you have included < ? php wp_head ( ) ; ? > and < ? php wp_footer( ); ? > in your header and footer files respectively.
  8.  
  9. Now we can test it by uploading the image from backend by creating a post. Please note that after the image got uploaded, we need to link the thumbnail image to the original image. And we need to include the class for the anchor tag like this. class=”thickbox”.
  10.  
  11.  
  12.  
  13.  
  14.  
  15. div {
  16. background: rgb(200, 54, 54); /* The Fallback */
  17. background: rgba(200, 54, 54, 0.5);
  18. }

URL: http://www.myhtmlworld.com/wordpress/create-thickbox-wordpress.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.