Pregunta sobre Sydney de Wordpress:

Título y botón Agregar llamada a la acción en el encabezado del video

Un usuario preguntó 👇

Hola,

En primer lugar, diría que este es un tema muy simple. Estoy enfrentando un problema que no pude resolver y espero que pueda dirigirme a alguna solución para resolver este problema.

Agregué un video en el encabezado de la página de inicio que funciona perfectamente, pero luego no veo ninguna opción del botón Texto y llamada a la acción que normalmente tiene cuando tiene una imagen en el encabezado de inicio. ¿Cómo coloco un título en el medio y un botón de acción en el video?

Estaré agradecido por tu ayuda.

Sobre

IMRAN

(@kharisblank)

Hace 4 años, 2 meses

Hola Imran,

¿Podría seguir el proceso que siguió para configurar ese encabezado de video para que pueda reproducirlo en mi sitio de prueba?

Además, comparta el enlace con su sitio, para que sea más preciso.

Saludos, Kharis

Lanzador de hilos

(@ imran79)

Hace 4 años, 2 meses

Gracias por la rápida respuesta.

Fui a Tablero = Personalizar = Área de encabezado = Tipo de audiencia = Tipo de encabezado Página de inicio = Seleccionar video y luego fui al Encabezado de medios y el clip .MP4 adicional de mi Biblioteca de medios.

Hay un enlace al sitio.

http://v-learning.creative-edevelopers.com/

Gracias por su respuesta rápida.

Sobre

IMRAN

Esta respuesta fue modificada hace 4 años, 2 meses por.

(@kharisblank)

Hace 4 años, 2 meses

Hola a todos,

Para lograr su objetivo, puede usar el enfoque jQuery ya que no hay opciones al habilitar el encabezado de video. Siga los siguientes pasos:

1. Instale y active el plugin TC personalizado de JavaScript. 2. Vaya a Apariencia > JavaScript personalizado
3. Pegue el siguiente código en el cuadro proporcionado.


(function($){
      
    "use strict"

    var mainTitle    = 'Maintitle goes here';
    var subTitle     = 'Subtitle goes here';
    var buttonURL    = '#';
    var buttonLabel  = 'Click to begin';
    
    var heroContent  = '<div class="slide-inner">';
        heroContent += '<div class="contain text-slider">';
        heroContent += '<h2 class="maintitle">'+mainTitle+'</h2>';
        heroContent += '<p class="subtitle">'+subTitle+'</p>';
        heroContent += '</div>';
        heroContent += '<a href="'+buttonURL+'" class="roll-button button-slider" target="_top">'+buttonLabel+'</a>';
        heroContent += '</div>';

    $('.sydney-hero-area').append(heroContent);

})(jQuery);

4. Actualización

Saludos, Kharis

Lanzador de hilos

(@ imran79)

Hace 4 años, 2 meses

Gracias Kharis por el código.

Ahora agregué texto y un botón al video de mi página de inicio en el área de encabezados. Pero ahora, cuando voy a cualquier otra página, el texto y el botón deslizante aparecen en cada página. Cuando todo lo que quería era que apareciera un encabezado de video en la página de inicio.

En segundo lugar, ¿puede indicar el nombre de cada sección en la página de inicio? #Primary funciona bien, pero cuando le doy un enlace #secondary o #third a cualquier botón, no se desplaza hacia abajo a ninguna sección como lo hace cuando doy #primary para cualquier botón. Todo lo que quería hacer era crear un sitio de una sola página y quería asignar el área correspondiente en la página de inicio a mi elemento de menú en lugar de crear más páginas.

Sobre,

Muhammad IMRAN

(@kharisblank)

Hace 4 años, 2 meses

Solo quería que viera el encabezado del video en la página de inicio.

Agregue el código que sugerí a este:


(function($){
      
    "use strict"

  if( $('body').hasClass('home') ) {
    
    var mainTitle    = 'Maintitle goes here';
    var subTitle     = 'Subtitle goes here';
    var buttonURL    = '#';
    var buttonLabel  = 'Click to begin';
    
    var heroContent  = '<div class="slide-inner">';
        heroContent += '<div class="contain text-slider">';
        heroContent += '<h2 class="maintitle">'+mainTitle+'</h2>';
        heroContent += '<p class="subtitle">'+subTitle+'</p>';
        heroContent += '</div>';
        heroContent += '<a href="'+buttonURL+'" class="roll-button button-slider" target="_top">'+buttonLabel+'</a>';
        heroContent += '</div>';

    $('.sydney-hero-area').append(heroContent);

  }  

})(jQuery);

En segundo lugar, ¿puede indicar el nombre de cada sección en la página de inicio?

Cada parte que ha hecho es un creador de páginas único. Puede encontrarlo inspeccionándolo con la herramienta de inspección del navegador web. En Firefox, haga clic derecho> seleccione «Inspeccionar elemento».

Luego agregue el nombre de ID en su elemento de menú de enlace personalizado.

Saludos, Kharis

Lanzador de hilos

(@ imran79)

Hace 4 años, 2 meses

Gracias Kharis por las sugerencias.

Hice todos los cambios y ahora funcionan bien.

La pronta respuesta rápida me impresiona mucho.

Sobre,

Muhammad IMRAN

(@kharisblank)

Hace 4 años, 2 meses

No te molestes con eso. Me alegré de tener la oportunidad de ayudarlo. 🙂

Muchas gracias por dejar un comentario https://wordpress.org/support/topic/excellent-support-and-excellent-theme/.

¡Lo amamos!

Saludos, Kharis

(@ petersax1)

Hace 4 años

Hola, también tengo un problema al poner texto sobre el video de la pantalla de inicio. El video se está reproduciendo bien y seguí sus instrucciones para agregar el texto, pero no se ve nada. ¿Me falta el código final del script java? Gracias

Esta respuesta fue modificada hace 4 años por.

(@rainasariah)

Hace 3 años, 8 meses

Hola, pregunta rápida, tengo la misma pregunta, publiqué un video en el encabezado de la página de inicio. ¿Cómo puedo poner un título en el medio y dos botones de llamada a la acción en el video con solo espaciarlos? No creo que vea el código.

(@lullabyman)

Hace 3 años, 6 meses

.

Esta respuesta fue modificada hace 3 años, 6 meses por. Esta respuesta fue modificada hace 3 años, 6 meses por. Esta respuesta fue modificada hace 3 años, 6 meses por.

(@lullabyman)

Hace 3 años, 6 meses

rainasariah –

Esta página tiene todo lo que necesita saber para hacer precisamente eso. En el código javascript de Kharis anterior, se adjunta al HTML y cada línea comienza con «heroContent + =». Siga haciendo eso y use el HTML que necesitaría para hacer las cosas que normalmente desea hacer. Primero pruebe el diseño de lo que necesita hacer, solo haga el HTML necesario en JSFiddle. Puede hacer lo que quiera con DIV, intervalos o incluso tablas (sí, está bien … solo establezca límites = 0).

Una vez que obtenga su diseño directamente en JSFiddle, pegue el código HTML resultante en el editor de JavaScript del sitio web (Apariencia / JavaScript personalizado), cada héroe antes de heroContent + = ‘y terminando con’;

Esta respuesta fue modificada hace 3 años, 6 meses por.

(@lullabyman)

Hace 3 años, 5 meses

Este es un problema en la tableta y especialmente en la pantalla del teléfono inteligente. El texto y el botón se presionan hacia abajo en la página para que cubra las secciones debajo del video. No tengo ni idea de cómo solucionarlo. Alabanzas

(@kharisblank)

Hace 3 años, 5 meses

Hola @lullabyman,

Comparta el enlace a su sitio para que pueda verlo.

Saludos, Kharis

(@lullabyman)

Hace 3 años, 5 meses

Gracias por responder a Kharis. Terminé dejando de usar JavaScript para esto y usé márgenes negativos para ubicar un encabezado de título. ¡Gracias por preguntar!

(@evolutiondigital)

Hace 3 años, 4 meses

Hola,

He mencionado la misma pregunta arriba. No puedo poner texto de héroe sobre el encabezado de mi video. Cuando ingreso ese código, funciona primero, pero cuando ingreso mi información, desaparece. Por favor ayuda. Gracias.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.