Hola! Segundo post de ayuda para modificar vuestro Tumblr. En este trataré de explicar como hacer secciones (menú, webs amigas, etc) Nota: Voy a explicar todo tomando como referencia el theme redux (que es el que uso). Si alguien usa otro theme, lógicamente la estructura no será igual, pero puede servirle de base. Empecemos. Lo primero es conocer un poco la estructura del menú lateral. En mi caso concreto (repito, theme Redux) es el siguiente:
Es todo el contenido que hay en el lateral. Para explicarlo de un modo sencillo, es un armario y contiene los cajones (secciones).
Se usa para dividir cada una de las secciones (por defecto viene todo junto en una misma sección). De un modo sencillo, es cada uno de los cajones del armario. Teniendo esto claro, pongámoslo en práctica. ¿Cómo haría para separar mi foto de perfil y descripción del resto? Inicialmente nuestra página sería así: El código original sería: 
…. etc. Y el resultado sería: Nota: los
son saltos de línea, para evitar que las secciones estén pegadas. Ahora un breve inciso para explicar los tags (etiquetas). ¿Qué son y para que se usan?: Es una forma que tiene Tumblr (como muchas otras páginas) para organizar los post que publicas y facilitar su posterior búsqueda. Por ejemplo, si publicas un post con un gif de una sandía los tags podrían ser fruta, sandía, gif. De esta forma, si alguien busca en tu página fruta podrá ver sandía en la lista. ¿Cómo se usan? Cuando creas o reblogueas un post, a la derecha hay un recuadro que pone etiquetas. Ahí es donde debes escribirlas. Esta explicación de los tags es porque tumblr tiene una forma de buscar los tags de una página, con la siguiente estructura: TUPAGINA/tagged/LOQUEBUSCAS Un ejemplo: http://delasazores.com/tagged/ayuda Y esto sirve también para hacer un menú para tu página. Supongamos que queremos un menú (botonera) con gifs, memes, humor y animalicos. Lo primero será conocer que tags usamos en nuestra página. En este ejemplo, supongamos que uso los tags gifs, memes, humor, animalicos. Entonces, la ruta de búsqueda quedaría así para cado uno de los casos: TUPAGINA/tagged/gifs Ejemplo: http://delasazores.com/tagged/gifs TUPAGINA/tagged/memes Ejemplo: http://delasazores.com/tagged/memes TUPAGINA/tagged/humor Ejemplo: http://delasazores.com/tagged/humor TUPAGINA/tagged/animalicos Ejemplo: http://delasazores.com/tagged/animalicos Ahora sólo nos queda poner una imagen en vez de un enlace escrito que nos lleve a nuestro tag. Es fácil:
Ejemplo: 
NOTA: En el primer post de ayuda podéis ver como añadir botones que cambien al pasar el ratón por encima. Ahora que ya sabemos como hacer la botonera, vamos a colocarla en nuestra página. Supongamos que queremos ponerla después de la descripción. Tenemos el siguiente código:
….etc. Tenemos que añadir un nuevo para nuestro menú. La cosa quedaría así:
CONTENIDO DEL MENÚ
El resultado sería: Y ahora, sólo tenemos que cambiar “CONTENIDO DEL MENÚ” por los códigos de las imágenes que nos llevan a los tags. Un ejemplo:
En nuestra página se vería así: Por último, vamos a crear una sección para webs amigas, debajo de nuestro menú. Ahora mismo tenemos este código:
{Description}
…. etc. (entiéndase como etc el resto del código) Añadiríamos lo que está en negrita: {Description}
…. etc. Y el resultado sería: Nota: los
son saltos de línea, para evitar que las secciones estén pegadas. Ahora un breve inciso para explicar los tags (etiquetas). ¿Qué son y para que se usan?: Es una forma que tiene Tumblr (como muchas otras páginas) para organizar los post que publicas y facilitar su posterior búsqueda. Por ejemplo, si publicas un post con un gif de una sandía los tags podrían ser fruta, sandía, gif. De esta forma, si alguien busca en tu página fruta podrá ver sandía en la lista. ¿Cómo se usan? Cuando creas o reblogueas un post, a la derecha hay un recuadro que pone etiquetas. Ahí es donde debes escribirlas. Esta explicación de los tags es porque tumblr tiene una forma de buscar los tags de una página, con la siguiente estructura: TUPAGINA/tagged/LOQUEBUSCAS Un ejemplo: http://delasazores.com/tagged/ayuda Y esto sirve también para hacer un menú para tu página. Supongamos que queremos un menú (botonera) con gifs, memes, humor y animalicos. Lo primero será conocer que tags usamos en nuestra página. En este ejemplo, supongamos que uso los tags gifs, memes, humor, animalicos. Entonces, la ruta de búsqueda quedaría así para cado uno de los casos: TUPAGINA/tagged/gifs Ejemplo: http://delasazores.com/tagged/gifs TUPAGINA/tagged/memes Ejemplo: http://delasazores.com/tagged/memes TUPAGINA/tagged/humor Ejemplo: http://delasazores.com/tagged/humor TUPAGINA/tagged/animalicos Ejemplo: http://delasazores.com/tagged/animalicos Ahora sólo nos queda poner una imagen en vez de un enlace escrito que nos lleve a nuestro tag. Es fácil:
NOTA: En el primer post de ayuda podéis ver como añadir botones que cambien al pasar el ratón por encima. Ahora que ya sabemos como hacer la botonera, vamos a colocarla en nuestra página. Supongamos que queremos ponerla después de la descripción. Tenemos el siguiente código: {Description}
….etc. Tenemos que añadir un nuevo para nuestro menú. La cosa quedaría así:
{Description}
CONTENIDO DEL MENÚ
El resultado sería: Y ahora, sólo tenemos que cambiar “CONTENIDO DEL MENÚ” por los códigos de las imágenes que nos llevan a los tags. Un ejemplo:
…. etc. Tenemos que añadir una nueva sección, tal que así:
WEBS AMIGAS
WEBS AMIGAS
El resultado sería: Ahora sólo nos falta cambiar “WEBS AMIGAS” por el código con la imagen que nos llevará a esas webs. El código sería: 
Un ejemplo: 
El resultado sería: Con esto ya tenéis unas nociones básicas para crear todas las secciones que queráis. En el siguiente tutorial trataré de explicar como redondear las secciones y ponerles un borde de color. También hablaré un poco de los botones de redes sociales.
El resultado sería: Con esto ya tenéis unas nociones básicas para crear todas las secciones que queráis. En el siguiente tutorial trataré de explicar como redondear las secciones y ponerles un borde de color. También hablaré un poco de los botones de redes sociales.Datos archivados del Taringa! original
76puntos
7,873visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
3visitas
0comentarios
Dar puntos: