빌딩 블록¶
You can design your website by dragging and dropping building blocks, then editing them to fit your content and layout needs.
Add a building block¶
To add a block to a website page, access the page, click Edit, then drag and drop the desired building block into the appropriate location. Two types of building blocks are available: Categories and Inner Content. Inner Content building blocks can only be added into Categories building blocks.
When clicking on a category block, a popup appears, allowing you to select between multiple templates for each category.
팁
You can also search for a specific block in the Insert a block popup using the search bar.
Once the category block is placed, you can drag and drop Inner content blocks within it. The Inner content blocks allow you to add elements, such as videos, images, social media buttons, etc., into pre-existing category blocks.
참고
Access to certain blocks requires the installation of their respective application or module (e.g., eCommerce for the Products block).
Example
Add all your social media accounts in one place with the inner content Social Media block. Toggle the switch on or off next to the desired platform and copy/paste your account URL.
양식¶
The Form block is used to collect information from website visitors and create records in your database, if applicable.
추가 작업¶
기본값으로, 방문자가 양식을 제출하면 양식에 입력한 정보가 이메일로 자동 전송됩니다. 데이터베이스에 설치되어 있는 앱에 따라 레코드 자동 생성 작업을 추가 활동으로 사용할 수 있습니다. 다른 활동을 선택하려면 편집 을 클릭하고 양식을 클릭한 다음, 사용자 지정 탭으로 이동하여 원하는 활동 을 선택합니다.
Apply for a Job (Recruitment)
Create a Customer (eCommerce)
Create a Ticket (Helpdesk)
Create an Opportunity (CRM)
Subscribe to Newsletter (Email Marketing)
Create a Task (Project)
기본적으로 방문자가 양식을 제출하면 감사합니다 페이지로 리디렉션됩니다. 다른 페이지로 이동되게 하려면 URL 필드를 이용하면 됩니다. 또는 성공 시 필드에서 없음 또는 메시지 표시 를 선택하여 리디렉션하지 않고 양식 페이지에 그대로 머무르게 하는 것도 가능합니다.
필드¶
양식에 새로운 필드를 추가하려면 사용자 지정 탭으로 이동하여 + 필드 버튼을 클릭합니다. 이 버튼은 양식 또는 필드 섹션 옆에 있습니다. 양식에 추가된 새 필드(또는 다른 필드)를 수정하려면 해당 필드를 선택한 다음 사용자 지정 탭의 필드 섹션에 있는 선택 옵션을 클릭합니다. 예를 들어 수행할 수 있는 작업으로는 다음과 같은 항목이 있습니다:
Change the field Type.
팁
It is also possible to select an Existing Field from the database and use the data it contains. The fields available depend on the selected action. Property fields added to the database can also be used.
일부 필드의 경우 비주얼 면에서는 유사하지만, 반드시 데이터를 특정 형식에 맞추어 입력해야 합니다.
Edit the field’s Label and adapt its Position.
Enable a field Description. Click the default description on the form to modify it.
Add a Placeholder or Default value.
Specify if the field is Required.
Edit the field’s visibility settings.
Add an animation.
Once you have made the desired changes, click Save.
코드 삽입¶
코드 삽입 기능으로 YouTube의 동영상, Google 지도, Instagram의 소셜 미디어 게시물 등과 같은 타사 서비스의 콘텐츠를 페이지에 통합할 수 있습니다.
After adding the block to a page, click the block, then go to the Customize tab and click Edit. Replace the placeholder code with your custom embed code.
경고
Do not copy/paste code you do not understand, as it could put your data at risk.
Move, switch, or delete a building block¶
Pull the turquoise borders on the block to reduce or increase the space at the top or bottom of it.
Change the block order by clicking (chevron up) or (chevron down) and move the block on the page by clicking (arrows). When you have multiple columns, move a column to the left or right by clicking (chevron left) or (chevron right).
To delete a block, click (trash).
팁
Quickly change the block category by clicking (exchange).
Edit a building block¶
To edit the content of a building block, click on it and go to the Customize tab. Available customization options vary depending on the type of block selected.
배경¶
빌딩 블록의 배경을 수정하려면 블록을 선택한 후 사용자 지정 탭으로 이동한 다음 색상 원이나 다른 배경 옵션을 클릭합니다. 색상을 변경하거나 이미지, 동영상 또는 도형을 추가할 수 있습니다. 도형을 선택하면 도형을 사용자 지정할 수 있는 새 필드가 표시됩니다.
팁
Position an element (image, text, etc.) behind or in front of another one by using the Send to back or Bring to front icons.
To resize a block, click and drag the dots around its edges to adjust it as needed.
더 보기
레이아웃: 그리드 및 열¶
For most building blocks, you can choose between two layout styles: grid or columns (cols). To change the default layout style, click the block, go to the Customize tab, and set the Layout field to Grid or Cols.
그리드¶
The Grid layout allows you to reposition and resize elements, such as images or text, by dragging and dropping them. When Grid is selected, additional options are available to Add Elements by clicking Image, Text, or Button.
분할¶
레이아웃으로 열 을 선택하면 블록 내의 줄당 요소 수를 지정할 수 있습니다. 이렇게 하려면 수정할 블록을 선택하고 열 필드 옆에 있는 드롭다운을 클릭하여 개수를 조정합니다. 이어서 특정 열에 대한 설정을 수정하려면 사용자 지정 탭의 열 섹션에 있는 옵션을 이용합니다.
참고
기본적으로 모바일 장치에서는 작은 화면에서도 콘텐츠를 쉽게 읽고 액세스할 수 있도록 한 줄당 하나의 요소(열)가 표시됩니다. 이 값을 조정하려면 웹사이트 편집기 상단의 :icon:`fa-mobile`(:guilabel:`모바일 아이콘`)을 클릭한 후 열 숫자를 조정합니다. 모바일에서는 기본적으로 도형이 숨겨져 있습니다.
Duplicate a building block¶
To duplicate a building block, click the (duplicate) icon at the top of the Customize tab. Once duplicated, the new block appears on the page beneath the original one.
Save a custom building block¶
You can save a customized building block to reuse it elsewhere. To do so, select it, navigate to the Customize tab, and click the (floppy disk) icon. Click the Save and reload button in the popup to confirm saving your custom block.
To add a saved building block to the page, navigate to the Blocks tab and drag and drop the Custom block from the Categories section. In the popup that opens, click the desired block in the Custom category.
팁
In the Insert a block popup, click (edit) to rename the custom block or (delete) to delete it.
Create an anchor link¶
Anchor links are hyperlinks that direct users to a specific section of a page. To create an anchor link for a block, follow these steps:
Click Edit and select the block you want to link to.
Click (link) at the top of the Customize tab.
To edit the default anchor name, click Edit in the green popup message that opens.
Replace the anchor name and click Save & copy.
Once the anchor is saved, you can link to it from anywhere on your website.