Настройка визуального редактора

Здравствуйте.
Подскажите, как можно настроить то, что выводит визуальный редактор?
То есть, например, при добавлении изображения выводилось не

<a href="http://localhost/wp-content/uploads/2014/09/image.jpg">
    <img class="aligncenter size-medium wp-image-5" src="http://localhost/wp-content/uploads/2014/09/image-900x600.jpg" alt="Картинка" width="900" height="600" />
</a>

, а, допустим

<figure class="aligncenter size-medium wp-image-5">
    <a href="http://localhost/wp-content/uploads/2014/09/image.jpg">
        <img src="http://localhost/wp-content/uploads/2014/09/image-900x600.jpg" alt="Картинка" width="900" height="600">
    </a>
    <figcaption>
        <p>Картинка</p>
    </figcaption>
</figure>

Ну и так далее, чтобы разметка генерировалась такая, какую я хочу.
В каких файлах это правится? И, если внести правки, не будут ли возникать проблемы при обновлении движка?

P. S. Еще маленький вопросик. Движок только что установил и загрузил первое изображение. К изображению добавляется класс. В данном случае wp-image-5. Почему «5»? Где первые четыре?