How to add custom HTML to node content?

Question

I'm new to Drupal coming from Wordpress, but I was able to put a site up&running. Theming is easy in WP, but I have not figured that out in D7.

I have a Content Type and the node-content output HTML as below. But I wanted to add custom html in-between section of the node-content:

<div class="node-content">
    <div class="section field field-name-field-xxx ">
    ....
    </div>
    <!--need to add My Custom HTML here-->
    <div class="section field field-name-field-yyy ">
    ....
    </div>
</div>

I have searched online but I am not getting the basic instructions how to proceed. Presently I'm using a child theme of Zircon.

Any help?

Answer 1

Create a custom template file node--type.tpl.php where type is the machine name of your content type.

Place it in your theme's templates folder /sites/all/themes/YOURTHEME/templates and clear/flush the cache to see changes.

Ex: Article content type: node--article.tpl.php

<?php print render($content['field_xxx']); ?>

// custom html goes here

<?php print render($content['field_yyy']); ?>