Skip to content
This repository

Say you have a theme template file with an image in it. It's really difficult to allow users to change that image without editing the file.

Fortunately, Front-end Editor offers a solution. Replace something like this:

<img src="<?php bloginfo('template_url'); ?>/images/header_1.jpg" width="970" height="140" alt="<?php bloginfo('name'); ?> header image 1" title="<?php bloginfo('name'); ?> header image 1" />

with this:

<?php editable_image( 
    'header-1',
    get_bloginfo('template_url') . '/images/header_1.jpg', 
    array(
        'width' => 970,
        'height' => 140, 
        'alt' => get_bloginfo('name')
    )
); ?>

Now, users will be able to click the Edit button and replace that image with another one from the media library.

Something went wrong with that request. Please try again.