diff --git a/b1/website-admin/create-website.md b/b1/website-admin/create-website.md index ff5b4db..761a721 100644 --- a/b1/website-admin/create-website.md +++ b/b1/website-admin/create-website.md @@ -71,26 +71,26 @@ title: Create Your Website 21. Global 20 Your logos are now ready. You can change your logo at any time. -22. B1 Web Design 22 - Now you are ready to start adding pages. Click the + sign in the Pages box +22. webdesign 201 + Now you are ready to start adding pages. Click the + sign next to Main Navigation or Not Linked. Pages in Main Navigation will be published when you publish your website. Pages in Not Linked will not be published but can be moved to Main Navigation when they are completed by dragging and dropping. -23. B1 Web Design 23 - 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". +23. webdesign 301 + Choose what type of page you will be creating. Your first page will be the home page. + +24. webdesign 401 + Give the page a title and a link text. -24. B1 Web Design 24 - After you save, click the word "Home" to begin designing your Home page. +25. webdesign 501 + Click "Edit Content" to add content to your page using the web design elements. + +26. webdesign 601 + Click the + in the top right corner to begin adding elements to your page. -25. B1 Web Design 25 - To begin adding content to your page, click the "+" in the top right corner. +27. webdesign 701 + 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. -26. B1 Web Design 26 - Choose "Simple Elements" - -27. B1 Web Design 27 - 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. - -28. B1 Web Design 28 - Click "Manually Select Colors" to design your section. +28. webdesign 702 + Click "Custom" to design your section or leave it on "Suggested" for default values. 29. B1 Web Design 29 You can choose your background color, image or YouTube video. @@ -114,44 +114,32 @@ title: Create Your Website B1 Web Design 36 You can toggle between desktop and mobile view by clicking the computer icon in the top right corner. -36. ![B1 Web Design 12](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/c5f273b8-a783-4b12-9b55-f23f898322f4) - ![B1 Web Design 13](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/020ce94a-cc6f-4731-b9ea-538ab50556ee) - ![B1 Web Design 14](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/b4d87ba7-b226-4ea1-84f0-3b9362a477ab) - ![B1 Web Design 15](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/ecf6286e-fc4f-4afa-8c11-8f18d551b8c1) - ![B1 Web Design 16](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/07d5f259-194b-42bd-97b8-1498dc6522d8) - If you are using an image you can upload it from your computer or use stock images provided by B1.Church +36. ![webdesign 703](https://github.com/user-attachments/assets/3504a480-be2c-4e35-9b5f-6fb301f713c3) -37. Screen Shot 2023-07-28 at 3 05 37 PM - Screen Shot 2023-07-28 at 3 06 44 PM - Screen Shot 2023-07-28 at 3 08 31 PM - Screen Shot 2023-07-28 at 3 09 51 PM - 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. +![webdesign 704](https://github.com/user-attachments/assets/06c2d681-0be5-48b1-8ba4-48e26a7c28b4) -38. ![B1 Web Design 18](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/d05ced11-db8b-4110-b7e5-b5d1dd885082) - You can also design reusable blocks for header and footers. Click the + on the Reusable Blocks block +![webdesign 705](https://github.com/user-attachments/assets/8bfc6ed4-49f9-4cfb-9b4b-e6a483456c7a) + If you are using an image you can upload it from your computer or use stock images provided by B1.Church. You can also choose the background opacity or your image. -39. ![B1 Web Design 19](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/24d92e35-b8c4-4c7b-bbac-2652a96dc1e1) - ![B1 Web Design 20](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/482782b9-ccd9-48a1-a9b0-dc1b1035660d) - Give the block a name and a type +37. webdesign 706 +webdesign 707 + 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. -40. ![B1 Web Design 21](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/a5419e94-3f65-42e6-8730-cf01e2b075cb) - Edit your block just like pages +38. webdesign 708 + You can also design reusable blocks for header and footers. Click the + on Reusable Blocks -41. ![B1 Web Design 22](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/4341cf5d-da3c-4e96-89da-e94e4ee9bff1) - ![B1 Web Design 23](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/ec223b25-2816-45f6-9863-d29b64282c60) - ![B1 Web Design 24](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/fdf421f7-632c-4aa8-9799-4d260c810430) - 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. +39. webdesign 709 + Give the block a name and a type -42. ![B1 Web Design 25](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/1b8f3866-e92d-45c3-979c-b2db39e29502) - To put your pages in order just add them to the navigation links +40. webdesign 710 +webdesign 711 + Edit your block just like pages -43. ![B1 Web Design 26](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/60c5065a-ec92-4d6f-8072-b6a6c245d437) - Remember the home link only needs the / as a URL +41.webdesign 712 +webdesign 713 + If you need to edit something after you have already put it on the page just double click on the element and make your changes. -44. ![B1 Web Design 27](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/bfb3099b-5975-43a6-944e-426856f35311) - Add each page to the navigation links +42. webdesign 714 +webdesign 715 + Before you publish you will need to edit your Home page URL. Click on "Page Settings". Delete "/Home" and replace with just the forward slash "/" -45. ![B1 Web Design 28](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/04f55761-fe3a-4ce2-b3f5-a9b716e7ccd0) - ![B1 Web Design 29](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/9e1efc1d-d3f2-4bc3-aac0-547b1e790a9a) - ![B1 Web Design 30](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/b5c3c8a9-eb5c-4d49-9880-657b156c0d8a) - 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.