-
In order to design your website in B1.Church you must first be an administrator in B1.Church. You can check to make sure you are an admin by going to CHUMS, click on “Settings”, navigate to Roles then to B1 Admin. and see if your name is there. If your name is not there you will need to have the Admin add you to the list.
The first step to designing your website is to click on your name in the top righ hand corner, go to Switch App and choose B1.Church
-
Next, click on the gear on the left side of the screen
-
Click on the website icon
-
Manage the Global Appearance of your website.
-
You can customize your colors, fonts and logos.
-
First choose your color palette. These colors will be the default colors of your website.
Click on the color palette you would like to use (you can change this any time).-
Be sure to save your choice.
-
You can now choose your font.
-
Choose from the fonts offered. Examples of the fonts are listed below.
-
Be sure to click “Save”.
-
The Custom CSS feature is an advanced feature for those who know HTML/CSS. You can globally change how aspects of the site look with it such as making all links underlined by adding CSS code.
-
You can now add your logos.
-
Add four logos, be sure to follow the size and background suggestions for each logo. Click the logo icon.
-
Click “upload” to find the logo on your computer.
-
Once you find the logo you want to use, double click it to add it.
-
The logo will load to your Global Style page.
-
Click update to save the logo.
-
Follow the same procedure for the other three logos.
-
Be sure to “save”.
-
Your logos are now ready. You can change your logo at any time.
-
Now you are ready to start adding pages. Click the + sign in the Pages box
-
Give your first page the title “Home” Put a forward slash (/) in the Url Path box and click the “check” button. Be sure to choose a layout, typically “header & footer” (you will not be able to edit without a layout) and click “save”.
-
After you save, click the word “Home” to begin designing your Home page.
-
To begin adding content to your page, click the “+” in the top right corner.
-
Choose “Simple Elements”
-
Drag and drop the section icon onto the page. Every design begins with a section. Once the section is in place you can add the elements.
-
Click “Manually Select Colors” to design your section.
-
You can choose your background color, image or YouTube video.
-
You can also choose the heading color, text color, and link color.
-
Click the style editor to ad a variety of styles to the section.
-
Click in the property field to choose a style.
-
Choose from any of these styles.
-
You can designate a style for Desktop, Mobile or both platforms.
-
You can toggle between desktop and mobile view by clicking the computer icon in the top right corner.
-
If you are using an image you can upload it from your computer or use stock images provided by B1.Church
-
You are now ready to add an element to the page. There are several different elements available. Just drag and drop the element you want to use into the section and customize it.
-
You can also design reusable blocks for header and footers. Click the + on the Reusable Blocks block
-
Give the block a name and a type
-
Edit your block just like pages
-
If you need to edit something after you have already put it on the page just click on the edit pencil and make your changes.
-
To put your pages in order just add them to the navigation links
-
Remember the home link only needs the / as a URL
-
Add each page to the navigation links
If you want to look at the finished project or see how it looks as you go just click on the home edit pencil and open the home link. You will be able to see how your pages will look when they are online.