LTT Canvas 0.3.1 Plugin workflow Mind Map – lesst3 | Less Than 3

LTT Canvas 0.3.1 Plugin workflow Mind Map

LTT Canvas 0.3.1 A WordPress plugin: Obsidian-style canvases and XMind-style mind maps on your pages, with an editor right in the admin. – Menu: LTT Canvas (All maps, Add map, Import) – On the site: the Canvas map block, the [ltt-canvas id "12"] shortcode and the /map/map-name/ page Read the branches from left to right: 1 → 7 .
Notebook LM support agent https://lesst3.com/nbc
1. Install and update
2. Import from Obsidian and XMind
3. Map editor
4. Notes and blog posts
5. Publishing and embedding
6. What visitors see
7. Maintenance and troubleshooting
1. Install and update Installing on a new site and updating to a new version.
2. Import from Obsidian and XMind Bring in existing maps: Obsidian canvases, whole folders with images, XMind files.
3. Map editor A free canvas like Obsidian with keys like XMind.
4. Notes and blog posts Notes on cards like XMind, and cards that become posts.
5. Publishing and embedding Draft, publishing, versions and putting the map on pages.
6. What visitors see The map on a page: on a computer and on a phone.
7. Maintenance and troubleshooting Cache, removal, common problems.
1. Upload the plugin Plugins → Add Plugin → Upload Plugin . – Choose File : ltt-canvas-0.3.1.zip – click Install Now
01-upload-form.png
1. Create a map LTT Canvas → Add map . Enter a title: a new map starts with a central topic . The editor is in the Map box. The ? button in the toolbar lists all keyboard shortcuts.
20-new-map.png
1. A note on a card Select a card and click Note in the toolbar or press Alt+N . A panel opens on the right: type the note, Markdown works, it saves by itself. The card gets a note icon . Close the panel with × or Esc .
30-note-panel.png
1. Autosave and publishing Every change is saved as a draft 1.5 seconds later: the toolbar says Draft saved . Visitors keep seeing the previous version until you click Update (or Publish for a new map).
40-draft-notice.png
1. The map on a page The whole map is shown. Drag it with the mouse, Ctrl/⌘ + wheel zooms. The plain wheel scrolls the page and shows a hint. Buttons: + , − , Fit to screen , Full screen .
50-page-with-map.png
1. Page cache When you click Update , and when a post shown on a map changes, the plugin clears LiteSpeed Cache for the map page and every page that embeds the map. Clear other cache plugins by hand or with the lttc map published hook.
1. Prepare the files – .canvas : one Obsidian board, without images – .zip : an Obsidian folder (or the whole vault) with the .canvas , images and .md notes – .xmind : an XMind 8 or newer map, each sheet becomes a separate map
2. Activate Click Activate Plugin . Requires WordPress 6.0+ and PHP 7.4+ . Importing .zip and .xmind needs the PHP Zip extension (available on almost every host).
02-installed.png
2. Removing the plugin Deleting the plugin keeps the maps. To erase them, add define( 'LTTC DELETE DATA', true ); to wp-config.php first, then delete the plugin. Media Library files are never deleted.
2. Versions The Versions box keeps the last 10 published versions. – Open : the version goes into the editor as unpublished changes, then click Update – Discard them : drop unpublished changes
41-versions.png
2. Import LTT Canvas → Import . – Choose files : several at once are fine – New maps are : Published or Drafts – click Import Below the form you see the server upload limit, for example 2 MB .
10-import-page.png
2. Cards from the keyboard Click a card to select it. – Tab : new child card – Enter : new sibling card below – start typing, F2 or Space : edit – Shift+Enter : new line, Enter or Esc : done – arrows : move between cards An empty new card is removed by itself, like in XMind.
21-tab-enter.png
3. If something is wrong – File not available on the map: link the file in the Files box or import a .zip with images – Could not save : check you are still logged in, the editor retries by itself in 5 seconds – the archive does not upload: it is larger than the server limit – visitors do not see changes: click Update
3. Check the menu In the plugin list LTT Canvas has a Maps link, and the admin menu now has LTT Canvas . Administrators and editors can work with maps: the same rights as for pages.
03-plugins-list.png
3. Put it on a page The Show on your site box: the shortcode and a Copy button. – [ltt-canvas id "16"] – height "70vh" : height – theme "dark" : auto , light or dark – [ltt-canvas slug "launch-checklist"] : by slug Open the map page : /map/slug/ . Download .canvas : export for Obsidian.
42-embed-box.png
2. Turn a card into a post Select a text card and click Turn into a post . – Title : taken from the first line – type: Post or Page – Save as draft or Publish now – click Create The card text becomes normal Gutenberg blocks.
31-convert-form.png
51-wheel-hint.png
3. Check the result Above the map list there is a message per map: Imported "…" – N cards . A yellow message lists files that were not in the archive: the map shows a File not available placeholder instead.
11-import-result.png
04-maps-empty.png
4. The Canvas map block In the page editor add the Canvas map block (Embeds group). In the sidebar pick the Map , Height and Colors . The block can be wide or full width .
44-block-editor.png
4. Link missing files Open the map. In Files used in the map click Choose from Media Library next to the missing file, pick the file and click Update . Replace and Unlink change a file that is already linked.
14-files-missing.png
2. Notes and posts – note icon on a card: open the note – long card: Read button in the corner – post card: the title leads to the post – double-click a card: zoom into it
52-note-reader.png
4. Update to a new version Upload the new zip the same way: Plugins → Add Plugin → Upload Plugin . – WordPress shows a Current / Uploaded table – click Replace current with uploaded – you see Plugin updated successfully Maps, notes, versions and settings are kept .
05-replace-current.png
22-help.png
3. The card shows the post The card becomes a live post card : title and the whole content. – Edit the post in a new tab : toolbar button – after editing, come back to the map tab: the card refreshes by itself – Whole post / excerpt : toolbar toggle – drafts are shown only in the editor, marked Not published
32-post-card.png
15-media-pick.png
53-post-card-front.png
5. How the map looks The Display box on the map screen: – Height : 600px by default, 70vh works too – Colors : follow the visitor's system, always light, always dark – Dotted background and Zoom and full screen buttons : on
43-display-box.png
06-updated.png
3. With the mouse – double-click on empty space: new card – drag: move (10 px grid, Alt : no grid) – square in the corner of a selected card: resize – Shift+drag on empty space: select an area – wheel : move the board, Ctrl/⌘ + wheel : zoom
23-selected-card.png
5. Import into an existing map On the map screen use Import from Obsidian or XMind : choose a file and click Update . – the board of the map is replaced – files you linked before stay linked – for .xmind the sheet with the same title is used, otherwise the first
13-import-box.png
33-post-in-gutenberg.png
3. Full screen and the map page In full screen the wheel moves the map. Keys: + − 0 F , arrows, Esc . The map's own page /map/slug/ shows the map at 80% of the screen height with the map excerpt above it.
54-fullscreen.png
17-maps-list.png
6. What comes over from XMind Topics and branches with colours, notes (icon on the card), labels, markers (flags, priorities, tasks), links, images, relationships (dashed), floating topics and summary brackets . XMind does not store topic positions in the file, so the layout is calculated again and can differ slightly. Adjust cards in the editor: positions are kept.
16-xmind-in-editor.png
4. Connections Hover a card and drag a side dot to another card. Drop it on empty space to get a new connected card. Click a line to select it: colour , arrows (none / one / both), label (or double-click), Delete .
24-connect.png
55-map-page.png
4. Dark theme theme "dark" or Always dark turn on the dark theme. By default the map follows the visitor's system.
56-dark-shortcode.png
5. Colours, groups, auto layout – circles in the toolbar: 6 colours, no colour and custom colour – Ctrl/⌘+G or the group button: group the selection, then type a name – Auto layout (button with a tree): Tab and Enter keep branches tidy. On for new maps and XMind – Arrange branch : lay out the descendants of the selected card
25-group.png
5. Phone One finger scrolls the page, two fingers move and zoom the map. In full screen, iPhone included, one finger moves the map.
57-mobile.png
6. Images, links, video – Add image or file : the WordPress Media Library – Add link or video : paste a URL. A post of this site becomes a post card, YouTube, Vimeo and Rutube play on click – Ctrl/⌘+C / X / V / D : copy, cut, paste (also into another map), duplicate – Ctrl/⌘+Z , Ctrl/⌘+Shift+Z : undo, redo
26-link-popover.png
58-mobile-fullscreen.png