display:none<\/code> que muchos temas de WordPress utilizan para ocultar el texto del t\u00edtulo del blog y reemplazarlo con un gr\u00e1fico. No utilices el H1 dentro del \u00e1rea de tu blog. Si el dise\u00f1o del encabezado H1 se parece al t\u00edtulo de tu blog o al t\u00edtulo de la entrada del blog, entonces ese es el estilo establecido para esa etiqueta HTML y no debes utilizarlo dentro del \u00e1rea de tu entrada del blog. Dentro de esta secci\u00f3n de datos de prueba se encuentran la mayor\u00eda de los estilos b\u00e1sicos de HTML y XHTML y CSS que podr\u00eda utilizar dentro de su tema de WordPress. Hay que saber c\u00f3mo ser\u00e1 eso como parte de la estructuraci\u00f3n de los estilos.<\/p>\nEsta es la r\u00fabrica H2<\/h2>\n
Encima de este p\u00e1rrafo deber\u00eda estar el t\u00edtulo H2 de su p\u00e1gina web. Los temas de WordPress utilizan el encabezado h2 para varios prop\u00f3sitos. L\u00f3gicamente, deber\u00eda ser el t\u00edtulo de la entrada o el primer t\u00edtulo del contenido de la misma. Sin embargo, se utiliza en todos los temas de WordPress, incluyendo el subt\u00edtulo, la l\u00ednea de la etiqueta, el t\u00edtulo de la entrada, el \u00e1rea de comentarios, el \u00e1rea de la barra lateral, e incluso en el pie de p\u00e1gina. Sea espec\u00edfico a la hora de dar estilo a cada uno de los encabezados h2 para asegurarse de que no est\u00e1 dando estilo a todos ellos.<\/p>\n
Esta es la r\u00fabrica H3<\/h3>\n
\u00bfEs \u00e9ste el mismo t\u00edtulo que aparece en el post o son los t\u00edtulos de las secciones que se encuentran en la barra lateral? \u00bfO es diferente? Este es el encabezamiento del contenido de la publicaci\u00f3n para la etiqueta HTML h3, al igual que el siguiente, H4, para los encabezamientos de secci\u00f3n dentro de su publicaci\u00f3n para dividir los temas. Si hay una etiqueta H3 o H4 en tu barra lateral, tendr\u00e1s que identificar el HTML padre y el contenedor CSS para la barra lateral y darles el estilo apropiado en la hoja de estilos de tu blog. Para m\u00e1s informaci\u00f3n sobre la b\u00fasqueda de sus estilos en su blog de WordPress, vea CSS: Estudiando<\/a> tus estilos CSS. Observe tambi\u00e9n el estilo de los enlaces en ese p\u00e1rrafo, de modo que puede dar estilo a los enlaces dentro del \u00e1rea de contenido de su publicaci\u00f3n. Los enlaces tienen tres estilos. Existe el color del enlace<\/a>, el color del enlace hover<\/a> y el color del enlace visitado<\/a>. Aseg\u00farese de dise\u00f1ar para cada estilo.<\/p>\nEsta es la r\u00fabrica H4<\/h4>\n
En esta secci\u00f3n, bajo el ep\u00edgrafe H4, vamos a ver c\u00f3mo es el contenido de las entradas, la carne y las patatas de su sitio. En general, tendr\u00e1s varios p\u00e1rrafos, as\u00ed que a\u00f1adiremos otro p\u00e1rrafo para que puedas ajustar el espaciado entre ellos al aspecto que desees. Los p\u00e1rrafos no s\u00f3lo sirven para escribir tus balbuceos en el blog, sino que tambi\u00e9n pueden enmarcar y mantener otra informaci\u00f3n dentro de tu \u00e1rea de contenido para ayudar a hacer el punto que quieres hacer en tu escritura. Por ejemplo, lo normal es tener tres tipos de listas.<\/p>\n
\n- Listas generales con la etiqueta
<ul><\/code> <\/li>\n- Listas ordenadas con la etiqueta
<ol><\/code> <\/li>\n- Listas de definiciones con la etiqueta
<dl><\/code>\n\n- Las listas de definici\u00f3n utilizan otras dos etiquetas para generar la lista:\n
\n<dt><\/code> establece la palabra o frase que se va a \u00abdefinir\u00bb, normalmente en negrita, y<\/li>\n<dd><\/code> establece la definici\u00f3n, que suele estar en un tipo de letra normal o ligeramente m\u00e1s peque\u00f1o y con sangr\u00eda debajo de la definici\u00f3n.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n- Y aqu\u00ed se acaban las listas<\/li>\n<\/ul>\n
Y acabamos de probar un p\u00e1rrafo antes y despu\u00e9s de una lista general junto con una lista anidada para ayudarte a ver c\u00f3mo ser\u00e1n al menos tres niveles de la lista. Aseg\u00farese de que cada nivel de la lista se ajusta a sus necesidades espec\u00edficas. Puede que quiera utilizar el disco o el c\u00edrculo por defecto, o puede que quiera a\u00f1adir tambi\u00e9n vi\u00f1etas gr\u00e1ficas a su lista.<\/p>\n
Esta es la r\u00fabrica H5<\/h5>\n
Aunque el encabezamiento H5 no se utiliza siempre, tal vez pueda encontrar la necesidad de utilizarlo si se utilizan los encabezamientos H1 y H2 y H3. Es posible que necesites uno o dos niveles de subt\u00edtulos en el contenido de tu post, as\u00ed que este te da otra opci\u00f3n. Tambi\u00e9n tenemos que mirar a las otras dos listas y luego a\u00f1adir algunas im\u00e1genes y otros estilos para dar cuerpo a su caja de arena Tema de WordPress.<\/p>\n
\n- Primero tienes que hacer esto.<\/li>\n
- Tienes que hacer esto en segundo lugar.\n
\n- Podr\u00edas hacer esto en el medio.<\/li>\n
- O tambi\u00e9n puedes probar esto.<\/li>\n<\/ul>\n<\/li>\n
- Pero esta es la tercera y \u00faltima cosa que hay que hacer.<\/li>\n<\/ol>\n
Esto deber\u00eda darle una idea de c\u00f3mo se ver\u00eda una lista de n\u00fameros anidados en su sitio. Ahora, veamos una lista de definiciones.<\/p>\n
\n- Temas de WordPress<\/dt>\n
- Un tema de WordPress no es una \u00abpiel\u00bb. Aunque muchos j\u00f3venes lo llaman as\u00ed. La realidad es que un tema de WordPress contiene muchos archivos que se unen de diversas maneras para generar una p\u00e1gina web de WordPress. Una \u00abpiel\u00bb simplemente cambia el aspecto, y rara vez los resultados.<\/dd>\n
- Plugins de WordPress<\/dt>\n
- Los plugins de WordPress a\u00f1aden flexibilidad, funciones y capacidades a su sitio web. Hay cientos para elegir. Algunos a\u00f1aden poder y control, como la supervisi\u00f3n y la eliminaci\u00f3n del spam de los comentarios y la mejora de las funciones de administraci\u00f3n. Otros a\u00f1aden cosas divertidas como elementos aleatorios y sistemas de votaci\u00f3n y calificaci\u00f3n.<\/dd>\n<\/dl>\n
Y aqu\u00ed hay otro p\u00e1rrafo para mostrar la relaci\u00f3n entre las distintas partes y piezas.<\/p>\n
Esta es la r\u00fabrica H3<\/h3>\n
![\"Daisy,](\"https:\/\/lorelle.files.wordpress.com\/daisy1a.jpg\")
Si el encabezado H3 es el encabezado de su secci\u00f3n dentro del post, entonces necesita ver c\u00f3mo funciona dentro del propio post. Si no es as\u00ed, simplemente cambie el H3 por el n\u00famero de r\u00fabrica que est\u00e9 utilizando. Tenemos que ver c\u00f3mo se utilizan las im\u00e1genes, otra caracter\u00edstica importante de la mayor\u00eda de los sitios de WordPress, dentro del sitio. Las im\u00e1genes tienden a situarse a la izquierda, a la derecha o en el centro de tu post, dependiendo de c\u00f3mo las utilices. En el caso de una imagen situada a la izquierda o a la derecha, hay que a\u00f1adir un relleno adecuado alrededor de la imagen en el lado del texto para alejar el texto de la imagen y que \u00e9ste no se pegue a los bordes de la imagen. Una imagen centrada es un poco diferente. Est\u00e1 centrado en el centro y el texto se empuja por encima y por debajo. C\u00f3mo a\u00f1adir los estilos CSS para las im\u00e1genes se discute en el art\u00edculo del Codex, Uso de im\u00e1genes<\/a>.<\/p>\nProbar el aspecto de las fuentes – Encabezado H3<\/h3>\n
Tambi\u00e9n tendr\u00e1 que probar el aspecto de los diferentes estilos de letra. Esto es atrevido y ESTO ES NEGRITA.<\/strong> Esto es cursiva y esto es it\u00e1lico.<\/em> Esto es negrita y cursiva y esto es negrita e it\u00e1lica.<\/em><\/strong> This is code and THIS IS CODE.<\/code> Y ahora veamos c\u00f3mo es la etiqueta PRE, tambi\u00e9n conocida como etiqueta preformateada:<\/p>\nThis is the pre tag.\n<\/pre>\nEsto deber\u00eda volver al estilo de p\u00e1rrafo normal y esperamos que hayas prestado atenci\u00f3n a los m\u00e1rgenes y al relleno alrededor de cada elemento, incluyendo el p\u00e1rrafo, para que puedas posicionar las cosas de forma adecuada al resto del contenido.<\/p>\n
Su CSS aqu\u00ed – Encabezado H5<\/h5>\n
Veamos el blockquote, una de las etiquetas m\u00e1s utilizadas en la mayor\u00eda de los blogs. Est\u00e1 dise\u00f1ado para \u00abenmarcar\u00bb una cita de otro blog, sitio web o referencia que est\u00e1 \u00abcitando\u00bb. En su mayor\u00eda, hay tres ejemplos de uso:<\/p>\n
\nEsta es una cita sencilla. Va precedido o seguido de un enlace dentro del texto a la fuente acreditada. Un blockquote debe estar dise\u00f1ado para destacarse del resto del contenido del texto, pero no tiene que destacarse \u00abrealmente\u00bb, s\u00f3lo separarse del contenido para que sepamos que no son sus palabras.<\/p>\n<\/blockquote>\n
Un segundo estilo a la cita en bloque es el que incluye una citaci\u00f3n. De acuerdo con las directrices de HTML, esta cita debe estar envuelta en la etiqueta <cite><\/code> y luego esa etiqueta puede ser estilizada para estar en cursiva, negrita, o cualquier aspecto que desee en su dise\u00f1o. Tenga cuidado con el estilo de la etiqueta <cite><\/code> ya que algunos temas de WordPress la utilizan en el \u00e1rea de comentarios. Te recomiendo que lo estilices espec\u00edficamente con blockquote cite {style declarations}<\/code> en tu hoja de estilos.<\/p>\nEste es un ejemplo de un blockquote que tambi\u00e9n contiene un enlace a los art\u00edculos de Dise\u00f1o y Maquetaci\u00f3n del Blog<\/a> en el Codex de WordPress<\/a>, el manual online para los usuarios de WordPress, para ayudarle a ver c\u00f3mo se ver\u00e1n los enlaces dentro de un blockquote. Lorelle on WordPress<\/a>, tu gu\u00eda para todo lo relacionado con WordPress y los blogs<\/cite><\/p><\/blockquote>\nLa cita incluye un enlace y un texto para ayudarle a ver el aspecto de un enlace y un texto dentro de la etiqueta cite. Hay muchas etiquetas que se pueden encontrar dentro de un blockquote, al igual que se pueden encontrar dentro de cualquier contenedor dentro del dise\u00f1o de su p\u00e1gina web, pero un \u00faltimo ejemplo incluye una lista desordenada. A muchos blogueros les encanta citar ejemplos de listas, as\u00ed que esta es una buena serie de etiquetas para probar.<\/p>\n
Dentro de esta p\u00e1gina de prueba de dise\u00f1o web, hemos probado:<\/p>\n