Información Adicional

No existe información adicional para este video tutorial.

Transcripción

Muy bien, desde aquí podremos ver todos los artículos que creamos en WordPress.

No voy a profundizar mucho en las mejores prácticas de blogging.

Ya que contamos con un video curso completo sobre cómo hacer tu blog y todo lo que necesitas para iniciar.

Te dejaré el link de ese curso gratis en la descripción de este video.

Pero te voy a mostrar cómo crear artículos para tu blog.

Al igual que todo lo que hemos visto en este tutorial, es muy fácil publicar contenido en tu blog.

Bien, vamos a iniciar con entrar en nuestra área de administración, podemos ingresar desde la barra de herramientas en escritorio.

Desde aquí, vamos hacia entradas.

Aquí es donde tenemos todos los artículos que creamos para nuestro blog.

Como puedes ver, en este momento tenemos un artículo de prueba que WordPress trae por defecto.

Voy a borrarlo dando clic aquí.

Ahora si podemos comenzar desde cero.

Para crear mi primer artículo voy a dar clic en este botón.

Como puedes ver, desde los artículos también podríamos utilizar divi, pero en este caso no lo vamos a hacer, ya que quiero hacer estos artículos rápidamente.

En primer lugar vamos a darle un nombre a este artículo.

Muy bien, en esta otra área debemos añadir el contenido de nuestro artículo, voy a pegar algo de texto de prueba para simular nuestro contenido.

Ahora voy a vincular este artículo a una categoría.

Aquí tienes el listado de categorías disponibles, no hemos creado ninguna categoría previamente así que solo tenemos esta.

Pero con esta opción puedo crear una nueva categoría, y el artículo queda vinculado a ella automáticamente.

Muy bien, finalmente voy a irme hasta abajo y le asignare una imagen destacada.

Así que damos clic aquí para seleccionar la imagen que deseamos.

Y ahora simplemente damos clic en publicar para que nuestro nuevo artículo aparezca en nuestro sitio web.

Muy bien, ahora nuestro primer artículo en el blog se encuentra publicado.

Vamos a la barra de herramientas y damos clic en ver sitio para ir al área publica de nuestra web.

Y ahora ingresemos en el blog.

Como puedes ver, aquí tenemos nuestro nuevo artículo.

Se ve muy bien, y para verlo por completo damos en la imagen o en su título.

Muy bien, así se ve nuestro artículo, si bajamos más podremos ver que tenemos también la caja de comentarios.

Hay muchas cosas de las que hablar con respecto a la creación de artículos, pero no lo haremos en este tutorial, como te decía antes, puedes encontrar un link a nuestro curso de blog debajo de este video.

Regresemos a la vista del blog.

Con un solo artículo el blog se muy vacío, así que vamos a crear dos artículos más.

Voy a regresar a mi área de administración.

Desde aquí damos clic en este botón para crear un nuevo artículo.

Ahora vamos a seguir los mismos pasos que con el primer artículo.

Primero le añadiremos un título.

Luego voy a pegar algo de texto aquí para simular mi contenido.

Muy bien, en el área de categorías lo vamos a dejar en la que creamos anteriormente.

Y a este artículo también le vamos a colocar una imagen destacada para que se vea mejor.

Una vez que terminamos damos clic aquí para publicar el nuevo artículo.

Y el artículo se encuentra correctamente publicado.

Ahora voy a dar clic aquí para crear nuestro último artículo.

Bien, le añadiré el titulo.

Pegamos el texto de prueba, luego lo vinculamos a una categoría.

Después vamos a seleccionar una imagen para que se vea mejor y mas divertido el artículo.

Y finalmente damos clic en publicar.

Muy bien, y tendríamos ya creados nuestros 3 artículos, vamos al sitio web nuevamente, y voy a refrescar la página.

Y como puedes ver ahora tenemos nuestros 3 artículos en el blog.

Se ve mucho mejor ahora.

Pero, gracias al editor, podríamos hacer que el blog se viera mucho mejor.

El único problema es que si lo notaste, no tenemos el botón del editor en la barra de herramientas.

Esto es debido a que esta es la página que se encuentra configurada para cargar la vista del blog.

Y es por eso que el editor no puede cargarse aquí, por decirlo de alguna forma, esta pagina es parte del sistema principal de WordPress y por eso el editor no puede modificarla.

Si lo recuerdas, al inicio, cuando estábamos creando los menus, configuramos la página del blog para cargar los artículos y la página de inicio para ser el home de nuestra web.

Pero vamos a solucionar esto rápidamente.

Voy a regresar al área de administración, recuerda que podemos entrar desde aquí.

Muy bien, ahora voy a entrar en páginas.

Y desde aquí vamos a crear una nueva página.

Le voy a colocar un título, la llamaremos Post, tu puedes llamarla como quieras.

Y la publicamos, sin nada en ella, solo el título.

Muy bien, ahora vamos hacia ajustes y lectura.

Desde aquí voy a cambiar la página de entradas de blog hacia la nueva página que hemos creado.

De esa forma voy a liberar la página llamada blog para que la podamos editar con nuestra plantilla.

Recuerda guardar los cambios para que se apliquen.

Ahora regresemos a nuestro sitio web.

Y entramos en el blog.

Como puedes ver, ahora si tenemos la opción en el menú principal para habilitar el editor.

Así que lo activaremos en esta página.

Muy bien, voy a empezar por crearle un encabezado a mi blog.

Así que añadiré una fila de este tipo.

Ahora colocaré un modulo de texto.

Desde aquí voy a dejar el texto en color claro, centrado y escribiré mi encabezado en esta zona.

Muy bien, ahora lo voy a convertir en un encabezado de nivel 1

Desde diseño voy a cambiar su fuente a 46px y lo dejaré en negrita, finalmente damos clic aquí para aplicar los cambios.

Muy bien, ahora entraré en las opciones de la sección y simplemente le aplicaré una imagen de fondo.

Posiblemente ya notaste que hemos utilizado mucho este tipo de encabezados en nuestras otra páginas.

Es un estilo que me personalmente me gusta bastante para los encabezados y de hecho también añadiremos un encabezado similar en la página de contacto.

Cuando tenemos zonas similares, o estilos que vamos a utilizar bastante, el editor nos permite guardar las secciones, las filas o incluso los módulos como plantillas que podemos después utilizar en otras páginas.

Voy a guardar los cambios de esta sección.

Y ahora vamos a utilizar este ícono en las opciones de la sección.

Quiero mostrarte que este ícono y lo que vamos a hacer lo podemos realizar con las filas, como puedes ver aquí esta el mismo ícono, y también con los módulos, aquí tenemos el ícono.

Pero en este caso lo haremos con esta sección, así que vamos a dar clic sobre el ícono para guardar la sección como plantilla.

Desde aquí podemos en primer lugar darle un nombre a esta plantilla de sección.

En guardar como global podemos hacer que este elemento que estamos convirtiendo en plantilla se convierta como en un elemento estático.

Es decir si lo guardamos como global, podremos aplicar esta plantilla en otras páginas pero no podremos editarlo, siempre tendría el mismo diseño y contenido.

Y si lo editamos, entonces cambiaría también en todas las paginas en las que lo hemos utilizado y no solo en la que le estamos aplicando los cambios.

Esto puede ser muy útil, si por ejemplo, queremos mostrar un llamado a la acción o mostrar algún contenido en todas las páginas, mas adelante vamos a ver como funciona mejor esta función con un ejemplo.

Por ahorita entonces no voy a marcar esta opción.

Y desde aquí podemos crear categorías o añadirlo a categorías ya existentes, de esta forma podemos organizar mejor nuestras plantillas.

En este caso voy a crear un nueva categoría, la llamaré encabezados.

Y damos clic en guardar en la biblioteca.

Muy bien, ahora ya tendríamos disponible este encabezado para poder utilizarlo en otras páginas.

Vamos a ver como funciona mas adelante cuando hagamos la página de contacto.

Por ahorita voy a crear una nueva sección, será regular.

Y con ancho completo para la fila.

Ahora vamos a utilizar el modulo llamado blog.

Como puedes ver este modulo automáticamente añade nuestros artículos a la página, de modo que ahora podemos controlar mejor como se la página del blog.

Desde aquí podemos colocar el numero de artículo que deseamos mostrar.

Podemos seleccionar las categorías que deseamos o no incluir para que se muestren en la vista del blog.

También tenemos varias opciones que nos permiten modificar cosas como el formato de la fecha.

Si deseamos o no, mostrar la imagen destacada, el botón de leer mas, el autor, la fecha de publicación, la categoría, y etc..

Puedes ver que tienes la capacidad de controlar la vista del blog de estas opciones.

Pero una de las mejores cosas que podemos controlar es la disposición del blog.

Que tenemos en la parte de arriba de estas opciones.

Como puedes ver actualmente se encuentra en ancho completo.

Pero voy a cambiarlo hacia rejilla.

Muy bien, ahora el diseño del blog se ve mucho mejor.

La verdad es que es cuestión de gustos si deseas mostrar el ancho completo o la rejilla, pero a mi me gusta más la versión de rejilla.

Desde diseño también encontrarás un gran número de opciones para modificar como se ven los artículos.

Pero en este caso creo que lo único que voy a modificar es que le añadiré negrita el título de los artículos.

Y guardamos los cambios.

Ahora voy a ir a las opciones de la sección y le añadiré un color de fondo con un verde un poco pálido para resaltar un poco nuestros artículos.

Finalmente, creo que en la parte de abajo tengo mucho espacio, así que podemos eliminar este espacio simplemente arrastrando el cuadro de la sección y también el de la fila.

Muy bien, y con esto terminamos el diseño de nuestro blog.

Así que vamos a guardar los cambios de la página para que se apliquen.

Y una vez se guardan voy a salir del editor.

Como puedes ver tenemos aquí nuestro nuevo diseño funcionando en el blog.

Ahora únicamente nos falta crear la página de contacto.

Así que vamos a entrar en contacto.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image