En la codificación HTML, un divisor, o etiqueta "Div", es un fragmento de código que le permite crear una nueva sección para el sitio web, una que contiene su propio contenido y elementos HTML. Puede usarlos para separar ciertas partes de su sitio, como la ubicación de su empresa en un mapa incrustado, ofertas especiales y promociones, o detalles de contacto. Para agregar un divisor, agregue código HTML y CSS al Editor de temas de su blog.
1
Inicie sesión en su panel de control de administración de WordPress. Haga clic en "Apariencia" en la barra de menú principal en el lado izquierdo de la pantalla, luego haga clic en "Editor".
2
Haga clic en "style.css" en la lista de archivos a la derecha de la pantalla. Por lo general, se encuentra al final de la lista.
3
Desplácese hasta el final del archivo y comience una nueva línea. Pegue el siguiente fragmento de código:
newdiv {
bloqueo de pantalla; ancho: 100%; color de fondo: blanco; de color negro; borde: 5px rojo sólido; margen: 5px; relleno: 5px; }
Cambie "newdiv" por un nombre más adecuado para el divisor y modifique los atributos para que se ajusten al estilo que desea que tenga el Div. Tenga en cuenta que el "margen" crea un espacio entre el Div y los otros elementos del sitio web que lo rodean, y el "relleno" crea un espacio entre el borde del Div y el contenido que contiene.
4
Haga clic en el botón "Actualizar archivo" ubicado justo debajo del panel de edición.
5
Haga clic en el archivo de plantilla de la lista de archivos correspondiente a la parte del sitio a la que desea agregar el Div. Por ejemplo, si lo desea en una página de publicación, haga clic en "single.php".
6
Desplácese por el archivo y coloque el cursor en la ubicación del archivo en la que desea agregar el nuevo divisor.
7
Escriba el siguiente código en el archivo:
Agregue el contenido que desea que contenga el divisor entre estas dos etiquetas, luego haga clic en "Actualizar archivo". Ahora puede agregar esta etiqueta a cualquier otro archivo de plantilla o crear nuevos Divs según sea necesario.