Okay, I have a customized theme and so far it's been more around the layout and css customizations. Now however, I'm making some changes that are very specific to an area of the site.
My BlogPost has an Image field added to it and my BlogList and BlogPost both display it. On another area of the site, the user would like to have an image only (no text). I have completed that using the ShapeTracer and creating Alternate Views
to disable the text, make the image larger etc.
However they have one more simple request.... the image should link to the BlogPost just like the title and the more button did.
So I have a new View that is specific to this area of the site and specific to the image itself.
The markup is simple:
I attempted to look at the BlogTitle and <more> tag for guidance but I'm not really comfortable getting new items out of the Model object. Can someone teach me to fish and help me with this basic need? Should I instead be adding the link to
the post outside the Image Field?
<div class="image-field" style="float:left; margin: 0px 15px 15px 0px">
<a href="INSERT SOMETHING HERE">
<img src="@Url.Content(Model.ContentField.FileName)" alt="@Model.ContentField.AlternateText" width="@Model.ContentField.Width" height="@Model.ContentField.Height"/>