search
CursosEmpresasBlogLiveConfPrecios
Curso de Creación de Blogs con WordPress

Armando nuestra primer nota de blog

Curso de Creación de Blogs con WordPress

Contenido del curso

Comenzando con WordPress

  • 1
    Curso Actualizado

    Curso Actualizado

    00:05 min
  • 2
    Creación de Blogs con WordPress desde Cero

    Creación de Blogs con WordPress desde Cero

    02:18 min
  • 3
    Instalación de WordPress usando cPanel paso a paso

    Instalación de WordPress usando cPanel paso a paso

    04:19 min

Trabajando desde el administrador

  • 4
    Configuración básica del administrador de WordPress

    Configuración básica del administrador de WordPress

    06:25 min
  • 5
    Diferencias entre entradas y páginas

    Diferencias entre entradas y páginas

    04:57 min
  • 6
    Categorías y etiquetas

    Categorías y etiquetas

    06:03 min

Creando nuestro blog

  • 7
    Armando nuestra primer nota de blog

    Armando nuestra primer nota de blog

    Viendo ahora
  • 8
    Widgets

    Widgets

    04:17 min
  • 9
    Instalando un nuevo tema

    Instalando un nuevo tema

    07:27 min
  • 10
    Página principal

    Página principal

    08:21 min

Herramientas de WordPress

  • 11
    Menú

    Menú

    07:45 min
  • 12
    Plugins

    Plugins

    08:47 min

Cierre del curso

  • 13
    Cierre del curso

    Cierre del curso

    00:40 min
schoolTomar examen

Armando nuestra primer nota de blog

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

Comentarios69

Maia Victoria Harendorf

Maia Victoria Harendorf

Estudiante
Hace 5 años
    Yonathan Herrera

    Yonathan Herrera

    Estudiante
    Hace 5 años
    María del Carmen Trad González

    María del Carmen Trad González

    Estudiante
    Hace 4 años
Orlando Jose Altamiranda Piñango

Orlando Jose Altamiranda Piñango

Estudiante
Hace 5 años
    Cristian Ramanzin

    Cristian Ramanzin

    Profesor
    Hace 5 años
    Orlando Jose Altamiranda Piñango

    Orlando Jose Altamiranda Piñango

    Estudiante
    Hace 5 años
octavio molina

octavio molina

Estudiante
Hace 4 años
Miguel Angel Albizures Veliz

Miguel Angel Albizures Veliz

Estudiante
Hace 5 años
    Cristian Ramanzin

    Cristian Ramanzin

    Profesor
    Hace 5 años
    Andrés Soret Chacin

    Andrés Soret Chacin

    Estudiante
    Hace 4 años
Roberto Ballinas Hernández

Roberto Ballinas Hernández

Estudiante
Hace 5 años
    Cristian Andres Espinel Londoño

    Cristian Andres Espinel Londoño

    Estudiante
    Hace 4 años
    Roberto Ballinas Hernández

    Roberto Ballinas Hernández

    Estudiante
    Hace 4 años
Cesar Alfredo Llacta Quispe

Cesar Alfredo Llacta Quispe

Estudiante
Hace 4 años
Aldo Miguel Ortiz Parodi

Aldo Miguel Ortiz Parodi

Estudiante
Hace 5 años
    Andrés Soret Chacin

    Andrés Soret Chacin

    Estudiante
    Hace 4 años
    Marcos Monteverde

    Marcos Monteverde

    Estudiante
    Hace 3 años
Luis Alberto Bautista Santos

Luis Alberto Bautista Santos

Estudiante
Hace 4 años
    Luz Mazo Bedoya

    Luz Mazo Bedoya

    Estudiante
    Hace 4 años
    Sebastián Pascali Pasquale

    Sebastián Pascali Pasquale

    Estudiante
    Hace 4 años
Alfredo Castro

Alfredo Castro

Estudiante
Hace 4 años
Javier  Andrés Sánchez Bermúdez

Javier Andrés Sánchez Bermúdez

Estudiante
Hace 5 años
Nancy Sandoval

Nancy Sandoval

Estudiante
Hace 4 años
    Loraine Mercedes Badillo Hernandez

    Loraine Mercedes Badillo Hernandez

    Estudiante
    Hace 4 años
    Maritza Pacheco Cuno

    Maritza Pacheco Cuno

    Estudiante
    Hace 4 años
Alexander Rojas Roa

Alexander Rojas Roa

Estudiante
Hace 4 años
Juan Alexander Rodríguez Pérez

Juan Alexander Rodríguez Pérez

Estudiante
Hace 5 años
Pol Valle

Pol Valle

Estudiante
Hace 4 años
Henry Jeffersson Salinas Arenas

Henry Jeffersson Salinas Arenas

Estudiante
Hace 4 años
Alfredo Gómez Delgado

Alfredo Gómez Delgado

Estudiante
Hace 5 años
Oswaldo Sánchez Salazar

Oswaldo Sánchez Salazar

Estudiante
Hace 5 años
    Cristian Ramanzin

    Cristian Ramanzin

    Profesor
    Hace 5 años
Jose Guillermo Rojas Paredes

Jose Guillermo Rojas Paredes

Estudiante
Hace 5 años
Jorge Cardozo

Jorge Cardozo

Estudiante
Hace 4 años
    Luz Mazo Bedoya

    Luz Mazo Bedoya

    Estudiante
    Hace 4 años
Millaray Madariaga

Millaray Madariaga

Estudiante
Hace 4 años
    Andrés Soret Chacin

    Andrés Soret Chacin

    Estudiante
    Hace 4 años

Gutenberg me hace acordar mucho a Notion, que belleza.

Notion para tomar los apuntes de los cursos de Platzi y WordPress para documentar nuestros avances y compartirlo orgullosos con el mundo.

Confirmo, Notion es increíble!

Gracias por la aportacion de Notion, saludos

Mucha gente ha sido reacia a utilizar Gutenberg (me incluyo) y actualmente todavía los hay, incluso prefieren usar el editor clásico, aunque hay que reconocer a Gutenberg como una gran herramienta, tanto para crear, como personalizar el contenido en WordPress. Excelente clase, me pareció muy interesante. Últimamente me incliné más por usar Elementor y Divi, pero voy a empezar a aprender Gutenberg, esta clase me convenció de lo interesante que puede ser.

Gutenberg es una herramienta muy poderosa. Además estate a atento que se viene un Curso de Creación de Bloques en Gutenberg para WordPress. 😶

Sensacional noticia 😎 Estaré muy al pendiente...

si estas empezando desde cero con wordpress este curso es un desastre

Que fácil es insertar lo bloques:

Twitt.JPG

Los bloques son amor 💚

🤩👌

Tip:

Cuando agreguen un link desde la caja de herramientas, SÍ activen "Abrir en una nueva pestaña" para que la página se dirija a otra pestaña diferente a la de su sitio. Así provocarán que los usuarios se queden en su sitio, no se vayan "afuera" y se distraigan con otros contenidos. Eso les puede provocar fuga de atención de los visitantes.

Excelente Roberto y no solo eso muchas veces uno se pierde y pierde el hilo donde iba

Exactamente, Cristian. Así ayudas a tus lectores a que no se pierdan los detalles de tus contenidos.

No me gusto la forma de explicar del docente me parece desordenado borra a cada rato, recomendaría tenga algo ya preparado para las personas que están iniciando recién con el tema.

6. Armando nuestra primer nota de blog

Wodpress usa Gutemberg como editor de posts por defecto, este trabaja en base a bloques.

Es muy interesante el avance de WordPress hacia su objetivo el cual es el Full Site Editing. E inclusivo he visto que han agregado un curso al respecto, espero que con esta carrera esté listo para trabajar haciendo sitios WordPress con temas personalizados.

Muchas gracias por el aporte compañero 😁👍

tus resumentes son oro!

Para este proyecto de wordpress trabajare un pagina que comenzara a darle vida a mi marca personal:

https://www.albasan.live

Les agradecería que un poco de su importante feedback

Super chevere, y tiene "Esta web utiliza cookies propias... " cómo lo hiciste?

Esta muy bien, pero tiene demasiado texto

Armando nuestra primer nota del blog


Ahora que ya sabemos crear una entrada, sabemos como gestionar Etiquetas y Categorías, pero aún no hemos visto cómo generara contenido dentro de nuestras Entradas. Para esto, WordPress usa un editor visual que se llama Guntenberg, el cual ya viene instalador con el código fuente de WordPress.

  • En este caso para el ejemplo vamos a copiar una entrada de un Blog de Platzi
  • WordPress detecta si estamos copiando y pegando enlaces o alguna otra cosa, pero de todos modos hay que asegurarnos de que se haga correctamente

Gutenberg - Editor de bloques


Si no vamos a copiar texto, sino que vamos a trabajar directamente con Gutenberg, tenemos que presionar el ícono de + para agregar un nuevo bloque.

💡 Para deshacer cambios desde el editor también podemos utilizar el atajo: Ctrl + z

Bloques


  • Al agregar un nuevo bloque nos va a mostrar algunas opciones por defecto:
    • Bloque de: Párrafo, Imagen, Encabezado.
  • Gutenberg se maneja con bloques, bloques de contenido:
    • Por ejemplo, si queremos poner un encabezado, elegimos el bloque de Encabezado → en este caso para poder utilizar desde el h1 al h4.
    • Párrafo → texto plano
    • Lista → para listar elementos
    • Clásico → editor clásico de WordPress que se utilizaba antes de que se agregara Gutenberg

Patrones


Además de los bloques, también tenemos patrones de diseño, es decir, la plantilla nos sugiere columnas o tipos de formato de contenido.

  • Básicamente, son como plantillas con acomodos de información de determinada manera

Trabajando con Gutenberg


  • Podemos ir copiando y pegando texto o párrafos de algún otro sitio web, Gutenberg lo que va a hacer es detectar los estilos o las estructuras de cada elemento del párrafo y los va a traer tal cual.
  • Cada párrafo que copiamos y pegamos en Gutenberg se agrega como un bloque más
  • Para colocar la imagen, utilizamos el bloque de imagen:
    • Subir → subir archivo desde el equipo
    • Biblioteca de medios → (recomendado) para administrar todas nuestras imágenes y medios cargados previamente a WordPress, en este apartado podemos reutilizar las imágenes
    • Insertar desde una URL → copiar URL de la imagen que queremos colocar
    • Una vez que cargamos la imagen, Gutenberg nos da algunas opciones:
      • aplicar un filtro, alinear la imagen, poner un link, recortar, ponerle texto, reemplazar por otra imagen
      • Si seleccionamos el botón ⚙, podemos aplicar efectos de marco a la imagen, como ponerla en círculo, óvalo, etc.
        • Podemos modificar también el tamaño de la imagen.

          💡 Cuando cargamos una imagen a WordPress redimensiona la imagen 4 veces: Miniatura, Medio, Grande, Tamaño completo

💡 Es importante colocar el texto alternativo a nuestra imagen para temas de accesibilidad

  • Para insertar un vídeo en Gutenberg lo podemos hacer de 2 maneras:

    • ++bloque HTML personalizado++ → es decir, pegar un bloque de HTML y que WordPress lo renderice por nosotros
    • Para pegar este bloque, tenemos que ir al vídeo en YouTube y desde ahí seleccionar la opción Compartir > Incorporar video → copiamos el código y lo pegamos en Gutenberg
    <iframe width="560" height="315" src="https://www.youtube.com/embed/Gw2ISACieqs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  • Pero existe otra manera más rápida de compartir un vídeo de YouTube, Gutenberg tiene un bloque de YouTube, y con esta opción solo tenemos que colocar la URL del vídeo

  • Si copiamos y pegamos todo el texto que falta, incluidos encabezados e imágenes, WordPress incrusta los elementos tal cual como no los estamos copiando.

    • En el caso de la imagen, tenemos el detalle que hace referencia al Blog de Platzi, osea que la imagen no se encuentra en nuestra biblioteca de medios.
      • Pero podemos agregar esa imagen a la biblioteca si damos clic en los 3 puntos y seleccionamos la opción de Reemplazar > Subir

        Untitled (5).png

      La podemos subir directamente o agregar la imagen a la biblioteca de medios

Aporte mi resumen de la clase: WordPress usa un editor visual que se llama Gutenberg, el cual ya viene instalado con su código fuente, por lo cual no es necesario instalar ningún plugin. En entradas vamos a añadir una nueva, Allí tenemos la opción de copiar y pegar en el caso que tengamos nuestro escrito en un documento externo, o tenemos la opción de escribir directamente en WordPress. Dando clic al botón de más, vamos a encontrar bloques con diferentes opciones (párrafo, imagen, encabezado). Gutenberg se maneja con bloques de contenido. En la parte superior de la pantalla vamos a encontrar otro signo más con muchas opciones de bloques de contenido o patrones de diseño predeterminados que la plantilla nos sugiere. En el bloque de imagen vamos a encontrar las opciones de subirlas por medio de una url de la imagen en internet, o subirla directamente desde la computadora, o desde la biblioteca de medios que es la más recomendada, por que nos da la opción de administrar esas imágenes. Una vez subida la imagen nos va a dar la opción de recortar, añadir texto, remplazar etc. Desde las opciones del engranaje nos va a permitir darle un estilo a la imagen y lo más importante podemos incorporar el texto alt, que nos sirve para darle una descripción de la imagen y nos ayuda con el posicionamiento SEO.

Hay dos opciones de subir un video de YouTube. Una utilizando el bloque de HTML personalizado, para ello vamos al video en YouTube y en la opción de compartir vamos a incorporar y copiamos el HTML (inframe). La otra opción y que es la más rápida es usando directamente el bloque de YouTube donde solamente me va a pedir la url.

Hola compañeros, hice este blog para una empresa, les dejo aquí el link, cuéntenme que tal les parece

https://chavja.com/2022/05/23/whatsapp-marketing/

Excelente

Super!

🛠💻 Las nuevas actualizaciones de Wordpress está genial .con su versión de Gutenberg la hace más amigable.

Aunque me parece complicado hacer el SEO cuando llegue abrir Wordpress, pero es una buena opción para abrir un Blog.

Sinceramente, abrir un Blog en: Wordpress, Ghost, Notion y Substack se han convertido en tendencias y buenas opciones.

Pero Wordpress me ha impactado y emocionado para crear un Blog.

Elementor también es otra forma de amor WP!

RECUERDA!! ++Texto Alt++: atributo que ira dentro del codigo cuando se genere, serviera tanto para:

  • Accesibilidad
  • Posicionamiento

me encanto la clase, estoy usando wp desde local sin pagar que bien

Personalmente prefiero WP Bakery Builder, es pago y lo incluyen los temas pagos... no me gustó Gutenberg o Elementor

Hola, se menciona que Wp detecta el "copy-paste" de otros blogs, esta misma función lo hace cuando el copy-paste se desde Word de Of?

Hola, Si pero los hace con los formatos de texto. Te recomiendo tener tus borradores en . Si los copias desde ahí no tendrás problemas.

Genial, es muy genial

platzi.PNG

Así va quedando mi blog, bastante básico pero ya lo iré mejorando :)

https://elblogdejack.wordpress.com/

te quedó muy chevere, con todas las entradas!

Dejaré un dato extra para los casos de Youtube

  • Puedes copiar y pegar el link de Youtube, y al guardarlo , se carga solo :)
  • También si usas word o documentos de Google, copias y pegas todo. Solamente debes editar la estética, y listo

Muchas gracias por el aporte compañero 😁👍