Anthony: Anthony moved page Quick Start/Tutorials to Guidebook/Quick Start/Tutorials

2026-03-27T02:13:36Z

Anthony moved page Quick Start/Tutorials to Guidebook/Quick Start/Tutorials

← Older revision	Revision as of 02:13, 27 March 2026
(No difference)

Anthony at 09:40, 16 March 2026

2026-03-16T09:40:13Z

New page

__NOTOC__
__NOEDITSECTION__
{{MainPageHeader
| title = Quick Start > Write a Tutorial
| subtitle = Share your knowledge with the community
| notice_label= ▷▶▷
| notice = Tutorials live at Tutorials/YourTutorialName — the form creates the page automatically.
}}

<div class="guide-tabs">
<div class="guide-tabs-nav"><span class="guide-tab-nav-item is-active" data-tab="t1">1 · Find the Hub</span><span class="guide-tab-nav-item" data-tab="t2">2 · Fill the Form</span><span class="guide-tab-nav-item" data-tab="t3">3 · Write Your Content</span></div>

<div class="guide-tab-panel is-active" data-panel="t1">
{{GuideStep
| step = 1
| title = Go to the Tutorials hub
| text = From the [[Main Page]], click '''Browse Tutorials''' or go directly to [[Tutorials]]. You'll see the tutorial hub, organised into collapsible sections by topic.
| image =
}}
{{GuideStep
| step = 2
| title = Click the orange "+ Submit" button
| text = At the top of the [[Tutorials]] page, click the orange '''+ Submit''' button in the toolbar. This opens the tutorial submission form.
| image =
}}
<div class="guide-nav"><span></span><span class="guide-nav-center">Step 1 of 3</span><span class="guide-tab-nav-item guide-nav-btn guide-nav-btn--next" data-tab="t2">Next: Fill the Form →</span></div>
</div>

<div class="guide-tab-panel" data-panel="t2">
{{GuideStep
| step = 1
| title = Enter a tutorial name
| text = Give your tutorial a clear, descriptive name that tells the reader exactly what they'll learn. Good examples: ''How to Record Field Audio on a Budget'', ''Getting Started with Godot 4'', ''Knitting Your First Beanie''.
| note = Tutorial names become page URLs. Clear names help people find your tutorial via search.
| image =
}}
{{GuideStep
| step = 2
| title = Select a topic and difficulty
| text = Tick one or more '''Topics''' that match your tutorial's subject area. These determine which section of the [[Tutorials]] hub your tutorial appears under. Set the '''Difficulty''': Beginner, Intermediate, or Advanced. Be honest — this helps readers find content at the right level for them.
| image =
}}
{{GuideStep
| step = 3
| title = Add description, tags, and cover image
| text = Write a short '''Description''' (1–2 sentences) that appears on the tutorial card when someone hovers over it. Add space-separated '''Tags''' like ''beginner audio recording budget''. For a '''Cover Image''', upload one via [[Special:Upload]] first, then paste the filename here (e.g. ''MyCoverImage.png''). See the [[Quick Start/Projects|image upload steps]] if you need help.
| image =
}}
<div class="guide-nav"><span class="guide-tab-nav-item guide-nav-btn guide-nav-btn--prev" data-tab="t1">← Back</span><span class="guide-nav-center">Step 2 of 3</span><span class="guide-tab-nav-item guide-nav-btn guide-nav-btn--next" data-tab="t3">Next: Write Your Content →</span></div>
</div>

<div class="guide-tab-panel" data-panel="t3">
{{GuideStep
| step = 1
| title = Click "Submit Tutorial" to create your page
| text = Click the '''Submit Tutorial''' button at the bottom of the form. Your tutorial page is created automatically at <code>Tutorials/YourTutorialName</code> and will appear on the [[Tutorials]] hub under the correct topic section.
| image =
}}
{{GuideStep
| step = 2
| title = Edit the page to add your full content
| text = After submitting, click the '''Edit''' button on your new tutorial page and start writing. Structure your tutorial with clear headings using <code>== Section Title ==</code>. Use the same '''GuideStep''' template used on this very page to create numbered, visual steps with inline screenshots — it makes tutorials much easier to follow.
| note = You can see how GuideStep is used by clicking "Edit" on this page and looking at the wikitext.
| image =
}}
{{GuideStep
| step = 3
| title = Add screenshots to your steps
| text = For each step where a screenshot helps, upload the image via [[Special:Upload]] and reference it in the <code>image=</code> parameter of the GuideStep template. The screenshot will appear inline below your step's text, contained in a consistent styled frame.
| image =
}}
</div>

{{SectionHeader|title=Finished with Creating a Tutorial?|icon=mimetypes-x-office-presentation}}
{{CardGrid|
{{NavCard
| icon = mimetypes-package-x-generic
| name = Submit a Project
| link = Quick Start/Projects
| description = Share your creative or technical work with the community. Takes about 5 minutes.
}}
{{NavCard
| icon = apps-accessories-text-editor
| name = Edit & Contribute
| link = Quick Start/Editing
| description = Help improve existing pages, fix errors, or add content to the wiki.
}}
{{NavCard
| icon = actions-bookmark-new
| name = Community Customs
| link = Quick Start/Customs
| description = Learn the norms and etiquette that keep the community healthy.
}}
}}

[[Category:Wiki]]
[[Category:Quick Start]]

Guidebook/Quick Start/Tutorials - Revision history

Anthony: Anthony moved page Quick Start/Tutorials to Guidebook/Quick Start/Tutorials

Anthony at 09:40, 16 March 2026