Hvis bloggen din har noen år på baken, og du på et tidspunkt byttet til Gutenberg-editoren og lot alle de gamle innleggene være publisert i det klassiske redigeringsformatet, kan det være lurt å konvertere dem til Gutenberg-blokker på én gang.
Denne migreringen kan gi noen SEO- og ytelsesfordeler. Disse er forklart på slutten av dette innlegget.
Konverter til blokker
Den eneste anstendige plugin-modulen som er igjen for å lette denne konverteringen, er Convert To Blocks. Bare installer den. Den har ingen innstillinger eller admin-område, og trenger heller ikke det.
Når du nå åpner listen over oppføringer, finner du en ny kolonne til høyre for tittelen som forteller deg om oppføringen ble publisert med Classic Editor eller Gutenberg Block Editor. Det mangler imidlertid en måte å sortere dem på.
Det er ikke så bra fordi dette kan gjøres med en funksjon som vil legge til en kolonne til høyre som viser "Classic" eller "Gutenberg" til hvert innlegg. Noe sånt som dette:
// Añadir la columna personalizada en la lista de entradas que muestre si fueron publicadas con el editor Clásico o Gutenberg
function add_editor_type_column($columns) {
$columns['editor_type'] = 'Editor';
return $columns;
}
add_filter('manage_posts_columns', 'add_editor_type_column');
// Mostrar el contenido de la columna personalizada
function display_editor_type_column($column_name, $post_id) {
if ($column_name === 'editor_type') {
$content = get_post_field('post_content', $post_id);
if (strpos($content, '<!-- wp:') !== false) {
echo 'Gutenberg';
} else {
echo 'Clásico';
}
}
}
add_action('manage_posts_custom_column', 'display_editor_type_column', 10, 2);
// Hacer que la columna sea ordenable
function make_editor_type_column_sortable($columns) {
$columns['editor_type'] = 'editor_type';
return $columns;
}
add_filter('manage_edit-post_sortable_columns', 'make_editor_type_column_sortable');
// Modificar la consulta para ordenar por el tipo de editor
function sort_posts_by_editor_type($query) {
if (!is_admin() || !$query->is_main_query()) {
return;
}
if ($query->get('orderby') === 'editor_type') {
$query->set('meta_key', '_editor_type');
$query->set('orderby', 'meta_value');
}
}
add_action('pre_get_posts', 'sort_posts_by_editor_type');
// Guardar el tipo de editor como metadato al guardar el post
function save_editor_type_metadata($post_id) {
if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
return;
}
$content = get_post_field('post_content', $post_id);
$editor_type = (strpos($content, '<!-- wp:') !== false) ? 'gutenberg' : 'classic';
update_post_meta($post_id, '_editor_type', $editor_type);
}
add_action('save_post', 'save_editor_type_metadata');Det interessante med plugin-modulen er at den konverterer "on the fly". Dette betyr at hvis du redigerer et innlegg, konverteres det automatisk til Gutenberg når du åpner redigeringsprogrammet. Hvis noe går galt, kan du se det og avslutte uten å lagre, forkaste endringene for å redigere det du mistenker forårsaket konverteringsfeilen og prøve på nytt.
Dette er greit for å konvertere noen få dusin innlegg. Det fungerer veldig bra og konverterer nesten alle innleggene jeg testet det på. Convert to Blocks advarer om at den som standard ikke vil konvertere dine egendefinerte blokker.
Masse- eller batchkonvertering
Men hva hvis du har hundrevis eller tusenvis av innlegg å konvertere, som i mitt tilfelle? Det er her den mest nyttige funksjonen i plugin-modulen kommer inn i bildet. Den gir mulighet for massekonvertering ved hjelp av WP-CLI. Hvis du allerede vet hvordan du bruker WP-CLI, kan du hoppe over denne biten, og hvis du ikke gjør det, kan du gå til denne lenken.
På GitHub-siden deres finner du en liste over kommandoer du kan bruke.
NOMBRE
wp convert-to-blocks start
DESCRIPCIÓN
Inicia una nueva Migración. El comando imprime la URL que debe abrirse en un navegador para conectarlo a la CLI de WP.
SYNOPSIS
wp convert-to-blocks start [--post_type=<post_type>] [--per_page=<per_page>] [--page=<page>] [--only=<only>] [--catalog] [--reset]
OPCIONES
[--post_type=<post_type>]
Lista opcional delimitada por comas de los tipos de entrada a migrar. Por defecto post,page
[--per_page=<per_page>]
Número opcional de posts a migrar por lote. Por defecto no hay límite. Combinar con --page para paginar.
[--page=<page>]
Número de página opcional desde el que iniciar la migración. Por defecto es 1.
[--only=<only>]
Lista opcional delimitada por comas de ID de post a migrar.
[--catalog]
Bandera opcional para migrar sólo las entradas etiquetadas del editor clásico. Requiere que el plugin Block Catalog esté presente y haya sido indexado.
[--reset]
Detiene cualquier migración en curso y restablece el estado de la migración.
NOMBRE
wp convert-to-blocks stop
DESCRIPCIÓN
Detiene la migración en curso si está activa.
NOMBRE
wp convert-to-blocks status
DESCRIPCIÓN
Imprime el estado de la migración en curso.
Hvis du har en delt hosting eller rett og slett ikke vil redusere lastehastigheten på grunn av den høye CPU-bruken av konverteringen (husk at den ikke bare konverterer, den må også lagre / publisere alle innleggene en etter en), anbefaler jeg deg å gjøre det i grupper.
Jeg valgte å konvertere et visst antall innlegg ved å legge til blokker på omtrent 100 ID-er i hver batch.
Vi vet hvordan vi kan se ID-en til et innlegg fordi den vises i URL-en i utgaven, men nå må vi trekke ut alle ID-ene til innleggene som er publisert med den klassiske editoren, atskilt med et komma uten mellomrom.
Jeg har også en funksjon for det.
// Función para obtener los IDs de posts creados con el editor clásico
function obtener_ids_posts_editor_clasico() {
global $wpdb;
// Consulta para obtener los IDs de los posts que NO contienen bloques de Gutenberg
$query = "
SELECT ID
FROM {$wpdb->posts}
WHERE post_content NOT LIKE '%<!-- wp:%'
AND post_status = 'publish'
AND post_type = 'post' -- Solo posts, excluye páginas y otros tipos
AND post_content != '' -- Excluye posts vacíos
AND post_title != '' -- Excluye posts sin título
AND post_name != '' -- Excluye posts sin slug válido
";
$results = $wpdb->get_col($query);
// Convierte el array de IDs en una cadena separada por comas
$ids_comma_separated = implode(',', $results);
return $ids_comma_separated;
}
// Shortcode para mostrar el listado de IDs y el número total de posts con el editor clásico
add_shortcode('listado_ids_clasico', function() {
// Obtener la lista de IDs
$ids_posts_clasico = obtener_ids_posts_editor_clasico();
// Contar el número total de IDs
$total_posts = count(explode(',', $ids_posts_clasico));
// Mostrar el contador y la lista de IDs
return 'Total de posts creados con el editor clásico: ' . $total_posts . '<br>IDs de posts: ' . $ids_posts_clasico;
});Uso:
1. Copia el código en el archivo functions.php de tu tema o en un plugin personalizado.
2. Inserta el shortcode [listado_ids_clasico] en cualquier página o entrada de WordPress no hace falta que la publiques. Te bastará hacer una vista previa del borrador.
3. El shortcode mostrará el número total de posts creados con el editor clásico y una lista de sus IDs.
- Este código lista solo los posts publicados que no contienen bloques de Gutenberg.
- Excluye páginas, revisiones, posts vacíos, posts sin título y posts sin slug válido.
- Si necesitas incluir otros tipos de contenido (por ejemplo, páginas), cambia `post_type = 'post'` por `post_type IN ('post', 'page')`.
- Si quieres excluir otros tipos de contenido no deseado, agrega más condiciones a la consulta SQL.
Og dette er hva du vil få (* i revisjonen har jeg lagt til at jeg også inkluderer tallet for totalbeløpet).
Nå kan du velge så mange ID-er du vil, og konvertere i batcher som du ønsker.
Siden LucusHost har WP-CLI installert, har jeg terminalen klar til å gi ham stokk fra cPanel.
Den åpnes og kobles til rotbanen til WP-installasjonen din.
cd public_html/staging
EnterTil slutt skriver vi inn kommandoen vår med ID-ene til innleggene vi skal konvertere. Eksempel:
wp convert-to-blocks start --only=3017,3100,3145,3281,3357,4121,4505,4564,4586,4623,4647,4665,4688,4706,4712,4727,4793,16019,50411,87386Ved å trykke enter igjen får vi opp en url som vi må åpne i et nytt vindu for å starte prosessen.
Konvertering...
Nå må vi bare vente på at den blir ferdig og ta en titt på konverteringene for å se om det er noe å finpusse og polere opp.
Fordeler med SEO og ytelse
Det er fortsatt mange som er lojale mot minimalismen i den klassiske editoren, men Gutenberg har forbedret seg mye siden lanseringen, om enn i et desperat sakte tempo. Det er allerede flere fordeler enn ulemper med å bruke den.
Fordeler med SEO:
Ikke forvent at nettstedet ditt skal komme øverst på søkeresultatlisten over natten ved å gjøre denne konverteringen, men hver eneste forbedring teller.
- Bedre struktur på innholdet:
- Gutenberg lar deg lage mer strukturert innhold ved hjelp av blokker (avsnitt, overskrifter, lister osv.).
- Det gjør det enklere for søkemotorene å forstå hierarkiet og relevansen av innholdet.
- Optimalisering av overskrifter (H1, H2, H3 osv.):
- Det er enklere å legge til og administrere overskrifter, noe som forbedrer lesbarheten og organiseringen av innholdet.
- Flere optimaliserte bilder:
- Gutenberg gjør det mulig å legge til alt-attributter, titler og beskrivelser direkte i bildeblokkene.
- Bruk av spesifikke blokker for SEO:
- Hvis du bruker plugins som Yoast SEO eller Rank Math, tilbyr de spesifikke blokker for å forbedre SEO (f.eks. FAQ-blokker eller Schema Markup).
- Mer interaktivt innhold:
- Interaktive blokker (tabeller, knapper, trekkspill) forbedrer brukeropplevelsen og reduserer fluktfrekvensen.
- Lange oppføringer med mange elementer som publiseres med den klassiske editoren, har en tendens til å ha en høy CLS og er også langsommere, slik at de indekseres dårligere eller mister posisjonering.
Fordeler med ytelsen:
- Renere og lettere kode:
- Gutenberg genererer renere og mer semantisk HTML, noe som reduserer sidestørrelsen og forbedrer lastetiden.
- Utsatt belastning av ressurser:
- Noen blokker (for eksempel bilder) tillater lazy loading nativt.
- Mindre avhengighet av kortkoder:
- Gutenberg gjør det mulig å erstatte mange kortkoder med mer effektive native blokker.
- Optimalisering av synlig innhold (over folden):
- Det gjør det enkelt å lage optimalisert innhold for den synlige delen av siden uten å måtte skrolle.
- Færre plugins er nødvendig:
- Reduser belastningen på programtillegget ved å integrere funksjonalitet som kolonner, tabeller eller knapper.
Ytterligere fordeler:
- Bedre redigeringsopplevelse:
- Det gir en mer moderne og intuitiv redigeringsopplevelse.
- Kompatibilitet med moderne temaer og plugins:
- Mange temaer og programtillegg er allerede optimalisert for Gutenberg.
Forlagets fremtid.
Her er jeg ikke så sikker. Gutenberg er den (eneste) fremtiden for WordPress, selv om jeg ikke tror så mye av FSE (Full Site Editing) fordi ikke alle maler er FSE, og mange av de mest populære malene har ikke gitt ut FSE-versjoner. Dessuten bruker personalet fortsatt Elementor eller Bricks som byggherre eller GenerateBlocks og / eller Kadence, som støtteblokker.
