The Home page contains a header with information about the designer. To create this header, use a Content block widget and paste the required HTML in the widget.
In the Header section of the Home page, there is a View works button that takes you to the Latest Works section. In the Bootstrap Timer template this is achieved with the help of the JavaScript method scrollingTo(), which takes the value of the data-section attribute and tries to get an element that matches the selector. In the original template, this selector is the ID of the element. Since Sitefinity CMS grid widgets do not have IDs and you replaced all IDs with CSS classes in step 5 of the Setup page templates section, you use the .sf-works for the data-section attribute of the View works button.
The About me section consists of some text and an image.
To accomplish this design:
NOTE: You do not use the Image widget in this case because some additional markup around the image is required. The easiest way to add the markup is to do it directly in the Content block widget.
NOTE: Every custom module has a List and Detail widget templates automatically created under Design » Widget Templates. Template names are List.work (List.[name-of-content-item]) and Detail.work (Detail.[name-of-content-item]), respectively.
For the last section:
NOTE: You added the Content block widget on the page template and marked it as Editable on pages in the last step of the Setup page templates article.
NOTE: All static content, for example, text, that is not part of any module can be placed directly in the Content block widget.
This page contains an image gallery with artworks.
The Blog full page displays the full list of blog posts, with a text excerpt. Some blog posts have related artworks. To relate artworks to blogposts via related data:
NOTE: You can add tags to posts, for example, business and people.
Next, create the page:
Each blog post detail template contains a social share option. To enable it:
NOTE: To enable more social sharing options, navigate to Sitefinity CMS Administration » Settings » Social sharing and select the options you require.
To enable comments for blogs:
NOTE: When modifying the template, make sure to keep the Sitefinity CMS comments features, such as sorting and comments count. In addition, you can enable the captcha feature from Administration » Settings » Advanced » CommentsModule » UseSpamProtectionImage.
The specific sections for this page are the Search section, Categories section, and Recent posts section.
For Search section:
For the Categories section:
For Recent blog posts section:
To create this page:
The Contact page contains a Contact form. You create the other sections with section + container grid widgets and Content block widgets:
Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.
This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.
This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.
The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.
To submit feedback, please update your cookie settings and allow the usage of Functional cookies.
Your feedback about this content is important