GUTEMBERG: El editor de bloques

Para empezar a utilizar el editor de bloques, debemos de tener en cuenta que el título de la página, automáticamente se convertirá en <H1> (Heading1, Importancia 1), y de allí debemos de estructurar el contenido de nuestra entrada para facilitar a nuestros usuarios el entendimiento de nuestro contenido; esto se hace también para tener en cuenta el posicionamiento de nuestra página en los buscadores.

Gutemberg trabaja con bloques, algunos para títulos, otros para contenidos, otros para imagenes, etc. por defecto el primer bloque creado es un párrafo <p>.

Ediciones Generales

Los bloques tienen propiedades para modificarlos a nuestro gusto a la derecha de la pantalla y otra barra de herramientas sobre el bloque editado.

Para crear un nuevo bloque debemos de presionar la tecla «enter» de nuestro teclado, teniendo la posibilidad de cambiar de bloque haciendo click en el bloque a modificar.

En la sección de la barra de heramientas que tienen 6 puntitos (segundo de la lista) sirve para arrastrar y posicionar el bloque en el lugar que se desea.
A su lado tenmos 2 puntas de flecha que nos sirve también para cambiar la posición de los bloques hacia arriba o abajo.

Para borrar los bloque hacemos click en el bloque no deseado, luego en los 3 puntos que está al final de la barra de herramientas, haciendo click en Remove Parrafo. También se puede eliminar hacieno delete al final del bloque hasta que desaparezca el contenido de la misma.

Tenemos la posibilidad de selecionar el bloque entero haciendo click en el lápiz de la parte superior de la página y seleccionamos la opción de seleccionar.

Debemos de tener en cuenta que la barra de herramientas son opciones comunes, pero a la derecha también tendremos un bloque de edición generales.

*IMPORTANTE: Los ajustes de color, tamaño, etc. GENERALES se realizarán desde el TEMA

Tipos de herramientas

TEXTO

Los más utilizados son:

Parrafos:

Los párrafos tendrán opciones de alineación, en negrita, en itálica, podremos colocarle un enlace, donde hay una flechita que nos darán mas opciones. Hay que tener en cuenta que esta barra de herramientas es dinámica por lo que si lo que se está editando es una imagen, nos saldrá otro tipo diferente de barra.

Encabezado

Los encabezados se usan para titular el contenido del bloque. Debemos de tener en cuenta que habiendo utilizado ya el título <H1> los siguientes bloques se utilizarán a partir del <H2> en adelante.

Otras herramientas:

Listas, Cita, Editor clásico, inserción de código,, etc.

MEDIOS

los medios o contenidos multimedia que se pueden insertar son:

Imagen:

Se pueden insertar imágenes en diferentes formatos (jpg, png, gif, etc.), pudiendo insertar una galería de fotos utilizando el widget «galería» o hacer una combinación de imagen más texto (medios y texto).

Audio:

Se pueden insertar archivos de audio, aunque lo recomendable es utilizar servidores exteriores como: soundcloud, spotify, youtube music, etc. luego vincular el archivo dentro de la página deseada.

Video:

Al igual que los archivos de audio, es factible insertar por el servidor archivos de video,pero no recomendable ya que sobrecargaría el almacenamiento web. Se podrían utilizar servicios como You Tube, Vimeo, etc.

Archivo:

Documentos en pdf, word, etc.

Páginas y Entradas

WordPress tiene por defecto 2 tipos de contenidos principales que son Entradas y Páginas. Las entradas las utilizaremos para todo tipo de blogs y artículos porque disponen de categorías y etiquetas; y las páginas se usan para crear contenidos estáticos como por ejemplo quienes somos, contacto, etc.

Creando Páginas

Para crear una nueva página hacemos click en Páginas > Agregar Nueva.
Una vez ingresado, colocamos el título de la página en «Añadir título» y luego en Publicar, nos pedirá la confirmación de publicación y hacemos click en Publicar.

WordPress tiene la capacidad de crear páginas hijos o sub-páginas. Para crear una página hijo, creamos una nueva página, colocamos el título correspondiente y luego en Atributos de página (A la derecha, abajo) tendremos la posibilidad de elegir cuál es la página superior; hacemos click en el recuadro de Página principal y nos saldrá una lista de páginas ya creadas, teniendo también la posibilidad de poner el orden de aparición en orden.

 

A la mano derecha tendremos un panel de control para gestionar los ajustes de la página creada, teniendo este, 2 secciones «Página», que hace una referencia de los ajustes de la página en general, y «Bloque» que podremos hacer los ajustes del contenido de la misma.

Visibilidad: podemos hacer que la página sea visible al público, visible solamente a administradores y editores del sitio e ingreso mediante contraseñas de usuarios que posean las mismas (estas contraseñas se crean aqui mismo).
Publicar: podremos elegir la fecha y hora de publicación del post o página. Si elegimos una fecha en el futuro, os usuarios no podrán ver la página hasta llegada de dicha fecha y hora, pero nosotros, iniciando sesión «SI» podremos verla.
Guardar Borrador: es la manera correcta de trabajar, cuando tenemos un artículo a medio hacer, lo guardamos tipo «en la nube» para luego continuar editando esta publicación.
Pendiente de revisión: Se usa cuando existe una persona responsable de revisar los artículos a publicar.
URL: es la dirección web que va a aparecer la entrada, podríamos modificarlo a nuestro gusto pero siempre teniendo en cuenta no dejar espacios en blanco, para reemplazar los espacios en blanco podremos utilizar los guiones (_) o (-). por defecto utilizará el título de la página creada.
Imagen destacada: Las páginas tienen la posibilidad de tener una imagen relacionada
Comentarios: podremos permitir o no permitir los comentarios de esta página en especial.

Entradas

Cuando estuvimos en Ajustes, hemos creado una página llamada blog, el cual automáticamente mostrará el contenido de las entradas.
Los ajustes son los mismos de páginas teniendo en cuenta que existen algunos otros ajustes más como:

Fíjalo a la parte superior del blog: que nos permite que siempre se encuentre en primera fila por más artículos que creamos después.
Categorías: nos dá la opción de escoger entre las categorías que hayamos creado, también la posibilidad de crear uno nuevo.
Etiquetas: al igual que categorías nos permite escoger entre las etiquetas más usadas o una nueva que podremos crear. Estas etiquetas se crean separadas por comas (,).
Extracto: sería un pequeño resumen del artículo a publicar.
Comentarios: por defecto ya viene marcado los comentarios porque así lo habíamos programado en los ajustes de wordpress.

Privacidad

Esta sección es algo nuevo en WordPress y nos ayuda a cumplir con la ley.

Crear una nueva página de política de privacidad:

Aunque podríamos hacerlo manualmente, WordPress nos ayuda a crear una guía automáticamente haciendo click en «Crear». Según nuestras necesidades tendríamos que modificar esta nueva página creada.

Guía para la política de privacidad:

Esta sección nos dará un ejemplo de cómo podría ser nuestra página de políticas de privacidad, aunque lo recomendable es que este contenido sea creado por un asesor legal, para evitar complicaciones futuras.

Enlaces permanentes

WordPress tiene esta forma de llamar a la estructura de nuestros URL.

Estructura de enlaces permanentes:

Aunque existen diferentes formas de poder estructurar las URL, lo más común y recomendable es marcar en «Nombre de la entrada».

Opcional:

Si uno desea personalizar el listado de los nombres de las categorías o etiquetas, podremos modificarlo aquí.

Una vez hecho los cambios necesarios debemos de hacer click en «Guardar cambios»

*Es recomendable acceder a este panel cuando hagamos cambios estructurales a nuestra página web, porque cuando hacemos click en Guardar Cambios, regeneramos el archivo .htaccess que es el que controla los enlaces permanentes y podríamos solucionar algunos problemas que se nos puedan presentar.

Ajustes de multimedia

O también conocido como ajustes de «Medios» , normalmente hacen referencia a las imágenes que vamos a utilizar en nuestro sitio de wordpress.
Cuando subimos una imagen esta se guarda en la sección de «Multimedia» o «Medios», pero no solo la imagen que hayamos subido sino que además se generarán otra imagenes de tamaños menores. Los tamaños que van a generarse se ajustan aqui.
Es necesario saber usar estas imagenes creadas automáticamente para darle velocidad a nuestra web. Por ejemplo en la página principal de nuestro blog, irán varias imagenes pero si estas lo ponemos en tamaño completo (por mas que lo re-escalemos), estasdemorarán en cargarse y dará como resultado una web lenta, y por el contrario si abrimos la sección del artículo en si, y mostramos una imagen miniatura en la cabecera, esta saldrá pixelada.

Tamaños de imagen:

En esta sección decidiremos que tamaños tendrán estas imágenes, aunque sea de gusto personal, lo recomendable sería las siguientes:

Tamaño de la imagen en miniatura: 300 x 300
Tamaño mediano: 600 x 600
Tamaño grande. 1920 x 1080

Carga de ficheros:

Al tener marcado esta sección lo que hará será crear carpetas con los años y meses de subida de la foto. Lo que recomendamos es desmarcar esta sección.


Una vez hecho los cambios necesarios debemos de hacer click en «Guardar cambios»

Los cambios guardados se aplicarán únicamente desde este momento. Para actualizar las imagenes subidas anteriormente utilizaremos un pluggin llamado «Regenerate Thumbails».

Para regenerar los archivos antiguos debemos instalar > activar > Ir a Herramientas > Regenerar las miniaturas > Hacer click en Regenerar miniaturas para todos los x adjuntos (recuadro azul)

Ajustes de discusión

O llamados también Ajustes de Comentarios. WordPress permite a nuestros usuarios comentar nuestras entradas.

Ajustes por defecto de las entradas:

Lo correcto sería dejar activado estas casillas ya que nos permite comunicarnos con otros sitios y avisarles cuando hayamos actualizado nuestros contenidos.

Otros ajustes para los comentarios:

  • El autor del comentario debe completar el nombre y el correo electrónico: al tener activado esta casilla, tiene un impacto en el «reglamento general de datos» por lo que debemos indicar en los avisos legales que vamos a hacer con estos datos tomados.
  • Los usuarios deben registrarse e iniciar sesión para comentar: es diferente a lo anterior ya que si se desea comentar deberá obligatoriamnete registrarse en la web para poder hacerlo.
  • Cerrar automáticamente los comentarios en las entradas con más de
    x días: cuando hay contenido que no sea «evergreen» (siempre actual), se marca esta casilla, poniendo cuantos días estará vigente el accso a publicación de nuevos comentarios.
  • Mostrar la casilla de verificación de aceptación de cookies en los comentarios, permitiendo que se establezcan las cookies de autor de comentarios: esto es necesario ya que si cambia de página, los datos del usuario no se guardarían.
  • Habilitar comentarios con anidación de x niveles de profundidad: son las respuestas de los comentarios hechos en nuestros artículos.
  • Separar comentarios en páginas con xx comentarios de nivel superior por página y la xxx página mostrarla por defecto: i uno no tiene un enorme volumen de comentarios, no es necesario activar esta casilla.
  • Los comentarios deben ser mostradas con los comentarios xxx en la parte superior de cada página: podremos mostrar el orden de los comentarios de nuestros artículos.

Enviarme un correo electrónico cuando:

– Alguien envía un comentario.
– Se ha recibido un comentario para moderar.
Son opciones en las cuales recibiremos un email cuando existan comentarios en nuestra web.

Para que un comentario se publique:

  • El comentario debe ser aprobado manualmente: Debemos de aprobar en la sección de «Comentarios» si dicho cometario se va a publicar o no.
  • El autor del comentario deberá tener un comentario previamente aprobado: i el autor del comentario ya tuvo un comentario aprovado anteriormente, sus siguientes comentarios aparecerán automáticamente.

Moderación del comentario:

Si el comentario tiene mas de x links es muy probable que sea un spam, por lo cual este automáticamente no aparecerá en la sección, además de poder bloquear también cualquier dirección IP o palabra que no deseemos que aparezca en esta sección. Estas aparecerán en la sección de pendientes de comentarios.

Palabras rechazadas en comentarios:

Es parecido a la anterior con la diferencia que automáticamente este se ira a la papelera de reciclaje. Normalmente aqui pondríamos las palabras soeces y/o contrarias a nuestro parecer que no deseemos que aparezacn en nuestros comentarios.

Avatares:

Son los iconos de las personas que hagan comentarios en nuestro blog, pudiendon activarlos o desactivarlos.
Si se desea activalos tendrán las opciones de posibilidades de edad para poder comentar y una sección para escoger que tipo de avatar desea que aparezcan.


Una vez hecho los cambios necesarios debemos de hacer click en «Guardar cambios»

Ajustes de Lectura

Son ajustes de como se van a leer o mostrar ciertos contenidos dentro de nuestro wordpress.

Tu página de inicio muestra:

WordPress nació como un sistema de blogging, donde se mostraba las últimas entradas, lo cual sería útil si se usa la página como un blog, pero si se desea armar otro tipo de página web, lo mas recomendable sería utilizar una página estática como inicio, lo cual lo podríamos personalizar de acuerdo a nuestras propias necesidades.

Mostrar en las páginas del blog como máximo:

Es el número de estradas que se mostrará en la página de blog. Este se podrá utilizar luego de personalizar nuestra página de blog.

Mostrar en los feeds de sindicación más recientes:

El feed es el listado de los contenidos de nuestro sitio a los que se puede acceder desde diferentes herramientas. Una de ellas podría ser Feedly.com donde se muestran los contenidos de nuestra web sin ingresar a ella.

Para cada entrada en el feed incluir:

Esto no es demasiado relevante, lo único que hace es si se muestra en el feed el artículo completo, o un resumen de la misma.

Visibilidad en los motores de búsqueda:

Esto si es relevante. cuando creamos contenido en wordpress, este notifica a diferentes motores de búsqueda para que indexen este nuevo contenido. Cuando recién estamos desarrollando una página web es habitual que no queramos se indexe la misma hasta que esté terminada, por lo cual debemos de hacer check en esta casilla para que google por ejemplo no indexe nuestra página en desarrollo porque para que aparezca en los buscadores debe de pasar un tiempo y un proceso por lo que sería recomendable desactivarlo cuando la web ya se encuentre terminado.

Una vez hecho los cambios necesarios debemos de hacer click en «Guardar cambios»

Ajustes de escritura

Son ajustes de como se van a comportar ciertos contenidos dentro de nuestro wordpress.

En wordpress tiene por defecto 2 tipos de contenidos:
-Entradas: son utilizadas normalmente para el blog. (ej. un artículo)
-Páginas: con utilizadas para contenidos estáticos. (ej. quienes somos)

Categoría predeterminada:

En las entradas se pueden separar por categorías, cuando no elegimos una categoría en especial, automáticamente se pondrá por defecto la categoría que escojamos en esta sección.

Formato de entrada predeterminada:

WordPress viene preparado en diferentes formatos para que nuestars entradas se vean un poco diferentes, pero nosotros podremos versatilizarlo más por lo que normalmente esto no se utiliza demasiado. Normalmente se usa Estándar, y luego nosotros mismos lo personalizaremos a nuestro gusto.

Publicar por correo electrónico:

WordPress fue creado inicialmente para craer contenidos de blogs, por lo que era necesario poder publicar desde un email contenidos a nuestro blog. Pensando en ello aqui ponemos los ajustes necesarios para poder subir contenido directamente a nuestro blog desde un email.

Servicios de actualización:

Esto es una forma de indicar a los diferentes buscadores que indexen nuestro contenido. Por defecto lleva el siguiente link: «http://rpc.pingomatic.com/», pero es recomendable colocar los siguientes URL’s para acelerar un poco la indexación de nuestra web:

LISTA DE SERVICIOS:
http://rpc.pingomatic.com/
http://ping.feedburner.com/
http://blogsearch.google.com/ping/RPC2/
http://rpc.pingomatic.com/
http://1470.net/api/ping/
http://api.feedster.com/ping/
http://api.feedster.com/ping.php/
http://api.moreover.com/ping/
http://api.moreover.com/RPC2/
http://api.my.yahoo.com/RPC2/
http://api.my.yahoo.com/rss/ping/
http://bblog.com/ping.php/
http://bitacoras.net/ping/
http://blogdb.jp/xmlrpc/
http://blog.goo.ne.jp/XMLRPC/
http://blogmatcher.com/u.php/
http://bulkfeeds.net/rpc/
http://coreblog.org/ping/
http://mod-pubsub.org/kn_apps/blogchatt/
https://phobos.apple.com/WebObjects/MZFinance.woa/wa/pingPodcast/
http://ping.amagle.com/
http://ping.bitacoras.com/
http://ping.bloggers.jp/rpc/
http://ping.blogmura.jp/rpc/ http://ping.blo.gs/
http://ping.cocolog-nifty.com/xmlrpc/
http://pinger.blogflux.com/rpc/
http://ping.exblog.jp/xmlrpc/
http://ping.myblog.jp/
http://pingoat.com/goat/RPC2/
http://pingqueue.com/rpc/
http://ping.blogg.de/
http://ping.rootblog.com/rpc.php/
http://ping.syndic8.com/xmlrpc.php/
http://ping.weblogalot.com/rpc.php/
http://ping.weblogs.se/
http://rcs.datashed.net/RPC2/
http://rpc.blogbuzzmachine.com/RPC2/
http://rpc.blogrolling.com/pinger/
http://rpc.britblog.com/
http://rpc.icerocket.com:10080/
http://rpc.newsgator.com/
http://rpc.pingomatic.com/
http://rpc.tailrank.com/feedburner/RPC2/
http://rpc.technorati.com/rpc/ping/
http://rpc.weblogs.com/RPC2/
http://rpc.wpkeys.com/
http://services.newsgator.com/ngws/xmlrpcping.aspx/
https://signup.alerts.msn.com/alerts-PREP/submitPingExtended.doz/
http://topicexchange.com/RPC2/
http://trackback.bakeinu.jp/bakeping.php/
http://www.a2b.cc/setloc/bp.a2b/
http://www.bitacoles.net/ping.php/
http://www.blogdigger.com/RPC2/
http://www.blogoole.com/ping/
http://www.blogoon.net/ping/
http://www.blogpeople.net/servlet/weblogUpdates/
http://www.blogroots.com/tb_populi.blog?id=1/
http://www.blogshares.com/rpc.php/
http://www.blogsnow.com/ping/
http://www.blogstreet.com/xrbin/xmlrpc.cgi/
http://www.lasermemory.com/lsrpc/
http://www.imblogs.net/ping/
http://www.mod-pubsub.org/kn_apps/blogchatter/ping.php/ 
http://www.newsisfree.com/RPCCloud/
http://www.newsisfree.com/xmlrpctest.php/
http://www.popdex.com/addsite.php/
http://www.rssfwd.com/xmlrpc/api/
http://www.snipsnap.org/RPC2/
http://www.weblogues.com/RPC/
http://xmlrpc.blogg.de/
http://xping.pubsub.com/ping/
http://rpc.twingly.com/
http://www.feedsubmitter.com/
http://blo.gs/ping.php/
http://www.pingerati.net/
http://www.pingmyblog.com/
http://geourl.org/ping/
http://ipings.com/
http://www.weblogalot.com/ping/

 

Una vez hecho los cambios necesarios debemos de hacer click en «Guardar cambios»

Ajustes Generales

Título del sitio

Es el nombre de nustro sitio web

Descripción breve

Una breve referencia de lo que ofrecemos en nuestra web

Membresías

Hacer el check si deseamos que nuestra web tenga suscriptores

Rol predeterminado para nuevos usuarios

Los roles son los siguientes:
Administrador. Este rol de usuario no tiene ninguna restricción o limitación. Es el único rol de WordPress que tiene todas las capacidades; crear o eliminar perfiles de usuario, actualizar el core o plugins y plantillas de tu aplicación, editar temas, modificar o personalizar el escritorio de WordPress, administrar las publicaciones y la categorización del contenido, subir archivos, crear nuevas páginas o eliminar las que ya están publicadas… Todos los cambios que te puedas imaginar pueden ser ejecutados con el rol de administrador.

Editor.El rol de editor tiene menos capacidades que el de administrador. No tiene control sobre el core, plugins o plantillas que se utilizan en tu web, pero sí puede gestionar comentarios, categorías, etiquetas o controlar la publicación de contenido. Puede crear, modificar o borrar entradas y páginas que hayan sido creadas por él mismo o por cualquier otro usuario.

Autor. Un usuario con el rol de autor puede subir archivos y crear, editar, publicar o eliminar sus propias entradas. Aunque sea un rol con muchas menos capacidades que los dos anteriores, es recomendable que solo concedas este permiso a una persona de confianza. El hecho de poder publicar su propio contenido, hace que su actividad en WordPress esté completamente expuesta a tus visitas.

Colaborador. Tiene muchas más limitaciones que el rol de autor, pero es mucho más seguro si trabajas con personas ajenas tu empresa u organización. Tan solo pueden subir su propio contenido, pero la publicación del mismo tan solo puede realizarla el rol de administrador o editor.

Suscriptor. Es un rol que no tiene mucha utilidad en WordPress. Tiene únicamente la capacidad de leer entradas del blog o páginas ya publicadas (es decir, lo mismo que cualquier otro usuario que no esté registrado). La única ventaja de este rol de usuario es que puede responder o dejar comentarios en cualquier post de tu blog sin necesidad de crear un nuevo registro.

Cambiando a español

Para cambiar de idioma al español nos vamos a Site Language (Cambiarlo a español) > Save Changes

Creando nuestro sitio en local

Para crear nuestro sitio web en nuestra PC, se puede instalar wordpress usando un programa gratuito llamado localwp que se puede descargar desde http://localwp.com