Ncmaz - Blog, News, Magazine Full Site Editing WordPress theme
Live DemoBuy theme
  • Welcome
  • Getting Started
    • FSE - Quickstart
    • WordPress
  • Basics
    • Theme Installation
    • Theme Updates
    • Demo
    • Pages
    • Posts
    • Block Editor
    • Customization Block Editor
    • Site Editor
    • Site Editor
    • Sidebars
    • Woocommerce
    • Localization
    • Accessibility
    • Add Custom CSS
    • Dark/Light Logo
    • Plugins
    • Sources and References
    • Changelog
Powered by GitBook
On this page
  • 1. Editing theme styles:
  • 2. Editing template parts
  • 3. Editing templates
  • 4. Editing navigation, menu

Was this helpful?

  1. Basics

Site Editor

PreviousSite EditorNextSidebars

Last updated 6 months ago

Was this helpful?

Now you get the full power of editing every aspect of your theme visually, using drag-&-drop block editor - no coding required! Create beautiful, customizable websites with a few clicks.

Modify theme colors and layout widths, reusable template parts, or whole templates.

Info & Tutorials

and available directly at the WordPress website.

1. Editing theme styles:

Or

  1. Typography You can still use this section to upload your custom fonts (as of WordPress 6.5).

  2. Layout In "Layout" section it is recommended to tweak content and wide width if needed.

    Other layout options are set for the best responsiveness across multiple devices. It is not recommended to modify them in this theme.

  1. Others

Additionally, you can tweak styles for each block individually. You can modify the default appearance of any block to your needs.

There is also an option to add your own (and modify the theme provided) CSS styles code.

2. Editing template parts

Global changes

Using template parts is ideal for modifying global theme sections that repeat across multiple templates.

Appearance → Editor → Patterns → Manage all template parts

Template parts are global areas of your website, such as site header, site footer, post comments area, or content of error 404 page. They are sections reused in the theme templates.

Updating content of a template part will update all of its occurrences across all templates at once. The theme provides you with a number of template parts allowing you to modify each section of the theme with ease.

3. Editing templates

Appearance → Editor → Templates → Manage all templates

4. Editing navigation, menu

For thorough information about editing navigational menus see the Navigation section.

Megamenu

  1. You can manage (add/edit/delete) mega-menus in the Menu section in the Patterns section.

  2. Then go to Header, select Navigation block and select Mega-menu block

  3. Select mega-menu block and select Menu-template

  4. You can customize the width and orientation of the Mega menu in the block settings.

Video:

Colors Theme applies a palette of colors throughout the site elements. You can modify each individual color in palette, modify WordPress default color palette, and add your own custom colors. Theme color palette description: The theme builds the color set in the style and structure of , you can see the specific description here -

Ex:

Editing theme templates is an advanced feature and it is recommended to get familiar with . Understanding template hierarchy allows you to create any template you like.

Video -

Exploring WordPress 6.5 (fonts setup starts at 7:29 of the video)
ui.shadcn
https://ui.shadcn.com/docs/theming
How to edit headers in Full Site Editing on WordPress.com
WordPress template hierarchy
https://learn.wordpress.org/tutorial/a-beginners-guide-to-the-wordpress-template-hierarchy/
Find out more about Site Editor
learn how to use it in tutorial videos
LogoIntro to the Site Editor | Learn WordPressLearn WordPress