• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar al pie de página

615 457 689

info@tonitalavera.com

  • Facebook
  • Google+
  • Instagram
  • Twitter
  • YouTube

Toni Talavera

Dibujando, programando y sonriendo desde 1991

  • Inicio
  • Blog
  • Usuarios
    • Acceso usuario
    • Alta usuario
    • Editar perfil
    • Zona privada
    • Cerrar sesión
  • Contacto
  • Sobre el autor
Contactar

Sample post with advanced post formatting

Usted está aquí: Inicio / Uncategorized / Sample post with advanced post formatting

11 diciembre, 2017 por Toni

There are lots of powerful things you can do with the WordPress editor

If you’ve gotten pretty comfortable with all the basics of writing in WordPress, then you may enjoy some more advanced tips about the types of things you can do!

As with the last post about the editor, you’ll want to be actually editing this post as you read it so that you can see all the cool stuff we’re using.

Special formatting

As well as bold and italics, you can also use some other special formatting in the editor when the need arises, for example:

  • strike through
  • highlight
  • *escaped characters*

Writing code blocks

Code elements can be created in the editor by switching the text style to Preformatted. Code is formatted by wrapping any word or words in pre tags, <pre>like this</pre>. Larger snippets of code can be displayed across multiple lines like this:

.my-link {
    text-decoration: underline;
}

Full width images

One neat trick which you can use in WordPress to distinguish between different types of images is to add a class value to the image itself from the Advanced Settings tab, and then target images containing the class with special styling. For example:

which is styled with…

img.full-width {
    max-width: 100vw;
}

This creates full-bleed images in the Corporate Pro theme, which stretch beyond their usual boundaries right up to the edge of the window. Every theme handles these types of things slightly differently, but it’s a great trick to play with if you want to have a variety of image sizes and styles.

Full HTML

Perhaps the best parts of the WordPress editor is that you’re never limited to just WYSIWYG. You can write HTML directly in the WordPress editor and it will just work as HTML usually does. No limits! Here’s a standard YouTube embed code as an example:

Gracias por tu visita y gracias anticipadas también por compartir.
Share on Facebook
Facebook
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Email this to someone
email

Category iconUncategorized Tag iconformat,  post

¿Te gusta el contenido? Suscríbete

Como suscriptor, tendrás acceso a contenido especial solo para suscriptores de forma totalmente gratuita e ilimitada.

Revisa tu bandeja de entrada o la carpeta de spam para confirmar tu suscripción.

¿Quieres contactar? Escríbeme

Si crees que puedo ayudar en tu proyecto, hablemos. Esto puede ser el comienzo de algo.

Contactar

Footer

Toni Talavera

Dibujando, desarrollando y programando desde 1991.

615 457 689

info@tonitalavera.com

Legal

  • Política de privacidad
  • Política de Cookies

Sobre el autor

Desde que empecé a trazar líneas y a programar he tenido momentos mejores, momentos buenos y momentos de pánico. En estas líneas te cuento algunos.
Leer más

  • Facebook
  • Google+
  • Instagram
  • Twitter
  • YouTube

Copyright © 2022 Toni Talavera. Todos los derechos reservados. Return to top

Utilizamos cookies para ofrecerte la mejor experiencia en nuestra web.

Puedes aprender más sobre qué cookies utilizamos o desactivarlas en los ajustes.

Toni Talavera
Desarrollado por:  GDPR Cookie Compliance
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.