Caard is a well-liked web site builder that enables customers to create lovely and interesting one-page web sites with none coding information. One of many nice options of Caard is the power to create sub areas, that are basically sections inside a web page that can be utilized to arrange content material or create various kinds of layouts.
On this article, we’ll present you the best way to create sub areas in Caard, in addition to the best way to use them to create extra complicated and interesting net pages.
Now that you know the way to create sub areas in Caard, you can begin utilizing them to create extra complicated and interesting net pages.
How one can Make Sub Areas in Caard
Creating sub areas in Caard is a breeze. Comply with these steps:
- Open Caard Editor
- Choose “Add Part”
- Select “Sub Space”
- Customise Format
- Add Content material
- Nest Sub Areas
- Preview Modifications
- Publish Web site
With these easy steps, you’ll be able to simply create sub areas in Caard to arrange and improve your web site.
Open Caard Editor
To begin creating sub areas in Caard, you should open the Caard editor. There are two methods to do that:
-
From the Caard dashboard:
- Log in to your Caard account and go to the dashboard.
- Discover the web site you need to edit and click on on the “Edit” button.
-
From the Caard web site builder:
- Go to the Caard web site builder: https://caard.co/builder.
- Click on on the “Open Editor” button.
- Choose the web site you need to edit from the record.
After getting opened the Caard editor, you will notice the web site builder interface. This interface consists of a toolbar on the prime, a preview pane within the heart, and a settings panel on the best.
To create a sub space, merely click on on the “Add Part” button within the toolbar. It will open a dropdown menu with quite a lot of part sorts to select from. Choose the “Sub Space” possibility from the dropdown menu.
A brand new sub space might be added to your web site. You possibly can then customise the structure of the sub space, add content material, and nest different sub areas inside it. We’ll cowl these steps in additional element within the following sections.
Choose “Add Part”
After getting opened the Caard editor and chosen the web site you need to edit, you can begin creating sub areas.
To do that, click on on the “Add Part” button within the toolbar on the prime of the display screen. It will open a dropdown menu with quite a lot of part sorts to select from.
Scroll down the dropdown menu till you discover the “Sub Space” possibility. Click on on the “Sub Space” possibility to pick out it.
A brand new sub space might be added to your web site. The sub space might be positioned under the present part. You possibly can then customise the structure of the sub space, add content material, and nest different sub areas inside it. We’ll cowl these steps in additional element within the following sections.
Listed below are some further ideas for choosing the “Add Part” button:
- It’s also possible to create a sub space by clicking on the “+” button that seems between two sections.
- If you wish to create a sub space inside one other sub space, merely click on on the “Add Part” button contained in the father or mother sub space.
- You possibly can add as many sub areas as you need to your web site.
Select “Sub Space”
After getting clicked on the “Add Part” button, a dropdown menu will seem with quite a lot of part sorts to select from. To create a sub space, you should choose the “Sub Space” possibility from the dropdown menu.
-
Sub Areas are Nested Sections:
Sub areas are nested sections that may be positioned inside different sections. This lets you create complicated and arranged layouts to your web site.
-
Sub Areas Can Include Any Kind of Content material:
You possibly can add any sort of content material to a sub space, together with textual content, photographs, movies, buttons, and types. This makes sub areas a flexible device for creating quite a lot of various kinds of net pages.
-
Sub Areas Can Be Personalized:
You possibly can customise the structure, colours, and types of your sub areas to match the general design of your web site. This lets you create sub areas which might be visually interesting and according to the remainder of your web site.
-
Sub Areas Can Be Reordered:
You possibly can simply reorder your sub areas by dragging and dropping them within the web site builder. This lets you change the order of your sub areas with out having to rebuild your total web site.
Sub areas are a strong device for creating complicated and interesting net pages with Caard. By understanding the best way to use sub areas, you’ll be able to create web sites which might be each visually interesting and simple to navigate.
Customise Format
After getting added a sub space to your web site, you’ll be able to customise its structure to match the general design of your web site and the particular content material that you just need to embody within the sub space.
To customise the structure of a sub space, merely click on on the “Format” tab within the settings panel on the right-hand aspect of the display screen. It will open quite a lot of structure choices so that you can select from.
Among the structure choices you could customise embody:
- Variety of Columns: You possibly can select to have 1, 2, or 3 columns in your sub space.
- Column Width: You possibly can modify the width of the columns in your sub space.
- Column Spacing: You possibly can modify the quantity of house between the columns in your sub space.
- Row Top: You possibly can modify the peak of the rows in your sub space.
- Background Shade: You possibly can select a background shade to your sub space.
- Background Picture: You possibly can select a background picture to your sub space.
It’s also possible to customise the structure of your sub space by including sections and widgets. Sections are bigger containers that can be utilized to group collectively associated content material. Widgets are smaller components that may be added to sections, resembling textual content packing containers, photographs, and buttons.
So as to add a bit or widget to your sub space, merely drag and drop it from the “Sections” or “Widgets” panel within the settings panel onto the sub space.
Add Content material
After getting custom-made the structure of your sub space, you can begin including content material to it. You possibly can add any sort of content material to a sub space, together with textual content, photographs, movies, buttons, and types.
So as to add content material to a sub space, merely click on on the “Add Content material” button within the settings panel on the right-hand aspect of the display screen. It will open quite a lot of content material choices so that you can select from.
Among the content material choices you could add to a sub space embody:
- Textual content: You possibly can add textual content to your sub space by typing it into the textual content editor. It’s also possible to format your textual content utilizing the formatting choices within the toolbar.
- Photographs: You possibly can add photographs to your sub space by dragging and dropping them out of your laptop onto the sub space. It’s also possible to add photographs from the Caard picture library.
- Movies: You possibly can add movies to your sub space by pasting the URL of the video into the video embed area. It’s also possible to add movies from the Caard video library.
- Buttons: You possibly can add buttons to your sub space by clicking on the “Add Button” button. You possibly can then customise the button’s textual content, shade, and magnificence.
- Kinds: You possibly can add types to your sub space by clicking on the “Add Kind” button. You possibly can then customise the shape’s fields, labels, and submit button.
It’s also possible to add sections and widgets to your sub space. Sections are bigger containers that can be utilized to group collectively associated content material. Widgets are smaller components that may be added to sections, resembling textual content packing containers, photographs, and buttons.
So as to add a bit or widget to your sub space, merely drag and drop it from the “Sections” or “Widgets” panel within the settings panel onto the sub space.
Nest Sub Areas
One of the highly effective options of sub areas is the power to nest them inside different sub areas. This lets you create complicated and arranged layouts to your web site.
-
Create Multi-Stage Layouts:
By nesting sub areas, you’ll be able to create multi-level layouts to your web site. That is helpful for creating issues like navigation menus, sidebars, and footers.
-
Set up Associated Content material:
It’s also possible to use nested sub areas to arrange associated content material in your web site. For instance, you may create a sub space for every product class on an e-commerce web site.
-
Create Distinctive Web page Templates:
Nested sub areas can be used to create distinctive web page templates to your web site. For instance, you may create a special web page template to your weblog posts, your product pages, and your contact web page.
-
Add Visible Curiosity:
Nesting sub areas can be used so as to add visible curiosity to your web site. By creating sub areas with completely different colours, shapes, and sizes, you’ll be able to create a extra dynamic and interesting web site.
To nest a sub space inside one other sub space, merely drag and drop the sub space onto the father or mother sub space. It’s also possible to nest sub areas inside sections and widgets.
Preview Modifications
After getting made adjustments to your sub space, you’ll be able to preview the adjustments earlier than you publish them to your web site.
To preview your adjustments, merely click on on the “Preview” button within the toolbar on the prime of the display screen. It will open a brand new tab in your browser the place you’ll be able to see a stay preview of your web site.
You possibly can then make any mandatory adjustments to your sub space and preview the adjustments once more till you might be glad with the outcomes.
Listed below are some further ideas for previewing your adjustments:
- You need to use the arrow keys in your keyboard to navigate by way of the completely different pages of your web site within the preview.
- It’s also possible to click on on any of the hyperlinks in your web site to navigate to completely different pages.
- If you happen to make any adjustments to your web site while you’re previewing it, the adjustments might be mechanically up to date within the preview.
- As soon as you might be glad with the outcomes, you’ll be able to click on on the “Publish” button to publish your adjustments to your stay web site.
Publish Web site
As soon as you might be glad with the adjustments you have got made to your sub space, you’ll be able to publish your web site to make the adjustments stay.
To publish your web site, merely click on on the “Publish” button within the toolbar on the prime of the display screen. It will open a dialog field the place you’ll be able to verify that you just need to publish your adjustments.
After getting confirmed that you just need to publish your adjustments, Caard will publish your web site and your adjustments might be stay.
Listed below are some further ideas for publishing your web site:
- Just remember to have previewed your adjustments and that you’re glad with the outcomes earlier than you publish your web site.
- If you happen to make any adjustments to your web site after you have got printed it, you have to to publish your web site once more for the adjustments to go stay.
- It’s also possible to schedule your web site to be printed at a particular time. That is helpful if you wish to make adjustments to your web site however you do not need the adjustments to go stay instantly.
- Caard additionally presents a function referred to as “Auto-Publish”. When Auto-Publish is enabled, any adjustments you make to your web site might be mechanically printed. This can be a handy function if you wish to make frequent adjustments to your web site.
FAQ
Listed below are some regularly requested questions on the best way to make sub areas in Caard:
Query 1: What are sub areas in Caard?
Reply 1: Sub areas are nested sections that can be utilized to arrange and improve the structure of your Caard web site. They assist you to create complicated and interesting net pages with a number of sections and content material sorts. Query 2: How do I create a sub space in Caard?
Reply 2: To create a sub space in Caard, merely click on on the “Add Part” button within the toolbar and choose “Sub Space” from the dropdown menu. You possibly can then customise the structure, add content material, and nest different sub areas inside it. Query 3: Can I add any sort of content material to a sub space?
Reply 3: Sure, you’ll be able to add any sort of content material to a sub space, together with textual content, photographs, movies, buttons, and types. This makes sub areas a flexible device for creating quite a lot of various kinds of net pages. Query 4: Can I customise the structure of a sub space?
Reply 4: Sure, you’ll be able to customise the structure of a sub space by altering the variety of columns, column width, column spacing, row top, background shade, and background picture. It’s also possible to add sections and widgets to your sub space to additional customise the structure. Query 5: Can I nest sub areas inside different sub areas?
Reply 5: Sure, you’ll be able to nest sub areas inside different sub areas to create complicated and multi-level layouts. That is helpful for creating issues like navigation menus, sidebars, and footers. Query 6: How do I preview my adjustments earlier than publishing?
Reply 6: To preview your adjustments earlier than publishing, merely click on on the “Preview” button within the toolbar. It will open a brand new tab in your browser the place you’ll be able to see a stay preview of your web site. You possibly can then make any mandatory adjustments and preview once more till you might be glad with the outcomes.
These are only a few of essentially the most regularly requested questions on the best way to make sub areas in Caard. If in case you have some other questions, please be happy to contact Caard assist for assist.
Now that you know the way to create sub areas in Caard, listed below are a couple of ideas for utilizing them successfully:
Ideas
Listed below are a couple of ideas for utilizing sub areas successfully in Caard:
Tip 1: Use sub areas to arrange associated content material.
Probably the greatest methods to make use of sub areas is to arrange associated content material in your web site. For instance, you may create a sub space for every product class on an e-commerce web site, or a sub space for every weblog publish class on a weblog.
Tip 2: Use sub areas to create multi-level layouts.
Sub areas can be used to create multi-level layouts to your web site. That is helpful for creating issues like navigation menus, sidebars, and footers. By nesting sub areas inside different sub areas, you’ll be able to create complicated and interesting layouts which might be straightforward to navigate.
Tip 3: Use sub areas so as to add visible curiosity.
Sub areas can be used so as to add visible curiosity to your web site. By creating sub areas with completely different colours, shapes, and sizes, you’ll be able to create a extra dynamic and interesting web site. It’s also possible to use sub areas so as to add photographs, movies, and different multimedia content material to your web site.
Tip 4: Use sub areas to create distinctive web page templates.
Sub areas can be used to create distinctive web page templates to your web site. For instance, you may create a special web page template to your weblog posts, your product pages, and your contact web page. This lets you create a extra constant {and professional} feel and appear to your web site.
By following the following tips, you need to use sub areas to create extra complicated and interesting net pages with Caard.
Now that you know the way to create and use sub areas in Caard, you can begin creating extra partaking {and professional} web sites.
Conclusion
On this article, we’ve proven you the best way to create and use sub areas in Caard to create extra complicated and interesting net pages.
To summarize the details:
- Sub areas are nested sections that can be utilized to arrange and improve the structure of your Caard web site.
- You possibly can add any sort of content material to a sub space, together with textual content, photographs, movies, buttons, and types.
- You possibly can customise the structure of a sub space by altering the variety of columns, column width, column spacing, row top, background shade, and background picture.
- You possibly can nest sub areas inside different sub areas to create complicated and multi-level layouts.
- You possibly can preview your adjustments earlier than publishing to just remember to are glad with the outcomes.
By following the steps on this article, you can begin utilizing sub areas to create extra partaking {and professional} web sites with Caard.
We encourage you to experiment with sub areas and see how you need to use them to create distinctive and revolutionary web site designs.
