![healthy eating.png](https://cdn.steemitimages.com/DQmNcdumiKgUgsY1at523zD4sueag1ouDrUMbgWroWFxxqv/healthy%20eating.png)
<center>![separadorwordpress.png](https://cdn.steemitimages.com/DQmTadUKdbeHLfbQCUrHbhUk2Ht798eiK37bG1NKmizvzRE/separadorwordpress.png)</center>

<div class="text-justify">
<sub>

Saludos ***Steemians***, luego de haber compartido 2 guías para personalizar las páginas web en ***Wordpress***, haciendo uso del plugin ***Elementor*** ([Guía 1](https://steemit.com/steempress/@jimhutch/gua1-editandopginasenwordpressconelementor-y8a8j7ok5c), [Guía 2](https://steemit.com/steempress/@jimhutch/gua2-editandopginasenwordpressconelementor-rpmauqyefy)), con la intensión de ayudarles a mejorar la estética de sus sitios web, hay otro factor no menos importante que también debemos tomar en cuenta, las **Publicaciones**.

Con todo este **BOOM** que ha sido el uso del plugin ***Steempress*** para publicar desde ***Wordpress***, buscando optar por el buen voto por parte de @steempress-io, muchos usuarios hemos comenzado a usar el plugin; sin embargo, no todos estamos haciendo lo mejor posible para que nuestros sitios de ***Wordpress*** se vean espectaculares. 

Uno de los grandes fallos son las publicaciones. Los usuarios se toman la preocupación de asegurar que su publicación se vea lo mejor posible en ***Steemit***, olvidando así, cómo se visualiza en ***Wordpress***.

Ambas plataformas no son del todo compatibles en la codificación, aunque en ***Steemit*** podemos usar **HTML** y **Markdown**, por la facilidad de uso la mayoría usa este último. En el caso de ***Wordpress***, trabaja con **HTML** y es más amplio lo que se puede hacer en una publicación con respecto a ***Steemit***,  por esta razón, las publicaciones hechas para una plataforma tiene ciertas alteraciones en la otra y viceversa.

Difícilmente conseguirás que a la primera quede bien para ambas plataformas, aún realizando la publicación en código **HTML** en ***Steemit***, cuando la llevas a ***Wordpress***, suele sufrir ciertas alteraciones que luego nos tocará editar allá. 

El peor de los casos es cuando realizas tu publicación en **Markdown**, en ***Wordpress*** sólo observarás un listado de códigos entre textos para nada estético y es lo que está sucediendo con mayor frecuencia entre los usuarios de ***Steemit***.

Tenemos que entender que al querer usar el plugin de ***Steempress***, tendremos que hacer prácticamente 2 ediciones de nuestra publicación para que se vea bien en ambas plataformas, es un poco más complicado; sin embargo, vale la pena y con la práctica se va haciendo más fácil.
<center>![separadorwordpress.png](https://cdn.steemitimages.com/DQmTadUKdbeHLfbQCUrHbhUk2Ht798eiK37bG1NKmizvzRE/separadorwordpress.png)</center>
El mejor camino para facilitar el trabajo es editar tu publicación ya sea en código **HTML** o **Markdown** desde ***Steemit***. Ustedes se preguntarán ***¿ por qué ?***. 

Es muy simple, ***Steemit*** funciona sobre la **Blockchain STEEM**, cada edición que hacemos a nuestra publicación, crea una entrada que va llenando la cadena de basura, el objetivo es evitar estas ediciones y para conseguirlo, la mejor forma es crear nuestra publicación desde el editor de ***Steemit***, así podremos ir chequeando desde la previsualización cómo nos quedará.

Aunque la previsualización de ***Steemit*** no es perfecta, se habrán dado cuenta que cuando publicamos se nos ve diferente, esto suele ser más visible cuando colocamos el texto al lado de una imagen, podemos observar que al publicar, se corre el texto quitando el orden que le habíamos dado en la previsualización o cuando centramos un título largo y se divide dejando una palabra separada en otra línea, rompiendo el orden estético que tenía.

¿Por qué sucede esto?. Porque la columna de edición en la previsualización es más amplia que la del formato definitivo. Esperemos que ***Steemit*** haga una actualización colocando ambas con el mismo ancho, nos ahorraríamos muchas ediciones. 
![diferencia.png](https://cdn.steemitimages.com/DQmRZf5dcf8J5sM2Q3GvKhvv4vT5qnLfxzcqNKt3jre1uGJ/diferencia.png)

Yo en particular, hago cálculos imaginarios reduciendo el ancho de la columna de previsualización, para así evitar ediciones.
<center>![separadorwordpress.png](https://cdn.steemitimages.com/DQmTadUKdbeHLfbQCUrHbhUk2Ht798eiK37bG1NKmizvzRE/separadorwordpress.png)</center>
Volviendo a lo que estábamos, una vez terminada todas las correcciones y codificación de nuestra publicación en el editor de ***Steemit***, copiaremos todo el contenido en el portapapeles, nos dirigiremos al editor de ***Wordpress*** y pegaremos el contenido en la pestaña **HTML** del mismo. Luego colocaremos el título de la publicación, las etiquetas y finalmente publicaremos.

![editor wordpress.png](https://cdn.steemitimages.com/DQmNdrx7mRGcLKjG1Y9HVRu2v6hRQjWGhnFuYSeBzn3w2dX/editor%20wordpress.png)

Si realizamos nuestra publicación en código **HTML**, puede que en ***Wordpress*** sufra ciertas alteraciones, esto sucede según el tema que poseemos en nuestro sitio (debemos tener en consideración que los temas alteran las publicaciones, a la hora de cambiar un tema, debemos revisarlas y hacer las correcciones pertinentes). Estas alteraciones suceden por el formato de la columna de publicación, en ***Steemit*** es más angosta que la que te ofrecen la mayoría de los temas en ***Wordpress***.

Si realizamos la publicación en código **Markdown**, nos encontraremos en ***Wordpress*** con una publicación completamente alterada, la mayoría de los códigos serán visibles y muchas de las imágenes solo visualizaremos el enlace, esto sumado a la alteración que ya sufren por la diferencia del ancho de la columna de publicación.

Con esto concluimos, en que siempre tendremos que hacer por lo menos una edición desde ***Wordpress*** para conseguir que nuestra publicación quede espectacular en nuestro blog; sin embargo, quienes editaron su publicación en **Markdown**, prácticamente necesitarán hacer toda la publicación de nuevo. 
<center>![separadorwordpress.png](https://cdn.steemitimages.com/DQmTadUKdbeHLfbQCUrHbhUk2Ht798eiK37bG1NKmizvzRE/separadorwordpress.png)</center>
Ustedes pensarán, ***"que fastidio con todo esto"***, algunos ni se molestarán en arreglar sus publicaciones; sin embargo, esto es tomado en consideración a la hora de recibir el voto, además, ***Wordpress*** es una ventana que lleva tus publicaciones más allá de ***Steemit***, es tu presentación la que está en juego. 

<div class="pull-right">

<center> ![canva.PNG](https://cdn.steemitimages.com/DQmapRwGAY8iW4k61ASzRScm1b5CzDk8QmDxATdwAyhPmdB/canva.PNG)</center>
</div><br>

Hace poco fui contactado por el equipo de [Canva](https://www.canva.com/es_mx/recursos/editor-fotos/), quienes me felicitaron por mi sitio, el buen contenido y me agradecieron el hecho de mencionarlos en una de mis publicaciones. Esto demuestra que podemos hacer que nos vean más allá de las fronteras virtuales de ***Steemit***, publicando desde ***Wordpress***. 

No se compliquen la vida, es más simple de lo que parece, les enseñaré un método para ahorrar buena parte del trabajo a la hora de editar nuestras publicaciones en ***Wordpress***. 
<center>![separadorwordpress.png](https://cdn.steemitimages.com/DQmTadUKdbeHLfbQCUrHbhUk2Ht798eiK37bG1NKmizvzRE/separadorwordpress.png)</center>
Una vez que hemos  publicado en ***Wordpress***, nos vamos a dirigir a ***Steemit*** y entraremos en la publicación en cuestión, después de comprobar que la publicación está perfecta (si necesitas hacer alguna edición la realizas antes del siguiente paso), procederemos hacer click derecho con el ratón y seleccionaremos **"Inspeccionar elemento"**.

![inspeccionar elemento.png](https://cdn.steemitimages.com/DQmWdqgGJLQhYEVcKiQyQ9WV4eDFycSmaG5KR6fPNeTx7tg/inspeccionar%20elemento.png)

Esto abrirá la caja de codificación **HTML** de nuestra publicación. No se asusten con todas las líneas de codificación que pueden observar, nosotros nos dedicaremos a buscar una en específico que dice; <code>«div class="MarkdownViewer Markdown"»</code>.

![caja html.PNG](https://cdn.steemitimages.com/DQme5cxrtLhD9zWGb8vP4cxDzv1v6VTfLGcZKsJk2k85v8W/caja%20html.PNG)

Una vez encontrada, nos ubicaremos en el <code>«div»</code> que se encuentra justo en la línea de abajo y procederemos a copiar usando el comando <code>CONTROL+C</code>. Ahora tendremos la codificación **HTML** de toda nuestra publicación en el portapapeles. Nos vamos a dirigir al editor de ***Wordpress***, borraremos toda la codificación de la pestaña **HTML** y pegaremos la que traemos en el portapapeles.

![inmagen ndestacada.png](https://cdn.steemitimages.com/DQmYeNfHM1fF4tamUit4s8NN3zSf6nGHUE5uQfbWhSyP6Hk/inmagen%20ndestacada.png)

Antes de actualizar, vamos a asegurarnos de seleccionar una imagen destacada para nuestra publicación. En ***Steemit*** se coloca la primera imagen de la publicación por defecto; sin embargo, en ***Wordpress*** no resulta así. Algunos temas en su versión de pago, tienen la opción para configurar que sea así, de lo contrario, las publicaciones quedan sin miniatura o imagen destacada en los blogs, hasta que no seleccionemos una.

Y ustedes se preguntaran, ***¿cual es el problema?***. El problema radica en los temas que tenemos seleccionados. Ellos suelen hacer que la miniatura de la publicación se pueda observar en el blog o en los widgets que usamos, de igual forma, muchos temas tienen configurado colocar la imagen destacada en el inicio de la publicación, cuando no tenemos una seleccionada, puede simplemente no verse o salir un recuadro diciendo que no hay imagen seleccionada, dañando la estética de nuestro blog.

Al momento de seleccionar una imagen destacada (normalmente es la primera de nuestra publicación), dependiendo del tema que tengamos seleccionado, puede suceder que en nuestra publicación se vea repetida esta imagen, para evitar esto, debemos eliminar la imagen original de nuestra publicación en la pestaña **HTML**. Con esto solo se observará la que seleccionamos como destacada. Si van a colocar como destacada otra imagen que no es la inicial de la publicación, omitan lo anteriormente dicho.

![eliminar imagenss.png](https://cdn.steemitimages.com/DQmc9oY8LkpEHTysiZ8yECQoGs2K9BEcMQRX6Mxx23uNoC9/eliminar%20imagenss.png)
<center>![separadorwordpress.png](https://cdn.steemitimages.com/DQmTadUKdbeHLfbQCUrHbhUk2Ht798eiK37bG1NKmizvzRE/separadorwordpress.png)</center>
Son muchos los detalles que debemos tener en cuenta si queremos tener un sitio web y blog en condiciones excelentes. Al actualizar la publicación con la nueva codificación que traemos en el portapapeles, nos habremos ahorrado buena parte de las correcciones desde el editor de ***Wordpress***. Seguramente necesitaremos realizar unas correcciones más, ya sea para adaptarla al formato de nuestro tema o corregir alguna alteración que surja. 

Espero que les sirva de mucho esta guía y les facilite el trabajo a la hora de publicar desde ***Wordpress*** con el plugin de ***Steempress***. 

</div>

<center>Sin más nada que agregar nos veremos en el siguiente tutorial,</center>
<center>me despido deseándoles muchos éxitos</center>

<center>https://steemitimages.com/0x0/https://s8.postimg.cc/fttaof779/logo_de3_jim.png</center>
<center>![jimhutch.gif](https://s8.postimg.cc/mha3dphud/jimhutch.gif)
![textorojo.gif](https://s8.postimg.cc/s29jl99yt/textorojo.gif)</center>
<center>La imagen de presentación la edité en [Canva](https://www.canva.com/es_mx/recursos/editor-fotos/), el separador lo creé en [PIXLR](https://pixlr.com/editor/)</center>
<center>El resto de las imágenes son capturas de pantallas del editor de ***Wordpress*** y de ***Steemit***</center>

</sub> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : http://jimhutch.rockdio.org/2018/08/22/guia-editando-publicaciones-en-wordpress-con-steempress-para-steemit/ </em><hr/></center>