Making a Portfolio

Little coding is required to produce a Portfolio page. On a Styled Text plugin we have to make a container element named album-wrapper and place our image links inside it. Below is an example linking two images to the resources of RapidWeaver:

 

<div class="album-wrapper">

    <div class="thumbnail-frame">
        <img src="%resource(myimage-1.jpg)%">
        <a href="#"></a>
        <p class="thumbnail-caption"> CAPTION </p>    
    </div>

    <div class="thumbnail-frame">
        <img src="%resource(myimage-2.jpg)%">
        <a href="#"></a>
        <p class="thumbnail-caption"> CAPTION </p>    
    </div>

</div>

 

Just replace the # with a link to the project page and the CAPTION with the project caption or small description.

 

Important: after pasting the snippet in RapidWeaver select all and clear formatting: Menu > File > Clear Formatting (or Option + Cmd + .) 

 

Note that an example of Portfolio is included in the tutorial project.