Tables & Embeds

Tables & Embeds

Some ideas are easier to understand when they are compared. Others need to be seen in action.

A good article is not limited to paragraphs. A product comparison may need eight columns. A technical guide may benefit from an embedded demonstration. A detailed reference page might need both, without becoming a custom web-development project.

VerdinCore brings editable tables and external media embeds into the same writing environment used for ordinary Posts and Pages. They are there when the subject calls for them, rather than demanding that every article be assembled from a collection of specialized components.

Tables: put structured information where readers need it

Tables work best when readers need to compare several attributes at once: a specification, a set of requirements, a pricing breakdown, or the differences between several approaches.

Imagine an article comparing image formats. A table makes the relationships immediately visible:

The example is deliberately simple, but the principle scales: readers should not have to reconstruct a comparison from three separate paragraphs.

Insert a table visually

Place the cursor where the table belongs and select Insert table in the editor toolbar. A grid lets you choose the number of columns and rows before inserting the table. The selected dimensions are shown as you move through the grid.

The insertion control supports an initial table of up to 8 columns by 8 rows, and begins with a 3 × 3 selection. Newly inserted tables include a header row. The initial grid is a starting size, not the limit of the table: rows and columns can be added later.

((Screenshot from VerdinCore Admin > Edit Post > Insert table: open a demonstration article titled "Comparing Image Formats", place the cursor immediately after an introductory paragraph, and open the table insertion popover. Highlight a 4-column × 5-row selection in the grid, with the size indicator clearly visible. Include the formatting toolbar and a little surrounding article content. Capture at approximately 1500 × 900. Hide account details and private drafts. Suggested caption: "Choose a table's starting dimensions directly from the editor toolbar."))

Make changes without rebuilding the table

Once your cursor is inside an existing table, the toolbar changes purpose: reopening the table control shows Table options rather than the insertion grid. The panel displays the current dimensions and provides commands for adjusting the structure.

The controls respond to the current selection. For example, a merge action is available only when the selected cells can be merged. This makes the interface useful for everyday changes without presenting every operation as universally applicable.

((Screenshot from VerdinCore Admin > Edit Post > Insert table > Table options: prepare a populated demonstration table with 5 columns and 4 rows, including a bold header row and realistic sample data. Place the cursor in a body cell and reopen the table control so the dimensions, row/column actions, merge/split actions, Header row toggle, and Delete table action are visible. Capture at approximately 1600 × 950. Avoid using actual customer data. Suggested caption: "The table control switches from insertion to contextual editing when the cursor is inside a table."))

Tables belong to the content; layout belongs to the website

The editor stores a table as structured HTML, including a consistent wrapper that the theme can style. This separates what the table says from how the website presents it.

Wide tables are a good example of why that separation matters. A useful comparison may have more columns than a phone screen can comfortably display. In the supplied theme styles, wide tables can scroll horizontally within their own container instead of forcing the entire page wider. The theme also defines cell spacing, borders, header styling, and alternating row backgrounds.

A publisher can therefore preserve the comparison rather than deleting useful columns just to fit a narrow screen. Exact appearance remains theme-dependent, so a table should still be checked on desktop and mobile before publication.

Good content should not have to become less informative just because the reader uses a smaller screen.

Embeds: bring outside material into context

Sometimes the most useful supporting material exists elsewhere: a product video, a recorded talk, or an interactive resource hosted by another service.

VerdinCore supports iframe-based embeds, including YouTube embeds, through the visual editor. Instead of requiring an author to edit a template, the toolbar provides an Embed code panel where the iframe markup can be pasted.

The workflow is straightforward:

1. Obtain the iframe embed code from the external provider.

2. Place the cursor at the appropriate point in the article.

3. Open Embed code, paste the markup, and select Apply.

4. Save the article and inspect the result on the published page.

The panel expects valid iframe markup; it is not a generic field for pasting an ordinary video URL. Supported attributes and markup are subject to the application's HTML sanitization, and a provider may impose its own embedding restrictions.

((Screenshot from VerdinCore Admin > Edit Post > Embed code: show the Embed code popover with a short, valid YouTube iframe snippet from a public demonstration video, ready to apply. Keep the toolbar and the paragraph explaining the video visible behind the panel; ensure the snippet contains no private tokens or internal hostnames. Capture at approximately 1500 × 850. Suggested caption: "External media can be inserted from its iframe embed code without editing the site's templates."))

A deliberately quieter editing surface

There is a subtle but important difference between editing an embed and viewing its content.

Inside the VerdinCore editor, an embedded iframe is displayed as its saved HTML markup in a code-style block, rather than loading the external player directly into the writing surface. Selecting that embed and reopening the toolbar control allows the code to be changed; the action becomes Save changes.

That approach keeps a long article manageable even when it contains external media. The editor handles the content placement; the published page handles the actual embed presentation.

It also means the editor is not a live preview of an external player. The final page is where playback, sizing, provider permissions, and interaction should be checked.

When should you embed, and when should you link?

An embed is useful when the external material is essential to understanding the passage. It is less useful when the reader simply needs a reference.

External embeds are dependencies. A provider can remove a video, change permissions, introduce tracking, or stop serving the content. Some visitors may also block third-party players. For important information, include enough explanation in the article that the reader can still follow the argument if the embed is unavailable.

This is not a limitation unique to VerdinCore. It is a sensible editorial decision whenever content depends on a third party.

((Screenshot from a published demonstration Post on a VerdinCore-powered site: show a short explanatory paragraph followed by a successfully rendered, public embedded video, with another paragraph beneath it. Use a wide desktop viewport around 1440 × 900 and ensure no unrelated personal information is visible. Suggested caption: "Embedded media supports the article's explanation without replacing it."))

Richer articles, fewer unnecessary decisions

Tables and embeds answer two different needs. A table gives information structure. An embed brings external material into the flow of an article. Both are available from the writing interface, without asking an author to manage page templates for each insertion.

The real advantage is not that every article can contain a table or a video. It is that an author can choose the right form for the material and keep writing.

Continue exploring: The Visual Editor · Images & Media · Posts & Pages