elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Únete al Grupo Steam elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  wordpress hacer "galeria".
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: wordpress hacer "galeria".  (Leído 3,482 veces)
enrique4480

Desconectado Desconectado

Mensajes: 46


Ver Perfil
wordpress hacer "galeria".
« en: 16 Mayo 2024, 23:56 pm »

Los videos se insertan sin problema, el problema que me surge es que me gustaría hacer una especie de galería con los videos. es un plugin ligero (al final pongo el codigo) y sencillo.

el codigo es un boceto, ya se cambiara cuando encuentre como mostrarlos como quiero.

Código:
class sev extends WP_oEmbed
{
  public array $videos;
  private $vCount = 0;
 
  public function addVideo($url)
  {
   $this->videos[$this->vCount] = $this->get_data($url,"")->html;
   $this->vCount++;
  }  
 
  public function render()
  {
foreach($this->videos as $v)
{
         echo $v;
}
  }
}

$p = new sev();
$p->addVideo("https://www.tiktok.com/@ermitacerrajero/video/7369637842030447904");
$p->addVideo("https://www.tiktok.com/@ermitacerrajero/video/7369637842030447904");
$p->render();
?>



En línea

bcsoluciones

Desconectado Desconectado

Mensajes: 1



Ver Perfil WWW
Re: wordpress hacer "galeria".
« Respuesta #1 en: 3 Junio 2024, 17:39 pm »

¡Hola! Tu enfoque parece ir por buen camino. Si entiendo bien, quieres crear una galería de videos utilizando un plugin ligero y sencillo. Aquí tienes algunas sugerencias para mejorar tu código y lograr el resultado que deseas:

Clase y Métodos: Me gusta cómo estás organizando tu código en una clase. Mantenerlo todo junto facilita la gestión.

Mejora en la Renderización: Para crear una galería de videos, podrías envolver cada video en una etiqueta <div> con una clase o ID específico para darle estilo. Esto te permitirá controlar mejor la apariencia de cada video y la disposición en la galería.

Añadir Estilo CSS: Una vez que hayas ajustado la estructura HTML de tu galería, puedes añadir un poco de estilo CSS para hacer que se vea bien. Cosas como el tamaño de los videos, el espacio entre ellos, etc.

Aquí tienes un ejemplo rápido de cómo podrías modificar tu método render():
Código:
public function render()
{
    echo '<div class="video-gallery">';
    foreach($this->videos as $v) {
        echo '<div class="video-wrapper">' . $v . '</div>';
    }
    echo '</div>';
}

Y luego, en tu CSS:
Código:
.video-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Espacio entre los videos */
}

.video-wrapper {
    width: 300px; /* Ancho deseado de cada video */
    margin-bottom: 20px; /* Espacio entre filas */
}

Así, cada video estará envuelto en un contenedor con la clase video-wrapper, lo que te permitirá aplicar estilos específicos si lo deseas.

¡Espero que esto te ayude a lograr la galería de videos que tienes en mente! Si necesitas más ayuda, ¡aquí estoy!


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines