Guía de edición básica: Editor

Words
689
Reading
4 min
Listen
Play
9y

Editor-01.jpg

Steemit es una comunidad altamente visual, por ello debemos realizar un material estéticamente armónico, les proporcionaré las herramientas básicas para poder hacerlo a través de las diferentes formas de edición que nos deja usar la plataforma las cuales son el editor, markdown y HTML. ¿Qué podemos hacer cuando le damos a publicar?


separador-01.png

Editor

editor.png

Vamos a recorrer un poco esta imagen

  1. Título
  2. Markdown
  3. Barra de edición
  4. Etiquetas
  5. Botón para publicar
  6. Limpiar
  7. Recompensa
  8. Votar publicación

En ésta guía nos enfocaremos en la barra de edición pero además quería contarles que es importante elegir un titulo y un comienzo llamativos porque es lo primero que verán los usuarios en las miniaturas antes de desplegar por completo la publicación. Para poder publicar se requiere obligatoriamente un título, contenido y al menos una etiqueta, sino no te permitirá publicar, las etiquetas son muy importantes porque según estas será catalogado tu post, tienes un máximo de 5 etiquetas por publicación por ello debes elegir cuidadosamente cada una, la primera no la puedes editar luego de publicar, a diferencia del resto del post que solamente es editable 7 días.

El editor es intuitivo y muy amigable con el usuario, se nos hace familiar ya que tiene opciones a las que estamos acostumbrados como la negrita, cursiva y tachado pero también nos trae otras opciones no tan comunes que son las que vamos a tratar.

separador-01.png

Monospace - Monoespaciado

Con esta podemos notar un cambio en la fuente que trae por defecto a una monoespaciada.

Listas

Nos ofrecen dos tipos de listas, listas NO ordenadas y listas ordenadas. Las listas no ordenadas se caracterizan por las viñetas, el editor nos otorga solamente la viñeta del punto por otro lado tenemos las listas ordenadas las cuales hacen referencia a una seguidilla, de números, letras, números-letras o letras-números, siendo unas mas sencillas que otras en este caso solamente podemos tener una lista ordenada por números.

Cita - Blockquote

La cita, es para repetir una parte de otro autor de esta manera respetamos el contenido original, en ésta se debe incluir también el nombre del autor. Ese es el uso correcto sin embargo muchas veces es usado de manera estética.

Link - Hacer de una palabra un vinculo

¡Genial! Podemos hacer que al darle click a una palabra sean llevados a otra página. Esta es una herramienta muy útil ya que si planeamos usar imágenes que no sea propias se debe colocar la fuente obligatoriamente porque nos puede traer problemas en nuestro blog. Lo podemos hacer en tres sencillos pasos como muestro en la imagen.

Insertar imagen

Inserta alguna imagen es muy sencillo con solamente unos pocos pasos:
  1. Vamos al botón de imagen
  2. Se desplegará una pequeña ventana en la cual colacaremos el link de la imagen
  3. Le damos al check

Normal, encabezados y bloque de código

Éstas son las opciones que nos muestra la lista desplegable del editor y sus usos:

Opción
Uso
NormalEs lo que usamos para el cuerpo de cada publicación
Heading large Encabezado grandeEste es el mas importante en todo el texto, recuerden, es único. Se usa para el título principal
Heading medium Encabezado medianoSu uso es principalmente para subtitulos, pueden colocar los que sean necesarios.
Heading small Encabezado pequeñoLos subtitulos dentros de los subtitulos deben ser resaltados con éste, pueden colocar más de uno.
Code block Bloque de códigoSi deseas mostrar algún lenguaje de programación o de marcado ligero esto es excelente para ti.

separador-01.png

¿Por qué he decidido hacer esta guía? Esto se debe a que estoy siendo parte de un movimiento en la ciudad de Barquisimeto, donde damos clases totalmente GRATIS relacionadas con steemit, también subimos el material a la plataforma. @Jokossita se ha encargado de la organización y la dirección del proyecto pero ¿por qué me seleccionó para el área de "mejorar la imagen de tus publicaciones"? Tengo estudios de diseño web, diseño gráfico, HTML5 y CSS3 los cuales estoy encantada de compartir, si tienes dudas sobre estas áreas puedes dejármelas en los comentarios.

¡Más material del proyecto!

EL PROYECTO | CLASE UNO | CLASE DOS

Guía de edición básica: Markdown
Guía de edición básica: HTML

Banner-01.png
separador-01.png

Guía de edición básica: Editor | Ecency