Cómo usar Div con WordPress

En la codificación HTML, una etiqueta divisora ​​o "Div" es una pieza 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 integrado, ofertas especiales y promociones, o detalles de contacto. Para agregar un divisor, agregue algunos códigos 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 cerca de la parte inferior de la lista.

3.

Desplácese hasta la parte inferior del archivo e inicie una nueva línea. Pega 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" a un nombre más adecuado para el divisor, y modifique los atributos para que se ajusten al estilo que desea que tenga la Div. Tenga en cuenta que el "margen" crea un espacio entre la Div y los demás elementos del sitio web que lo rodea, y el "relleno" crea un espacio entre el borde de la División 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 correspondientes a la parte del sitio a la que desea agregar la 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 en el archivo en el 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 nuevas Divs según sea necesario.

Entradas Populares