How to call images from your plugins image folder?

3 Views

I’ve done a lot of research and learned a lot about WP constants and function usage for getting image paths etc. but still my original problem persists. 

<img src="<?PHP echo WP_PLUGIN_DIR . 'vertical-social-buttons/images/facebook.png'?>">

<img src="<?PHP echo WP_PLUGIN_DIR . 'vertical-social-buttons/images/facebook.png'?>">

<img src="<?PHP echo plugins_url('vertical-social-buttons/images/facebook.png', __FILE__);?>">

All give me broken images. Am I missing something obvious?

Post Views: 3

Related posts

Leave a Reply

1 comment

  1. Use plugin_dir_url() to get the public URI for the directory where the calling PHP file is.

    <img src="<?php echo plugin_dir_url( __FILE__ ) . 'images/facebook.png'; ?>">

    If the PHP file is in a sub directory of your plugin you have to go up:

    <img src="<?php echo plugin_dir_url( dirname( __FILE__ ) ) . 'images/facebook.png'; ?>">