BetterDocs ไธๆจๆ ็ผ้ๆ Elementorใๆจ็ฐๅจๅฏไปฅ่ฎพ่ฎก่ชๅทฑ็ Elementorไธญ็ๅไธชๆๆกฃ ไฝฟ็จElementorไธป้ข็ๆๅจๆ ้ไปปไฝ็ผ็ ใไธบโๅไธชๆๆกฃโ้กต้ข่ฎพ่ฎกๆจกๆฟๅ๏ผๅฏไปฅไฟๅญ่ฏฅๆจกๆฟ๏ผ็ถๅๅฐๅ ถๅๆฌก็จไบๆฏไธชๅไธชๆๆกฃ้กต้ขใ
ๆณจๆ๏ผ Elementorไธป้ข็ๆๅจๆฏไธ้กนไป ไธ Elementorไธไธ็ใๆไปฅ๏ผไธบไบ้ ็ฝฎ Elementorไธญ็ๅไธชๆๆกฃ, you must have the Pro version of Elementor installed and activated.
่ฏทๆ็ งไปฅไธ้ๆญฅ่ฏดๆ่ฟ่กๆไฝ๏ผไปฅไบ่งฃๅฆไฝไฝฟ็จBetterDocsๅจElementorไธญ่ฎพ่ฎกๅไธชๆๆกฃใ
Step 1: Create a New Single Doc in Elementor Theme Builder #
ๅฏผ่ช WordPressไปช่กจๆฟ โ Templates โ Theme Builder ไปWordPressไปช่กจๆฟใ็นๅป 'ๆทปๆฐ' button and select โๅไธๆไปถโ as your template type. Choose any template and click on the โInsertโ button. Your new template will now open in the Elementor editor.
You can use BetterDocs premade-ready widgets to instantly create your single doc page. Or you can customize your single doc page from scratch by configuring different elements as shown in the next step.
Step 2: Customize Single Doc in Elementor #
ๆฅ่ช โๅ ็ด โ tab in Elementor Editor, you should see 12 BetterDocs elements to design your Single Doc page template. You can drag and drop these elements anywhere on your page to use them.
ๆไปถๆๅฏป่กจๆ ผ #
็ ๆไปถๆๅฏป่กจๆ ผ ๅ ็ด ๅฏ่ฎฉๆจๅฐๅฎๆถๆ็ดขๆ ๆทปๅ ๅฐๆจ็ ๅไธๆไปถ page. To use this element, simply drag and drop it into any section of your page. Then, the element will appear on your page by default as shown below.
ๆฅ่ช 'ๅ ๅฎน' tab, you can choose one from two templates and customize your ๆไปถๆๅฏป่กจๆ ผ. If you choose Layout 2, you will have another option to configure Modal Query, where you can set doc categories, FAQ, doc numbers, etc.
ๅจไธ้ข 'ๆ ทๅผ' tab, you will see options for changing the background type and color of the 'ๆ็ดขๆก' items. You can use images, solid colors, or gradient colors for your background.
ๅๆ ท๏ผๅจ โๆ็ดขๅญๆฎตโ section, you have the option to change the field background color, field color, typography, padding, icons and much more. Plus, on the โSearch Modalโ tab, you will have customization options for the search field, search category, content tab, content list, and more.
ๆไปถๆ ้ข #
็ ๆไปถๆ ้ข ๅ ็ด ๅจๆๆทปๅ ๆจ็ๆ ้ข Elementorไธญ็ๅไธชๆๆกฃใๆฅ่ช 'ๅ ๅฎน' tab, you can customize the title, link, html tag, and alignment.
ๆฅ่ช 'ๆ ทๅผ' ๆ ็ญพ๏ผๆจๅฏไปฅๆดๆนๆ ้ข้ข่ฒ๏ผ็ๅผ๏ผๆททๅๆจกๅผ๏ผ็่ณๅฏไปฅๆทปๅ ๆๆฌ้ดๅฝฑใ
Doc Table of Contents #
With the โDoc Table of Contentsโ widget, you can customize the title, heading tags, hierarchy, list number and more on the Content tab, as shown below.
On the โStyleโ tab, you can customize contents of the Box, Title, Toc list with the color, margin, padding, typography options.
ๆไปถๅ ๅฎน #
ๆจๅฏไปฅๆๆพ ๆไปถๅ ๅฎน ๅไธชๆๆกฃ้กต้ขไธญไปปไฝไฝ็ฝฎ็ๅ ็ด ใๆจ็ๆๆกฃๅ ๅฎนๅฐ่ชๅจๆทปๅ ใ็ถๅ๏ผๆจๅฏไปฅไปไปฅไธไฝ็ฝฎๆดๆนๅฏน้ฝๆนๅผ๏ผๆๆฌ้ข่ฒๅ็ๅผ 'ๆ ทๅผ' ๆ ็ญพ๏ผๅฆไธๆ็คบใ
ๆไปถๆฅๆ #
็ ๆไปถๆฅๆ ๅ ็ด ๅฏ่ฎฉๆจ่ชๅจๆพ็คบๆๆกฃๆดๆฐ็ๆฅๆใๆจๅฏไปฅไปไปฅไธไฝ็ฝฎๆดๆนๆฅๆ็้ข่ฒ๏ผๅฏน้ฝๆนๅผๅ็ๅผ 'ๆ ทๅผ' ๆ ็ญพใ
Docไพง่พนๆ #
็ Docไพง่พนๆ ๅ ็ด ๅฏ่ฎฉๆจไธบ่ชๅทฑ็ๅทฅๅ ทๆ ๅๅปบ่พนๆ Elementorไธญ็ๅไธชๆๆกฃ ๆพ็คบๆจๅๅปบ็ๆๆๅ ถไปๆๆกฃๆ็ซ ๅ็ฑปๅซใ
ๆฅ่ช 'ๅ ๅฎน' tab, you can choose the layout for your Doc Sidebar. Currently there are five layouts available, each with its own distinct style.
ๅจไธ้ข 'ๆ ทๅผ' tab, you will see several options, including Wrapper, Icon, Category Style, Title, Count, Category List, etc. with the options to customize margin, padding, color, typography and more for a more personalized look.
Docๅๅบ #
็จ BetterDocsไธไธ็๏ผๆจๅฏไปฅไบ่งฃๅฐๆจ็ๆๆกฃๅฏนไบ้่ฟไปฅไธๆนๅผๅธๅผ่ฎฟ้ฎ่ ็็ฝ็ซๅพๆ็จ๏ผ Docๅๅบ element. There are three layouts to choose from on the Content tab.
ๅจไธ้ข 'ๆ ทๅผ' tab, there are several options to adjust color, margin, padding, typography and more for Box Style, Title and Icon.
ๆไปถๅไบซ #
ๆไปถๅไบซ ๅ ็ด ๅฏ่ฎฉๆจไธบๆๆกฃๅฏ็จ็คพไบคๅ ฑไบซใไฝฟ็จๆญคๅ ็ด ๏ผ็ซ็น่ฎฟ้ฎ่ ๅฏไปฅๅจไธๅ็็คพไบคๅชไฝๅนณๅฐไธๅ ฑไบซๆจ็ๆๆกฃใๅช้ๅฐๅ ็ด ๆๆพๅฐๆจ็ไปปไฝไฝ็ฝฎ ๅไธๆไปถ in Elementor to activate it. On the โContentโ tab, you will find two layouts, options to change titles and buttons for four popular social media.
ๅจไธ้ข 'ๆ ทๅผ' ๆ ็ญพไธญ๏ผๆจๅฐ็ๅฐๅ ไธช็จไบ่ชๅฎไน Doc Share, Title, ๅ Icon with margin, padding, color, typography, and more for more personalization.
ๆไปถๆ่งๅ้ฆ #
ๆไปถๆ่งๅ้ฆ ๅ ็ด ๅฏ่ฎฉๆจไธบ็ฝ็ซ่ฎฟ้ฎ่ ๆทปๅ ๅ้ฆ่กจๅ๏ผๅฆๆไปไปฌๆณไธๆจ่็ณปไปฅ่ทๅพ่ฟไธๆญฅๅธฎๅฉ๏ผๅฏไปฅไฝฟ็จ่ฏฅ่กจๅใ่ฆๆฟๆดปๆญคๅ ็ด ๏ผ่ฏทๅฐๅ ถๆๆพๅฐๆจ็ไปปไฝไฝ็ฝฎ ๅไธๆไปถ ้กตใ
ๆฅไธๆฅ๏ผ้ ็ฝฎๆจ็ๅ ๅฎน ๆไปถๆ่งๅ้ฆ ๆฅ่ชไธ้ข็ๅ ็ด 'ๅ ๅฎน' ๆ ็ญพใๅจ่ฟ้๏ผไป 'ไธ่ฌ' section, you can add your custom content feedback, button text, and icon image for the form.
Under the โStyleโ tab you will see several options to customize the Text, Icon, and Feedback Form with margin, padding, color, typography, and more for more personalization.
ๆไปถๅฏผ่ช #
้็ ๆไปถๅฏผ่ช ๅ ็ด ๏ผๆจๅฏไปฅ่ฎฉ็ฝ็ซ่ฎฟ้ฎ่ ๅฟซ้็งป่ณไธไธไธชๆๆกฃๆ่ฟๅไธไธไธชๆๆกฃใ่ฆๆฟๆดปๆญคๅ ็ด ๏ผ่ฏทๅฐๅ ถๆๆพๅฐๆจ็ไปปไฝไฝ็ฝฎ Elementorไธญ็ๅไธชๆๆกฃ. On the Content tab, you will have two different layouts to choose from.
ๆฅ่ช 'ๆ ทๅผ' ้จๅ๏ผๆจๅฏไปฅ่ชๅฎไนๅค่ง ๆไปถๅฏผ่ช ๅ ็ด ๏ผๆนๆณๆฏๆดๆน้ข่ฒ๏ผ็ๅผไปฅๅ็ฎญๅคด็ๅคงๅฐๅ้ข่ฒใ
Doc Breadcrumbs #
็ Doc Breadcrumbs widget will let your visitors keep track of their current location while exploring docs. Simply drag and drop this widget and you will find two layouts on the General tab.
On the Style tab, you can customize the margin, padding, typography, and colors for Style ๅ Icon.
Print Button #
็ Print Button widget lets you print your doc with a single click. Once you add the widget, you will have options to change icon size and adjust colors.
ๆญฅ้ชค3๏ผ่ฎพ็ฝฎๆกไปถๅนถๅๅธๅไธชๆๆกฃ้กต้ขๆจกๆฟ #
ๆๅๅฎๆไธ่ฟฐๆญฅ้ชคๅ๏ผๆจๅฏไปฅๅๅธๆจ็ ๅไธๆไปถ ๆจๅจElementorไธญ่ฎพ่ฎก็้กต้ขๆจกๆฟใๅช้็นๅป 'ๅๅธ' button and a popup will appear asking you to set conditions. This step is optional and it lets you decide the conditions under which your Single Doc page will be available to site visitors.
ๆฅไธๆฅ๏ผ็นๅป โไฟๅญๅนถๅ ณ้ญโใ็ฐๅจ๏ผๆจ็โๅไธชๆๆกฃโ้กต้ขๆจกๆฟๅทฒไฟๅญๅจElementorไธญ๏ผๅนถไธๅฏไปฅๅๆฌก็จไบๅ ถไปๅไธชๆๆกฃ้กต้ขใ
ๆ็ป็ปๆ #
ๆ็ ง่ฟไบๅบๆฌๆญฅ้ชค๏ผๆจๅฏไปฅๅๅปบ่ชๅทฑ็่ชๅฎไน Elementorไธญ็ๅไธชๆๆกฃ ็่ณ็ซๅณ้ๆฐไฝฟ็จๅฎไปฌใ
ๅจ...็ๅธฎๅฉไธ BetterDocs๏ผ่ฟๆฏๆจๅฏไปฅไฝฟ็จElementorๅๅปบไปคไบบๆๅน็ๅไธชๆๆกฃๆจกๆฟๅนถไปคๆจ็็ฝ็ซ่ฏป่ ๆฌ็็ๆนๆณใ
่ขซๅกไฝไบๅ๏ผ้ๆถ่็ณปๆไปฌ ๆฏๆๅข้.
