Cómo hacer un cuadro de desplazamiento en un poste de WordPress

Usando la propiedad de desbordamiento HTML, un cuadro de desplazamiento se puede añadir a cualquier puesto de WordPress en su blog. Esto podría ser utilizado para añadir comentarios adicionales sobre el puesto, como un área de contenido que contiene enlaces a diferentes secciones del poste, o para añadir grandes cantidades de texto a temas con una altura fija. Una vez que el código para el cuadro de desplazamiento se ha añadido al tema WordPress, también se puede añadir a las páginas, la barra lateral o cualquier otra parte del sitio.

Instrucciones

1 Ingrese a su área de administración de WordPress. Haga clic en "Apariencia" y luego "Editor". Esto nos lleva a la Editor de temas, lo que le permite modificar el código HTML de tu blog.

2 Haga clic en "hojas de estilo", situado cerca de la parte inferior de la lista de archivos en la parte derecha de la pantalla. La hoja de estilo gobierna el posicionamiento y el formato de los diferentes aspectos del blog - aquí podrá agregar los parámetros para su cuadro de desplazamiento.

3 Desplazarse hasta la parte inferior del archivo, e iniciar una nueva línea. Copia y pega el siguiente código:

scrollbox {

Anchura: 300px;

altura: 300px;

overflow: desplazarse;

}

Cambiar la anchura y la altura cifras de cualquier tamaño que desee el cuadro de desplazamiento que sea. Esto no tiene que ser perfecta en el primer intento. Siempre se puede volver y hacer los ajustes después de ver cómo se ve en su puesto. Añadir cualquier otro estilo que desee, tales como color de fondo, imagen, o la frontera. Ver pageresource.com/dhtml/csstut6.htm de las propiedades disponibles. Haga clic en "Actualizar archivo" cuando haya terminado.

4 Haga clic en "Mensajes" y cargar el mensaje en el que desea insertar el cuadro de desplazamiento. Haga clic en la pestaña "HTML" en la parte superior derecha de la ventana de edición.

5 Copia y pega el siguiente código en el mensaje, en el punto que quiere la caja para desplazarse para ir:

<Div id = "scrollbox">

</ Div>

6 Escribe el texto que desea que aparezca en la apertura y cierre de etiquetas <div>. Haga clic en "Actualizar postal" cuando haya terminado, o "Publicar" si inició una nueva entrada. El cuadro de desplazamiento aparecerá ahora en el poste.

Consejos y advertencias

• La barra de desplazamiento sólo aparecerá si el contenido es demasiado grande para el tamaño de la caja.
• Si desea colocar la barra de desplazamiento en una sección diferente de su sitio, como por ejemplo una barra lateral o el pie de página, pegue el código anterior en el archivo correspondiente en el Editor de temas. Si tu blog utiliza los widgets, tendrá que crear un widget de texto haciendo clic en "Apariencia", "Aplicaciones", y luego arrastrando un cuadro de texto a la barra lateral en el punto que desea que vaya. Luego, basta con pegar el código en él y añadir su texto.