• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Curso de WordPress 2018

Curso avanzado sobre WordPress en el CAP de Pamplona

  • Inicio
  • Sesiones
    • Sesión 1
    • Sesión 2
    • Sesión 3
    • Sesión 4
    • Sesión 5
    • Sesión 6
  • Actividades
    • Instrucciones
    • Actividades tras la sesión 1
    • Actividades tras la sesión 2
    • Actividades tras la sesión 3
    • Actividades tras la sesión 4
    • Actividades tras la sesión 5
    • Actividades tras la sesión 6
  • Artículos
  • Este sitio
  • Contacto

Un par de trucos del editor de WordPress

Trucos del editor de WordPress para crear enlaces internos e insertar vídeos con un ajuste perfecto a la caja de texto.

You are here: Home / Sesión 1 / Un par de trucos del editor de WordPress

2 de febrero de 2018, por Administrador

1. Crear fácilmente enlaces internos

Cuando es necesario enlazar un artículo de WordPress con una entrada o página ya existente del mismo sitio web, no hace falta copiar y pegar la URL correspondiente a dicho elemento, ya que el propio editor incorpora una función para buscar la dirección de destino, mediante el cuadro de diálogo de inserción del enlace.

El vídeo que figura continuación demuestra claramente el procedimiento, que permite añadir enlaces internos desde el editor, de una forma muy rápida y eficiente.

1.1. Y otro truco muy útil para crear enlaces

Desde la versión 4.2 de WordPress, es posible enlazar directamente un texto a un enlace, siempre que se conozca previamente la dirección y se conozca la técnica de copiar y pegar (Ctrl+C / Ctrl+V). El procedimiento está explicado en este vídeo (a partir del minuto 2:00):

2. Insertar vídeos con un ajuste perfecto

Insertar vídeos procedentes de distintos servicios online, como por ejemplo YouTube, Vimeo o Dailymotion, es tan sencillo como copiar la URL del vídeo y pegarla en el editor de WordPress, en una línea diferenciada. Gracias al protocolo oEmbed, WordPress reconocerá el elemento como un vídeo, y lo incrustará mediante el reproductor por defecto, tal como puede verse en el vídeo que figura a continuación.

Ahora bien, el problema de insertar vídeos de esta forma es que no se puede garantizar un ajuste perfecto con la anchura de la caja de texto del tema que estemos utilizando, tal como puede verse en el vídeo que figura sobre estas líneas. Si se desea que el vídeo se ajuste perfectamente a las dimensiones determinadas por el tema, hay que utilizar la pestaña HTML del editor, y el shortcode «embed», con el parámetro «width», de anchura, fijado con el valor correspondiente. El shortcode resultante tiene este aspecto:

[embed width="920"]https://www.youtube.com/watch?v=m6uc8AinCZA[/embed]

Para comprender mejor esta técnica, véase el siguiente vídeo de captura de pantalla o screencast:

https://cursoswp.educacion.navarra.es/cursowp2018/wp-content/uploads/2018/02/incrustar-video-con-ajuste-perfecto.webm

El resultado de esta segunda técnica de incrustación de vídeos lo tenemos a continuación. Como puede verse, la anchura del vídeo coincide exactamente con la de la caja de texto.

Para averiguar las dimensiones de la caja de texto de un tema, hemos procedido de la siguiente manera:

  • En Google Chrome: hay que hacer clic con el botón derecho del ratón (botón contextual) sobre un párrafo del sitio web, y seleccionar a continuación la opción «Inspeccionar». También se puede obtener el mismo resultado pulsando las teclas Ctrl+May+I del navegador.
  • En Firefox, hay que hacer clic con el botón derecho del ratón sobre el párrafo deseado, y seleccionar a continuación la opción «Inspeccionar elemento». También se puede obtener el mismo resultado pulsando las teclas Ctrl+May+C del navegador.

Conviene tener en cuenta que esta técnica no asegura que el vídeo pueda adaptarse a toda clase de dispositivo. En efecto, si se define una anchura fija de 920 píxels, es posible que los teléfonos móviles no muestren el vídeo correctamente. En tal caso, hay que utilizar una técnica distinta, como por ejemplo la que se describe en este artículo: Vídeos Responsive en WordPress automáticamente sin plugins ni shortcodes.

Filed Under: Sesión 1 Tagged With: caracteres especiales, copiar y pegar, editor, enlaces internos, iconos vectoriales, trucos, vídeos

Primary Sidebar

Gobierno de Navarra, Departamento de Educación

Buscar

Contenido de este artículo

Contenido de la primera sesión

  1. Diez secretos de WordPress
  2. Ayuda contextual y opciones de pantalla
  3. Edición sin distracciones y atajos de teclado
  4. Entradas fijas o sticky posts
  5. Edición rápida y uso de las acciones masivas
  6. La barra de herramientas
  7. Un par de trucos del editor de WordPress
  8. Elementos de menú sin enlace
  9. Selección del perfil lingüístico del usuario
  10. Configuración de los enlaces permanentes
  11. Página de inicio estática y blog

Todas las sesiones del curso

  • Sesión 1 (11)
  • Sesión 2 (7)
  • Sesión 3 (8)
  • Sesión 4 (8)
  • Sesión 5 (6)
  • Sesión 6 (6)
  • Footer

    Últimas entradas

    • Actividades tras la sesión 6
    • Gutenberg, el nuevo editor para WordPress
    • El plugin Elementor
    • Los mejores editores visuales
    • Qué son los editores visuales

    Licencia de los contenidos

    Los materiales y recursos de este sitio se publican, y pueden ser distribuidos, de acuerdo con los términos de una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 4.0 Internacional.

    Procedencia de las imágenes

    La mayoría de las imágenes que ilustran este sitio web han sido tomadas de Unplash y Pixabay. Agradezco a sus respectivos autores el que hayan decidido ponerlas a disposición de la comunidad.

    Meta

    • Acceder
    • Feed de entradas
    • Feed de comentarios
    • WordPress.org

    Copyright © 2025 · Business Pro Theme en Genesis Framework · WordPress · Log in