Paginas Web

My real experience using the WordPress Gutenberg editor in depth

Before diving into editing, it’s crucial to familiarize yourself with the terrain. When you log in to your site website, you access the WordPress Dashboard, which is the control center for your entire site. From here, you can create posts, install plugins, manage users and, what interests us, edit pages.

To find the list of all your pages, you need to go to the sidebar and click on Pages > All Pages. Here you’ll see a listing of all the content of type “page” that you’ve created. Hovering over the title of any page will show you several options, the most important being “Edit” and “View”. The first takes you to the editor, and the second shows you how that page currently looks to your visitors. It’s good practice to open the page in a new tab so you can see the changes in real time as you make them.

The appearance of your dashboard may vary slightly depending on the version of WordPress you use and the plugins you have active, but the fundamental structure is always the same. The <a href="https://wordpress.org/support/article/wordpress-dashboard/” target=”_blank” rel=”noreferrer noopener”>official WordPress documentation on the dashboard is an excellent resource to delve deeper into each section if you need to.

How to Edit a Web Page in WordPress Using the Gutenberg Editor

Since version 5.0, WordPress includes the Gutenberg editor by default. This editor is based on “blocks“, which are like Lego pieces that you can drag, drop and combine to build your content. For many, it was a radical change from the classic editor, but it offers much more visual flexibility.

When you click “Edit” on a page, the Gutenberg editor will open. You’ll see the page title at the top and, just below, a blank area with the text “Type / to choose a block” or a button with the “+” sign. This is the starting point. To add a paragraph of text, simply start typing or click the “+” and search for the “Paragraph” block.

The magic of Gutenberg lies in its block library. There aren’t just blocks for text and images. You can add headings (H2, H3, etc.), galleries, buttons, columns, separators and social media embeds like YouTube or Twitter. Each block has its own specific controls in the right sidebar, where you can adjust things like background color, spacing or typography, depending on what your theme allows.

The learning curve is gentle. I recommend you spend a few minutes playing with the different blocks on a test or draft page to understand their possibilities. The block guide on the WordPress support site is invaluable for discovering features you might not have known about.

Advanced Customization With the Theme Customizer and Drag-and-Drop Editors

Sometimes, editing only the page content isn’t enough. Perhaps you want to change the position of the menu, the footer, or the general design. For this type of modification, there are mainly two paths.

The first is the WordPress Customizer, which you usually access from the dashboard at Appearance > Customize. This menu offers you options to modify global elements of your site that affect all pages, such as the site identity (logo and title), colors, navigation menus and sidebar widgets. It’s a safe way to make changes, since many themes let you preview the modifications before applying them to the entire site.

The second path, and a much more powerful one, is page builders. Plugins like Elementor, Divi or WPBakery are extremely popular because they offer almost total control over the design through a drag-and-drop interface. These plugins create a layer on top of WordPress that lets you see exactly how the page looks while you edit it, a mode often called “What You See Is What You Get” (WYSIWYG).

If your theme is compatible with one of these builders, you’ll likely find a button that says “Edit with [Builder Name]” when you open a page. These tools have a slightly steeper learning curve but offer enormous creative freedom without touching a single line of code. The official Elementor page, for example, shows the potential of this tool well.

Basic Search Engine Optimization (SEO) While Editing

Editing a page isn’t just about how it looks, but also about how your potential customers find it. While you work on your content, it’s crucial to keep in mind some basic SEO practices. Luckily, WordPress and some plugins make this very simple.

The first thing is to use headings (H2, H3) correctly. An H2 should be the main title of a section (like the ones you see in this article), and H3s would be subsections within that H2. This helps Google understand the structure and key topics of your page. Never use a heading just because “it looks bigger”; use it to structure your content logically.

Then there’s the alt text of images. When you add an image, always fill in the “Alt text” field. This text describes the image for search engines and for people who use screen readers. Don’t stuff it with keywords; be descriptive. For example, instead of “cheap shoes Madrid”, use “Brown leather shoes for men for sale in our Madrid store”.

Finally, the meta description. This is the brief description that appears under your page title in Google results. Plugins like Yoast SEO or Rank Math add a box below the editor where you can write and preview this description. It should be a compelling summary of the page, with a call to action, in a maximum of 155 characters. The <a href="https://developers.google.com/search/blog” target=”_blank” rel=”noreferrer noopener”>Google Webmasters blog is a source of authority to stay up to date with the best practices they themselves recommend.

Finishing Touches and Publishing Your Changes

You’ve finished editing your page. Now what? Before clicking that blue “Update” button, there are a couple of crucial steps that will save you a lot of headaches.

Always, always preview your changes. The “Preview” button shows you exactly how the page will look to your users. Check that everything is aligned, that the images look good and that the links work. It’s especially important if you’ve made big design changes.

If your site receives traffic, consider using a maintenance mode plugin. These plugins let you put up a “Site under maintenance” screen for your visitors while you work on updates, so they don’t see a half-finished page. It’s a very professional practice.

Finally, click “Update”. And that’s it! Your page is live. But the work doesn’t end there. It’s a good idea to check the page from a mobile device (your phone) to make sure the responsive design works correctly. Google prioritizes mobile-first indexing, so the mobile experience is just as important as the desktop one.

Real questions and answers for users

Frequently Asked Questions (FAQ)

What is the easiest way to start editing a web page in WordPress?
The easiest way is by using WordPress’s default block editor (Gutenberg). You just need to log in to your admin dashboard, go to ‘Pages’, select the page you want to modify, and click ‘Edit’. From there, you can click on any existing element to change it or use the ‘+’ button to add new blocks of text, images, or videos.

Do I need to know how to code to be able to edit my WordPress site?
Absolutely not. WordPress was designed precisely so that users without any coding knowledge (HTML, CSS, PHP) can create and manage content completely. Tasks such as changing text, uploading images, or even altering the design with page builders are done through intuitive visual interfaces, without the need to write code.

What should I do if the design gets messed up while editing my page?
Don’t panic. The first thing you should do is use the “Undo” button (the curved arrows in the top bar of the editor) to revert the last change. If the problem persists and you don’t know what caused it, don’t save the changes. Instead, exit the page without updating and go back in. If the error has already been saved, check whether you have a saved revision of the page (WordPress saves them automatically) and restore a previous version that did work correctly.

Is it possible to edit a WordPress page from a mobile phone?
Yes, it is possible. WordPress offers official apps for iOS and Android that allow you to edit pages and publish content from your phone or tablet. The functionality is very similar to that of the desktop version, although the experience may be slightly different due to the screen size. It’s perfect for making urgent changes or small tweaks when you don’t have a computer at hand.

Sobre el autor

Deivi Sanz

Soy David, conocido como Deivi Sanz, especialista en SEO y marketing digital con más de 15 años de experiencia ayudando a negocios a destacar en el mundo online.

Mi pasión es transformar ideas en estrategias digitales efectivas, combinando análisis de datos, creatividad y las últimas tendencias en posicionamiento web. En este blog comparto mis conocimientos sobre SEO técnico, content marketing y growth hacking, siempre con un enfoque práctico y resultados medibles.

Cuando no estoy optimizando webs o escribiendo artículos, me encontrarás explorando nuevas herramientas SEO, analizando casos de éxito o disfrutando de un buen café mientras planifico la siguiente estrategia viral.

También me gusta implementar ideas creando plugin para WordPress o aplicaciones para Android.

Firma:

Con dedicación y estrategia,

David "Deivi Sanz"
🔍 Especialista SEO
🌐 Creador de Contenidos Digitales
🚀 Transformando visitas en oportunidades

¿Necesitas ayuda con tu proyecto digital?
¡Hablemos en los comentarios! o en contactar
Deivi Sanz

Ver más artículos de Deivi Sanz