New Here Layout #1
Overview
The New Here layout is specifically designed to help you welcome new visitors.
Identifying Your Sections
In the New Here Template, you get the following sections:
- New Here 1 - What to Expect
- New Here 1 - Service Details
- New Here 1 - Service Times
- New Here 1 - Welcome
Step One: Your New Here Page
To find your instance of the “New Here Template," go to Content > Pages and filter for the "NewHere 1 Template".
- The page "Title” appears as the page title.
- You can ignore the “content” box, it will not display. You can write notes to yourself here, or leave it blank.
- This page uses the "NewHere 1 Template.”
Step Two: Using the "Welcome" Section
Navigate to Content > Sections :> New Here 1 - Welcome
The welcome section can contain any type of content (text and embed codes for media) and supports all subpage styles. This example content uses a two column layout with an embed video. You can style it differently, but here’s the HTML you should use if you want your “Welcome” section to look like this one. Use the source code mode on the WYSIWYG editor (by pressing the < > button). Copy and paste the following code and be sure to substitute your text where appropriate.
Example HTML:
<div class="div-col-2">
<div class="div-col"><iframe width="300" height="150" src="http://player.vimeo.com/video/21302843?title=1&byline=1&portrait=1" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="div-col">
<h2>Welcome</h2>
<p>You will discover a warm group of real people dedicated to following our Lord and Savior, Jesus Christ. From the moment you walk up to the building you can expect a heartfelt greeting is part of what makes a church a church. </p>
</div>
</div>
Step Three: Using the "New Here 1 - Service Details" and "New Here 1 - Service Times" Section
"New Here 1 - Service Details"
This section displays content added to the wysiwyg editor
"New Here 1 - Service Times"
- This section uses columns and bulleted lists to show special styling for your services.
- The map and address for directions is pulled form the Churches module. To change this, go to People > Churches and select "Church." From here, you can edit the Worship Address.
Step Four: Using the "New Here 1 - What to Expect" Section
This section uses columns in the wysiwyg editor.
Example HTML:
<div class="div-col-3">
<div class="div-col"><img src="http://2431fe7839a3869032b1-e8ee55ef088cf1574a003b03f3a2c6dc.r24.cf2.rackcdn.com/uploaded/l/0e3203695_1399487003_lightstock89037mediumjaycray.jpg" height="auto" width="NaN" />
<h5>Biblical Teaching</h5>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>
</div>
<div class="div-col"><img src="http://2431fe7839a3869032b1-e8ee55ef088cf1574a003b03f3a2c6dc.r24.cf2.rackcdn.com/uploaded/l/0e3203691_1399487002_lightstock62669mediumjaycray.jpg" 360="" height="auto" width="NaN" />
<h5>Worship</h5>
<p>Quisque ac pellentesque dui. Ut in odio in tortor porttitor adipiscing non a nunc lacinia aliquam.</p>
</div>
<div class="div-col"><img src="http://2431fe7839a3869032b1-e8ee55ef088cf1574a003b03f3a2c6dc.r24.cf2.rackcdn.com/uploaded/l/0e3203699_1399487004_lightstock102655mediumjaycray.jpg" height="auto" width="100%" /><br />
<h5>Community</h5>
<p>Ut in odio in tortor porttitor adipiscing non a nunc. Aliquam lacinia aliquam tellus at facilisis. </p>
</div>
</div>