En esta publicación
¿Buscas la mejor solución para la traducción de cadenas en WordPress?
Traducir y adaptar completamente tu sitio de WordPress requiere algo más que traducir el contenido desde el editor de WordPress. También tendrás contenido de tu tema, plugins, widgets, etc., y ahí es donde entra en juego la traducción de cadenas de WordPress.
En esta publicación, le mostraremos cómo traducir cualquier cadena en su sitio de WordPress usando TranslatePress y su sencillo editor visual.
¿Pero qué pasa con otras cadenas que no se pueden traducir automáticamente en la interfaz? ¿Cuáles son y cómo se encuentran?
También te mostraremos cuáles son esas cadenas y cómo traducirlas utilizando la nueva y mejorada interfaz de traducción de cadenas de TranslatePress.
Independientemente de su origen, TranslatePress detectará automáticamente todas las cadenas de texto de la interfaz de tu sitio web nada más instalarlo (e incluso algunos en el back-end, como la configuración de Yoast SEOLuego, podrás traducir cada cadena utilizando una interfaz unificada, sin tener que ir y venir entre interfaces separadas como te obligan a hacer otros complementos:
Puedes estar traduciendo tu sitio en solo unos minutos, ¡gratis!
¿Cuáles son los diferentes tipos de cadenas de WordPress?
Si quieres traducir completamente un sitio de WordPress, tendrás que lidiar con contenido de muchos lugares diferentes.
Lo más obvio es el contenido del editor de WordPress. Pero también necesitarás traducir otro contenido, como:
- Cadenas de Gettext – se trata de contenido estático de tu tema o plugin. Por ejemplo, el enlace “Siguiente página” de tu tema que controla la paginación o el botón “Añadir al carrito” en WooCommerce.
- Contenido de tema generado por el usuario – por ejemplo, el texto personalizado que agregaste al pie de página usando la configuración de tu tema.
- Contenido de complementos generado por el usuario – por ejemplo, la descripción de un producto de WooCommerce o un diseño que hayas creado con un maquetador de páginas de WordPress.
- Widgets
- Menús
Lo que necesitas para la traducción de cadenas en WordPress
Para traducir las cadenas de texto de su sitio, necesita un Plugin de traducción de WordPress.
Aquí hay algunas diferencias.
Algunos complementos solo te permiten traducir ciertos tipos de cadenas.
Otros requieren que saltes de una interfaz a otra para traducir cadenas de texto. Por ejemplo, es posible que estés traduciendo el contenido de una publicación un segundo y luego necesites saltar a una interfaz separada para traducir cadenas de tu tema.
Además, algunos complementos populares requieren que marques manualmente algunas cadenas para su traducción. Por ejemplo, un complemento de traducción puede ser capaz de detectar las cadenas gettext estáticas de tu tema, pero es posible que debas marcar manualmente el contenido del tema generado por el usuario para su traducción.
TranslatePress es un gratis Plugin de traducción de WordPress con un enfoque único para la traducción de cadenas.
En lugar de utilizar interfaces independientes y/o de obligarte a marcar manualmente algunas cadenas para su traducción, TranslatePress…
- Te permite gestionar todas tus traducciones desde una sencilla interfaz visual que se parece mucho al Personalizador de WordPress;
- Detecta automáticamente todas las cadenas de texto desde el primer momento, incluso el contenido de temas o complementos generado por el usuario.
Todo lo que tienes que hacer es hacer clic en la cadena que quieres traducir y podrás editarla:
O también podrás buscar cadenas usando una búsqueda en tiempo real y edítalos usando el Traductor de Cadenas.
TranslatePress funciona de forma inmediata con:
- Contenido de tu tema, incluyendo gettext y cadenas generadas por el usuario;
- Contenido de tus complementos, incluidas las cadenas de gettext y las generadas por el usuario;
- Elementos del menú;
- Widgets;
- Contenido del editor de entradas (el editor de bloques o el editor clásico TinyMCE);
- Cadenas de backend, como títulos/descripciones de SEO, descripciones para compartir en redes sociales (por ejemplo, etiquetas Open Graph) y más (función prémium).
En resumen, independientemente de dónde procedan las cadenas, TranslatePress te permitirá traducirlas desde esta interfaz gráfica.
Además de facilitar la traducción de 100% de tu sitio web, TranslatePress también:
- Aloja todo en el servidor de tu sitio de WordPress;
- Admite la traducción automática a través de Google Traductor (gratis) o DeepL (función prémium);
- Te permite traducir tu contenido a un nuevo idiomagratis) o nuevos idiomas ilimitados (función prémium).
TranslatePress Multilingüe
Cómo traducir todo tipo de cadenas de WordPress
Ahora, veamos la guía paso a paso sobre cómo puedes utilizar TranslatePress para traducir cadenas en WordPress.
1. Instala TranslatePress y selecciona los idiomas
Para comenzar, instala el Plugin gratuito TranslatePress de WordPress.org.
Luego, ve a Configuración → TranslatePress para elegir el o los idiomas a los que deseas traducir tu sitio.
De nuevo, la versión gratuita te permite traducir tu sitio a un nuevo idioma, mientras que la versión prémium te permite usar un número ilimitado de idiomas.
TranslatePress también admite la traducción automática de cadenas a través de Google Translate o Deepl. Puedes utilizar estos servicios para generar traducciones iniciales de cada una de las cadenas de tu sitio web y, a continuación, revisarlas y realizar modificaciones manuales si es necesario.
La traducción automática es opcional en 100%; también puedes realizar todas tus traducciones manualmente. Si deseas utilizar la traducción automática, puedes configurarla desde el Traducción automática pestaña: echa un vistazo a nuestra guía completa sobre cómo traducir automáticamente WordPress.
2. Abra el Editor de traducción visual
Una vez que hayas elegido tu(s) idioma(s), abre el contenido que deseas traducir en la interfaz pública de tu sitio. Luego, haz clic en Traducir página botón de la barra de herramientas de WordPress para abrir el editor visual de traducción de TranslatePress:
Traducir cadenas
Para traducir una cadena, todo lo que tienes que hacer es pasar el cursor sobre el texto y hacer clic en el icono del lápiz. Eso abrirá la traducción de esa cadena en la barra lateral, donde podrás añadir tu traducción:
También puedes usar el menú desplegable en la barra lateral para buscar directamente ciertas cadenas. En algunos casos, es posible que te resulte más rápido buscar que hacer clic en la vista previa en vivo. Después de buscar la cadena, podrás traducirla en la misma barra lateral:
El proceso general es el mismo sin importar el tipo de contenido que estés traduciendo, pero veamos algunos ejemplos para dejar las cosas claras...
Cadenas de Gettext
Para ayudarte a identificar rápidamente qué cadenas proceden de gettext, TranslatePress marcará automáticamente todas las cadenas de gettext con un icono de lápiz verde (a diferencia del icono azul habitual).
Si no estás familiarizado con este término, las cadenas gettext son cadenas de texto incrustadas en tu tema o plugin. El filtro gettext te permite traducir fácilmente esas cadenas. Más información sobre gettext.
Por ejemplo, tomemos el fragmento de texto de tu tema que enumera las “Categorías”. Las categorías individuales no serían gettext, pero el texto que precede a esas categorías sí lo sería. Puedes ver un ejemplo a continuación, marcado con el icono de lápiz verde:
Cuando traduzcas cadenas de gettext, podrás traducir tanto la versión original (en el idioma nativo de su sitio) y la versión traducida.
Si tu tema o plugin ya incluye traducciones para una cadena de gettext concreta, TranslatePress rellenará automáticamente esa traducción, pero aún así tendrás la opción de editarla.
TranslatePress también aplicará automáticamente estas traducciones a todas y cada una de las ocasiones en las que aparezca «gettext». Es decir, no tendrás que traducir manualmente las cadenas «gettext» en cada página.
Otras cadenas del tema
La mayoría de los temas tendrán contenido adicional más allá de gettext. Por ejemplo, el tema Hestia te ofrece opciones en el editor de WordPress para personalizar el diseño de la página de inicio de una sola página.
TranslatePress funciona con estas cadenas igual que con cualquier otra. El GIF animado que os mostramos antes es, de hecho, un buen ejemplo de cómo se traducen estas cadenas de temas generadas por los usuarios.
Aquí tienes una guía completa sobre cómo traducir un tema de WordPress.
Otras cadenas del complemento
TranslatePress puede ayudarte a traducir cualquier cadena de un plugin, independientemente de si utiliza gettext o no. Esto incluye formularios, productos de WooCommerce, contenido de constructores de páginas, etc.
Aquí tienes un ejemplo de cómo se ve traducir un producto de WooCommerce...
Algunas partes de la traducción, como el botón “Añadir al carrito”, son gettext:
Otros, como el título y la descripción del producto generados por el usuario, tienen el icono azul normal:
Aquí tienes algunos tutoriales para traducir tipos específicos de contenido de complementos:
TranslatePress también es compatible con los plugins de creación de páginas de WordPress:
Por último, también puedes traducir el contenido del campo personalizado de complementos como Advanced Custom Fields, Toolset, Pods, etc.
Elementos del menú
Los elementos del menú funcionan igual que cualquier otro tipo de cadena:
? Cómo traducir los menús de WordPress
Widgets
Puedes usar el mismo enfoque para los widgets de WordPress. Algunas cadenas de los widgets vendrán de gettext (icono verde), mientras que otras son generadas por el usuario. De cualquier manera, podrás traducirlas desde la interfaz visual:
También puedes mostrar diferentes widgets según el idioma elegido por el usuario.
? Cómo traducir los widgets de WordPress
Contenido del editor de entradas
No hemos hablado de ello hasta ahora, pero también puedes, por supuesto, utilizar la misma interfaz para traducir cualquier contenido que hayas añadido en el editor de WordPress (either the block editor or the Classic TinyMCE editor).
Here are some guides to help:
Imágenes
Finally, TranslatePress isn’t limited to translating strings! You can also use it to “translate” media content to better localize your site.
All you need to do is hover over the image and click the pencil icon. Then, you can select a different image file to use for each language and also translate the alt text:
You can use this same approach to translate all types of images and media content, including sliders.
We’ve shown you several ways to translate strings using the Visual Editor. Now, let’s cover using the new String Translation Interface to work on hidden and dynamic strings.
Cómo usar la interfaz de traducción de cadenas
First, you need to navigate to the correct menu. From any page on your site, click Traducir sitio in your Admin bar, or from Configuración → TranslatePress. Since you won’t be using the visual editor for this, you’ll need to switch the tab in the lower left corner from Visual Editor to String Translation.
You’ll now see that there are three tabs at the top to help you find the exact string type you’re looking for: Babosas, Gettext, y Correos electrónicos. There’s also a filter function for each to help narrow your search.
Let’s walk through each tab to learn how to translate the various string types.
Slugs Tab
The Slugs tab is where you’ll find all of the slugs present on your site, be it page slugs, post slugs, taxonomy, or anything else.
Even though you can translate slugs from the visual editor too, here is where you’ll find all of them in one place so you can save some time. You can even use filters to easily identify the slugs you’re looking for, or filter out the ones that have already been translated.
Gettext Tab
Under the Gettetx tab, you’ll find strings that come from plugins or themes that may not be visible on the front end of your site. These strings are usually dynamically displayed as a result of submitting a form, or another type of notification message.
For example, if a customer purchases a membership on an eLearning site, they’ll likely see a confirmation message that their payment was approved. However, the text that’s generated by the plugin may not have been translated because it was not visible on the front end.
As you open the Gettext tab, TranslatePress will automatically begin searching your site for content. Depending on the complexity of your site, several hundreds of pages of strings may be found. To make things easier, you can select filters at the top which will narrow your search. You can also enter a keyword in the Search Gettext Strings box to find something even more specific.
Once you find the string you’re looking for, you can translate or edit the translation in the left-side panel — just as you would any other manual translation.
Emails Tab
The Emails tab shows you any strings that appear in emails generated by your site’s plugins. As I mentioned earlier, a WooCommerce customer notification is one example. WPForms is another plugin that generates emails.
Before you start searching, click the Rescan and theme for strings button. This will start a scan for any potential email strings found on your site. There are essentially two types of email notifications that are typically sent from your website:
- Emails sent to a user of your site. This could be a customer who purchase a product, a visitor who signs up for your newsletter, or someone who fills out a form. Confirmations and double-optin notices fall into this category.
- Emails that are sent to you, an admin on your site, or any manager of your WooCommerce store. These can be notifications such as gaining a new subscriber, a purchase was made, or an order was canceled.
For some plugins, such as WooCommerce, TranslatePress automatically translates email notifications. The language used is dependent upon the language the user enabled while browsing your website.
However, some messages and notifications may not have been translated automatically, and that’s where you’ll need to use the String Translator interface to search for them. This could be a confirmation message on a form, or a notification that a form submission failed.
For example, one common string found in WPForms is “Sent from %s.
To translate the string, click edit. The String Translation panel on the left will display the original text and the fields for translating into any languages you have enabled on your site. Enter the translated text in the appropriate language fields, and Click the Guardar traducción botón en la parte superior.
You can continue to search for any email strings that you need to translate and edit them using the String Translation interface.
Under the Emails tab, you’ll only find plugin localized strings. For example, if you’ve customized the default messages for WooCommerce, you’ll need to look under the Regular tab to find them.
Regular Tab
If you don’t see a Regular tab displayed next to the others, don’t panic. This tab is hidden by default to prevent the interface from overloading. It can easily by enabled in the TranslatePress settings. Navigate to Settings→TranslatePress and look under the Avanzado pestaña.
Under Debug, enable Show regular strings tab in String Translation. Now you can navigate back to the String Translation editor, where you’ll now find the Regular pestaña.
In this tab, you’ll find just about every string on your website, including the ones already translated in the visual editor. Like the other tabs, you can search for specific strings and edit their translations in the left panel.
Comience hoy mismo con la traducción de cadenas de WordPress
If you want to fully translate your WordPress site, you need a way to easily translate strings from gettext, user-generated theme or plugin content, menus, widgets, etc.
Some plugins force you to use separate interfaces and/or manually register strings for translation, which adds complexity and effort.
With TranslatePress, you can eliminate both problems:
- TranslatePress will automatically detect all the strings on your site, no matter where they come from. No need to manually declare certain strings for translation.
- You can manage all of your strings from a single unified interface that includes the visual translation editor and the String Translation interface. No need to jump back and forth between different interfaces every time you want to translate something.
You can get started with the Versión gratuita de TranslatePress en WordPress.org.
Luego, considere upgrading to the Pro version to access powerful new features:
- SEO multilingüe – translate SEO metadata strings from plugins such as Yoast SEO o Rank Math para SEO multilingüe mejorado;
- Idiomas ilimitados – translate your site into unlimited new languages (the free version limits you to a single new language);
- Traducción automática de DeepL – add support for DeepL (the free version supports automatic translation via Google Translate);
- Navegación basada en el idioma del usuario – mostrar menús de navegación completamente diferentes basados en el idioma de un usuariothe free version lets you translate menu items, but you can’t create separate menus).
TranslatePress Multilingüe
Do you still have questions on how WordPress string translation works with TranslatePress? Let us know in the comments below!
Si encontraste útil esta publicación, por favor visita nuestro Canal de YouTube, donde subimos constantemente tutoriales en video cortos y fáciles de seguir. También puedes seguirnos en Facebook y Twitter ser el primero en enterarte cada vez que publicamos.
Can we access to the database where it remember all the previous autotranslate? Then change the translation so that do not have to repeating the correction ?