What Is Editable In Tina

What Is Editable In Tina

Files: tina/, src/content/, src/config/, src/i18n/ · Skill level: Beginner

Run npm run dev and open http://localhost:4321/admin/. No account is needed. Tina explains how to open the editor and how to edit online. Everything you edit is saved to the files in the project, in every language.

Where Each Page Is Edited

Open the menu at the top left, then pick the entry, a language folder, and a file. Blocks means the page’s form has its own blocks, so you can change a section for that page only.

The people in the author box on posts are under Authors.

A new entry with only a title won’t break the site, and it builds. Its card or page shows what you filled in, and images and other fields stay empty until you add them, so fill them in before you publish.

Sections

Section defaults holds the shared content of each section. Every page that shows a section uses it.

Site-Wide Content

• Site settings: name, address, logo, SEO, forms, search, cookie banner, smooth scroll, animation, page action links, copyright, theme credit, contact details, newsletter, the header button and text link, Open Graph, and the tags in Head.
• Menus: Header Primary (dropdowns and mega menus) and Footer, per language.
• Social links: your social profiles.
• Interface labels: buttons, form messages, and footer copy, per language.
• Shared pieces: the dashboard’s sample data, the cookie banner, the announcement bar, and the /elements/ labels, per language.

Taskly has three header layouts and four footer layouts. Each page form picks them with Header layout (default, bar, islands) and Footer layout (default, wordmark, newsletter, tiles).

If You Clear A Field

In a page’s form, a field you never filled uses the default. A field you clear is saved empty, which hides that text or image on that page. Tina can’t bring the default back by itself. To restore it, copy the text back from Section defaults, or remove the empty line from the file.

What The Preview Doesn’t Update

The header and menus, and values from Site settings, don’t update while you type. They update when you save. Some Site settings also need npm run dev restarted: the comment in the field says so. Online there are forms only, because the live preview and click-to-edit need npm run dev on your computer.

What Stays In Code

• Which sections a page has, and their order: the route in src/pages/[...lang]/. You can hide a section with its Enable field.
• New sections and new page layouts. Then run npm run tina:generate so the editor offers them.
• Colors and type scale (src/styles/theme.css) and fonts (src/config/fonts.json).
• The list of languages: see Internationalization.
• The icon set, and the layout of the coded product mockups. Icon names and the mockups’ data are editable.
• The structure of the forms in src/layouts/components/forms/. Their fields and labels are editable.

When Tina saves a file, it removes comments and rewrites Markdown in its own style, such as * in place of -. Your words and values stay, and the comments’ text is kept as the description under each field.

Versions And Testing

This edition is tested on Astro 7.3.8 and Node 22 (Tina’s command-line tool supports Node 22 and 24 only), with tinacms 3.15.1, @tinacms/cli 4.0.4, and @tinacms/astro 0.8.0. They are pinned in package.json. The live preview uses experimental features of @tinacms/astro, so test it before you upgrade.

We have not run online editing against a live Tina Cloud project. Try one save on a copy of your site before you rely on it.

Do It With AI

I use the Tina edition of Taskly. I want to change [WHAT] on [PAGE]. Tell me which entry to open at
/admin/, which language folder and file to pick, and which field to change. Tell me if the text comes
from Section defaults, so I know the change reaches every page that uses that section. If it can't
be done in the editor, say which file to change. Don't change any files yet.