Tutorial para crear un código PHP Div + CSS de ancho completo

Esta vez discutiremos cómo crear un DIV en PHP que tenga ancho completo. Probablemente lo veas normalmente cuando miras YouTube. Luego ingresa al modo Cinema Wide, no a pantalla completa, ya sabes. Entonces, para aquellos de ustedes que no entienden PHP y CSS, intenten leer el siguiente artículo: Diferencias en lenguajes de programación HTML, PHP y CSS

En el lenguaje de programación PHP, la identificación DIV se utiliza como contenedor principal encima del contenedor de clase (clase div). Donde está la clase contenedora, el contenido será el contenido que desea mostrar en el sitio web. Agregar un DIV ID a la plantilla en la que estás trabajando es muy fácil.

<div id=”namadiv”>

<div class=”namaclass”>
<?php KONTEN YANG INGIN DITAMPILKAN; ?>
</div>

</div>

Para los usuarios de WordPress, podemos usar las funciones div y class para crear un nuevo contenedor en un lugar determinado. Por ejemplo, desea agregar un contenedor de video encima del título, crear una barra lateral en un lugar inusual, colocar un anuncio en un lugar único, etc. Especialmente para usuarios de WordPress, simplemente ingrese el ID div y el código de clase div arriba en la página single.php o contenido.php que está en tu tema de WordPress.

Después de agregar el div personalizado y la clase personalizada arriba. No olvide instalar el código CSS para que el código div y de clase pueda mostrar un gráfico con ANCHO COMPLETO y alto personalizado como desee.

#namadiv .namaclass {background:#0E0E10;width: 100vw; position: relative; margin-left: -50vw; left: 50%; height: 100px}

Cambie #divname y .classname según lo que creó. Después de eso, simplemente juega con fondo Y altura para el nuevo contenedor que creó. Para obtener más detalles, intente consultar la codificación PHP y CSS a continuación.

Ejemplo de ancho completo de división PHP

PHP (Single.php) – WordPress

<div id=”videoz”>

<div class=”inner”>

<?php echo apply_filters(‘the_content’, get_post_meta($post->ID,’_wpwoxcustomscriptcontenttop’, true)); ?>

</div>

CSS (Estilo.css) – WordPress

#videoz .videoplayers {background:#0E0E10;width: 100vw; position: relative; margin-left: -50vw; left: 50%}}

#videoz .row-full {max-width:1240px; margin: 0 auto;padding: 0px 15px;}

#videoz .posted_by {display:none;}

#videoz {width: 100%;}

Para aquellos de ustedes que quieran comenzar a aprender codificación PHP y CSS, pueden utilizar un software ligero y sencillo como Bloc de notas++. Si tiene alguna pregunta, ¡comente a continuación!