【Notion 常見問題】如何在Toggle List 、Callout ... - 領先時代
文章推薦指數: 80 %
【Notion 常見問題】如何在Toggle List 、Callout、Template Button 、Sync Block 底下建立區塊並排?如何將兩個資料庫並排?(並排技巧深度解析).
跳至內容
最後更新時間:2022年07月14日
嗨~我是老K。
在開設了Notion實戰課程之後,最常被學員們問到的問題就是:「該如何在XXX區塊型態下建立並排呀?」。
今天這篇文章就把幾個常見與並排有關的困擾與解決方案都與大家詳細說明,希望大家看完這一篇之後,就可以徹底搞懂Notion的並排機制與限制,還有一些能達成你排版目的的應用小技巧!
*2022/7/14更新:Notion推出「多欄位區塊」啦!本文有部分比較簡單的並排情況可以用新區塊直接解決囉!可以到底下這篇文章去看使用方式:
【Notion基礎功能】使用Column語法直接設定多欄位並排。
ToggleList、TemplateButton也適用!
—
【Notion實戰課程:打造專屬數位工作術】
我&雷蒙三十共同籌備了一個Notion線上課程,已經超過7500+位學員!透過四大情境:時間管理、知識管理、團隊協作、個人作品集,帶你一起從實作中練習Notion!上完這堂課程,你就能運用Notion打造出自己的一套個人管理系統,優化你的人生💪🏻
「期間限定八折折扣碼」
📌八折折扣碼:NOTION202209(可使用~9/30)🗣課程說明頁:https://hahow.in/cr/notion-hahow❓如何使用折扣碼:如何使用我的折扣折抵課程費用|Hahow好學校|常見問題
點此領取限時折扣碼
如果你想更深入的學會Notion,打造出自己的人生系統,也歡迎參考「Notion線上訓練營」,現在正在早鳥優惠報名中哦!
文章目錄
Notion的一般文字區塊,該如何設定區塊並排?Notion的資料庫怎麼無法拖曳並排?該怎麼解決如何在其他區塊型態底下建立並排?在純文字、BulletList、NumberedList區塊底下建立並排區塊在ToggleList底下建立並排區塊在Callout底下建立並排區塊在SyncBlock同步區塊底下建立並排區塊在TemplateButton底下建立並排區塊並排區塊進階運用:搭配TemplateButton製作左右對照自動化筆記模版【Notion系列主題文章】📌Notion基礎教學📌Notion常見問答📌Notion進階應用技巧
Notion的一般文字區塊,該如何設定區塊並排?
Notion本身的區塊並排方式很簡單,只要拖曳頁面中的區塊到另一個區塊的「最左邊」或者「最右邊」就可以完成並排。
第一個大家會掉入的坑就是「拖曳的時候沒有拖到最邊邊,因此以為自己建立並排失敗了」。
詳細基本的區塊該如何並排,可以參考底下這篇過往我寫過的文章:
【Notion常見問答】如何將欄位變成兩欄、三欄?靈活排列出自己喜歡的版面樣式
Notion的資料庫怎麼無法拖曳並排?該怎麼解決
其實這一點我也不太理解官方的設計為什麼不讓資料庫可以直接並排,不過既然我們有這樣的需求,就一步一步帶大家拆解要把「資料庫並排」的操作流程吧!
step1假設我們目前有兩個資料庫,想要建立並排
step2在下圖你會發現,我們是沒辦法直接拖曳讓資料庫並排的
step3我們先建立兩個一般的文字區塊並將其並排
step4在分別把兩個資料庫的View拖曳到文字區塊底下,就可以順利並排囉!
如何在其他區塊型態底下建立並排?
Notion除了資料庫的並排之外,還有一些特殊有階層式的區塊會有並排的需求但一樣無法單靠拖曳做到,以下也來一一解析。
你可以依照自己想並排的區塊型態,直接跳到該段落閱讀,或者跟著我順順的閱讀下去就好~
在純文字、BulletList、NumberedList區塊底下建立並排區塊
剛好之前有一位學員在做圖片並排的時候,他做出了下方這張圖的並排方式
這位學員跟我們說:「我希望把圖片並排對齊在a.的右側,而不是整個跟1.的大區塊並排,不知道是否做得到呢?」(他想要的並排方式如下圖)
底下我們就來一步一步解說這是怎麼做到的:
step1首先我們先建立一個一般文字的區塊,或者你要建立項目清單or數字清單區塊型態也可以。
step2接下來在底下也建立另一個同樣的項目符號,並且按一下鍵盤的「TAB」按鍵縮排
step3在縮排中輸入/page指令,新增一個頁面(新增完後會自動跳去頁面中新增內容)
step4在頁面中直接做好左邊純文字、右邊image的並排
step5跳回上一層後,會看到目前是長這樣,可以把鼠標停留在a.的項目符號上,並且按下刪除(backspace)
step6按下刪除後就會看到只剩下剛剛新增的頁面,在上面那段文字區塊的底下,並且是有縮排的
step7對著頁面點擊右鍵,選擇「Turninto」並且選擇「Text」轉換成純文字
step8轉換過後會看到頁面中的並排直接跑了出來,但在並排與上方的文字區塊之間,會多一個空白的區塊(是頁面原始的標題位置)
step9把鼠標移動到上方文字區塊的最右側,按下「Delete」刪除下方的空白區塊
step10成功讓文字與圖片在上方的純文字區塊並排了!(上方不管是純文字、數字清單或者項目清單都是一樣作法)
在ToggleList底下建立並排區塊
而也有時候我們是需要在Togglelist底下做到並排,其實作法也跟上方大同小異:
step1首先先在ToggleList底下建立一個頁面
step2在頁面中做好並排(用純文字並排就可以,之後都可以隨意變換區塊型態)
step3回到上一層,將頁面轉為Text一般文字區塊
step4一樣會多一個空白區塊
step5將區塊直接刪除後,就成功在ToggleList底下建立並排區塊
在Callout底下建立並排區塊
step1新增一個Callout區塊,並且在底下一樣靠只領新增一個頁面
step2一樣將頁面中事先並排好
step3回到上一層,把頁面拖曳到Callout底下
step4拖曳完成後,一樣把頁面轉為Text文字區塊
step5讓鼠標停留在Callout標題的位置,並且按下Backspace往前刪除
step6刪除後就可以在Callout底下成功並排囉!
在SyncBlock同步區塊底下建立並排區塊
(感謝訓練營的涵渝助教補充,剛好她有被學員問到同步區塊中要怎麼並排)
step1首先先輸入/sync新增一個同步區塊
step2同步區塊會以一個紅色的框框顯示,並且右上角會冒出一個選單,是同步區塊的操控選單
step3很多人在想要刪除同步區塊時會去點擊左邊的區塊選單,但其實那是刪除同步區塊內那個空白區塊的選單,並不是操控同步區塊的
step4如果你要刪除或調整同步區塊,要點擊右上角同步區塊的選單,可以看到裡面也有「Delete」選項
step5回到正題,在我們建立同步區塊並排之前,要先在同步區塊內新增一個Page
step6在Page裡面先把並排的設定弄好
step7回到上一層之後,把Page一樣使用Turninto轉換成一般Text文字區塊
step8之後把上面的空白行用backspace刪除,就可以看到並排成功囉!
在TemplateButton底下建立並排區塊
TemplateButton原先就是一個可以把多個區塊透過按鈕來快速新增的方式,因此也常常會有學員會需要在TemplateButton裡頭做區塊的並排,以下步驟也帶大家來實作一下TemplateButton的並排操作。
step1首先先新增一個TemplateButton
step2裡頭會有標題跟內容區塊,我們在TemplateButton的內容區塊一樣透過/page指令新增一個頁面。
step3在頁面中把純文字區塊先並排好,回到上一層。
step4一樣把頁面轉換成Text純文字區塊
step5一樣上方會多一個空格,可以點Backspace去除多餘的空白區塊
step6就成功在TemplateButton裡頭的模版並排囉!
step7之後你每點一下TemplateButton的按鈕,就可以直接新增一個現成的並排區塊!
並排區塊進階運用:搭配TemplateButton製作左右對照自動化筆記模版
延續上方的TemplateButton並排方式,其實你也可以直接在模版中新增一個「左圖片」、「右清單」、「下全寬分隔線」的筆記模版。
這樣你每字點擊TemplateButton的時候,就可以自動新增一個左右對照模版來紀錄你的學習筆記了。
之所以會需要有全寬的分隔線,是因為如果沒有的話,就可能會像是下圖一樣沒辦法將圖片與對應的文字大綱對齊,畢竟左右兩邊並排的區塊是各走各的,並沒有一個左右對齊的機制。
以下就直接一步一步帶大家透過Template+並排,建立自動左右對照的筆記模版吧!
step1首先先建立一個TemplateButton,替他取個名稱、並且透過/page指令新增一個頁面
step2在頁面中先做好如下的排版(左圖片右清單,下方全寬的分隔線)
*分隔線一定要是全寬的哦,如果設定後分隔線跑到左邊或右邊的並排區塊,可以把他拖曳往下拉到底即可!
step3回到上一層,一樣把頁面轉成Text純文字區塊
step4把鼠標停在多餘空格,按下backspace倒退刪除
step5自動的左右對照筆記模版按鈕就建立好囉!就可以點右上角「Close」來關閉設定,並且使用看看這個模版按鈕了!
以上就是所有關於階層並排的技巧與操作說明了,如果你還有其他並排相關的問題或情境,也歡迎在本文下方提問,我會一一查看並回答的唷!
【Notion系列主題文章】
📌Notion基礎教學
【Notion教學】-史上最完整Notion筆記軟體的使用教學!1小時快速上手懶人包、紮實基礎教學【Notion中文】如何利用Google翻譯使用中文版Notion|中文版更新前的暫時解決方案【Notion基礎教學】怎麼從個人版升級成TeamPlan?使用上有什麼差異?PermissionGroup怎麼用?【Notion基礎功能】使用Column語法直接設定多欄位並排。
ToggleList、TemplateButton也適用!【Notion基礎功能更新】資料庫頁面展開預覽設置:側邊預覽、中間預覽、整頁檢視,加速你的使用流程。
📌Notion常見問答
【Notion常見問答】LinkToPage與@MentionPage有什麼差異?實際使用上有什麼不同?【Notion常見問答】如何將筆記從Evernote轉移到Notion?|優缺點分析及內建Import使用教學【Notion常見問答】如何將欄位變成兩欄、三欄?靈活排列出自己喜歡的版面樣式【Notion常見問答】頁面中的Comment(評論)讓版面受到擠壓跑掉,該怎麼辦?【Notion常見問題】如何在ToggleList、Callout、TemplateButton底下建立區塊並排?如何將兩個資料庫並排?
📌Notion進階應用技巧
【Notion技巧】非設計師如何做出好看又實用的版面?Notion的版面設計準則【Notion應用案例】頁面亂七八糟該怎麼辦?教你如何優化工作區|軟體工程師使用案例教學【Notion官方認證】NotionEssentialsBadge初階認證怎麼申請?該準備什麼?詳細通過流程紀錄分享【Notion進階技巧】團隊一定要花大錢付費使用TeamPlan團隊方案嗎?教你活用PersonalProPlan+Guest一樣可以無痛免費團隊協作!
相關文章:
【Notion常見問答】LinkToPage與@MentionPage有什麼差異?實際使用上有什麼不同?
【Notion常見問答】頁面中的Comment(評論)讓版面受到擠壓跑掉,該怎麼辦?透過CustomizePage調整頁面預設設定吧!
【Notion常見問答】如何將筆記從Evernote轉移到Notion?|優缺點分析及內建Import使用教學
【Notion官方認證】NotionEssentialsBadge初階認證怎麼申請?該準備什麼?詳細通過流程紀錄分享
文章導覽
←上一篇文章下一篇文章→
AboutTheAuthor老K👨🏻💻高效率強迫症患者,總忍不住優化工作與生活上的一切。
正走在網路創業的路上,希望在持續成長精進的過程中,分享自己所學所見的一切技能,點亮更多一路上的夥伴們✨!
追蹤老K的IG
請留言取消回應發佈留言必須填寫的電子郵件地址不會公開。
必填欄位標示為*請在這裡輸入內容...姓名*
電子郵件地址*
網站網址
在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址,以供下次發佈留言時使用。
Δ
Notion訓練營早鳥報名中 【點此查看早鳥報名優惠中!】
用40天時間,學會打造專屬於你的Notion人生系統。
追蹤老K的動態📌追蹤Facebook粉絲專頁
老K-高效數位工作術講師
📌追蹤IG帳號
leadingmrk
專注於分享數位工具x高效思維|歡迎追蹤
👀自媒體創業似乎越來越流行,但我
收到@hahow.in與@taichangtang的聯名中秋
👀明明就沒做多少事情,卻總覺得很
到IG追蹤
歡迎贊助鼓勵我
文章目錄(可滾動)
Notion的一般文字區塊,該如何設定區塊並排?Notion的資料庫怎麼無法拖曳並排?該怎麼解決如何在其他區塊型態底下建立並排?在純文字、BulletList、NumberedList區塊底下建立並排區塊在ToggleList底下建立並排區塊在Callout底下建立並排區塊在SyncBlock同步區塊底下建立並排區塊在TemplateButton底下建立並排區塊並排區塊進階運用:搭配TemplateButton製作左右對照自動化筆記模版【Notion系列主題文章】📌Notion基礎教學📌Notion常見問答📌Notion進階應用技巧
聯絡我們
免責聲明與使用條款
隱私權政策
選單
聯絡我們
免責聲明與使用條款
隱私權政策
關於本站
所有文章
Notion數位工作術
數位工具
Mac工具
Mac軟體訂閱平台–SETAPP
SETAPP推薦生產力App
截圖錄影–CleanShotX
系統優化–CleanMyMacX
BootCamp雙系統
ParallelsDesktop雙系統
VPN工具
2022VPN總整理
最穩定–ExpressVPN
高CP–NordVPN
最平價–IvacyVPN
最安全–PureVPN
適合小資族–Surfshark
防毒工具
2022推薦防毒軟體
Norton諾頓防毒軟體
Avira小紅傘防毒軟體
Bitdefender比特防毒
生產力工具
全方位生產力軟體–Notion
預約會議工具–Calendly
番茄鐘工具–Session
雙螢幕工具–DuetDisplay
PDF編輯工具–PDFExpert
免費問卷製作工具–Typeform
文法檢查工具–Grammarly
理財類工具
Google表單記帳術
自媒體經營工具
一站式SEO工具–Ranking
免費製圖設計軟體–Canva
簡單好用的直播軟體–StreamYard
新手後製修圖軟體–Luminar
數位軟體購物平台–Appsumo
密碼管理工具
最推薦–1Password
架站教學
新手架站系列文章
#1架設WordPress網站
#2購買網域、代管DNS
#3設定網域、憑證
網站經營實用技巧
WP小技巧–將文章目錄固定在側邊
WordPress修改網址教學
WordPress網站搬家教學
改樣式必看–StagingSite教學
在Cloudways上架設第2個網站
開箱心得
蘋果產品開箱
家電開箱
3C開箱
高效思維
目標管理
#1設定目標教學
#2目標管理方法
習慣養成
習慣養成4觀念
生產力大神、網站、書籍推薦
聯絡我們
關於團隊
Copyright©2022 領先時代. Allrightsreserved.
ScrolltoTop
延伸文章資訊
- 1ClickTips - Toggle Lists - YouTube
- 2How To Collapse or Expand Multiple Toggles At Once | Notion - YouTube
- 3【Notion 常見問題】如何在Toggle List 、Callout ... - 領先時代
【Notion 常見問題】如何在Toggle List 、Callout、Template Button 、Sync Block 底下建立區塊並排?如何將兩個資料庫並排?(並排技巧深度解析).
- 4Notion Column Tricks - Nested Columns, Columns in Toggles, and ...
- 5Notion on Twitter: "To create toggle headings: • Use the ...
To create toggle headings: • Use the / command or + button • Type > before a heading block • Type...