FANDOM


¡Hola a todos! En el tutorial anterior les explicamos a cómo usar las imágenes en el editor. Les dejaré el link para que lo revisen porque puede ser necesario para este nuevo tutorial: Tutorial 3. También te recomendamos ver los anteriores tutoriales para que te guíes mejor. Como he dicho antes, esta sección es para enseñar, principalmente a los usuarios, quienes no saben editar o aquellos usuarios que no manejan bien las opciones del editor. Aquellas personas que sufren de ese problema, estarán estos tutoriales de ayuda.

El tema de hoy son las infoboxes. En esto incluye: añadirlo en Modo Visual y Modo Fuente, usar las distintas opciones, cambiar de infobox cuando quieras, colocar una imagen a la infobox, pequeños códigos. Comenzaremos directamente a decirte dónde tienes que hacer click para colocar una infobox. Recuerda entrar al editor y/o crear un artículo, blog, etcétera. También recuerda que las infoboxes son plantillas. ¡Comencemos!


Tutorial parte 58


Al entrar en el editor, todo se encontrará así, con el Modo Visual y las distintas opciones intactas. Para poder colocar una infobox en el editor debes bajar en donde indica la flecha roja de la imagen.


Tutorial parte 59


Al bajar lo suficiente, encontrarás distintas opciones. Como se ve en la imagen, un cuadro rojo muestra una sección que dice "Añadir otras plantillas". Haz click ahí y aparecerá un cuadro como se verá en la siguiente imagen.


Tutorial parte 60


En la imagen, se puede ver el cuadro que aparece después de hacer click en la sección indicada en la imagen anterior.


Tutorial parte 61


En la casilla, se puede escribir la plantilla que buscamos. En este caso, buscaremos alguna infobox. Con tal de escribir "infobox", aparecerán una variedad de infoboxes para elegir.


Tutorial parte 62


En esta imagen mostramos la categoría donde encontrarás todas las infoboxes disponibles en esta wiki. Recuerda revisar por si necesitas averiguar alguna infobox. También, recuerda que está totalmente prohibido crear una o editarla. Te dejamos la categoría aquí por si necesitas revisarlo: Infoboxes.


Tutorial parte 63


Volvemos al editor junto con el cuadro de plantillas. Ahora, después de escribir "Infobox", decidí elegir como ejemplo el "Infobox Personajes". Al seleccionar tu infobox que usarás, haz click en "Insertar".


Tutorial parte 64


Al hacer click en "Insertar", la plantilla no entrará directamente al editor, sino que tú lo podrás editar a tu gusto antes de que entre al editor. Como puedes ver, hay diferentes opciones dentro, como el nombre, imagen, comentario de la imagen, etcétera.


Tutorial parte 65


En la imagen, podrás ver las funciones de las primeras opciones que aparecen en esta infobox (En general, casi todas empiezan con las tres primeras opciones). Cuando tengas listo todas las opciones, haz click en "Previsualizar".


Tutorial parte 66


Si te das cuenta, al darle click en "Previsualizar", todas las opciones cambian como lo indica el cuadro amarillo. Obviamente esto es un ejemplo, tu lo arreglas a tu gusto, siempre y cuando debe estar conectado al artículo que estás creando.


Tutorial parte 67
Tutorial parte 68








Al bajar encontraremos más opciones. En estas dos imágenes te mostramos otras nuevas opciones que contiene esta infobox. Como se puede ver, cada opción tiene una pequeña explicación sobre su uso. Debajo del idioma japonés, que se puede ver en la imagen de la derecha, está el idioma inglés.


Tutorial parte 69


Si te das cuenta, al editar la infobox también se pueden añadir algunos códigos que son usados en Modo Fuente, como el enlazado o dejar las letras en negrita y/o cursiva. En este caso, los cuadros de color naranja muestran que las letras estarán en cursiva; mientras que en la parte de "usuario", añadí los códigos de enlazado para que vaya directo a mi perfil. Como se puede ver, en "comentario_imagen" le puse que la letra siempre irá en cursiva. Recuerda, aunque no le pongas los códigos de cursiva para que las letras queden en cursiva, estas estarán así por siempre. Finalmente, le damos click en "Aceptar" para colocar la infobox definitivamente al editor.


Tutorial parte 70
Tutorial parte 71








En la imagen de la izquierda, la flecha amarilla muestra que la plantilla infobox ha sido colocada al editor. Al darle en "Previsualizar", se podrá ver cómo está quedando en el artículo, blog, o lo que sea. Si te das cuenta, "Usuario:AnewLegend" está enlazado y "No hay imagen" está en cursiva por el código que le puse. El "Comentario de la imagen" está en cursiva aunque yo no le he puesto ningún código.


Tutorial parte 72


Al acercar la flecha del mouse a la plantilla, se podrá ver las opciones de "editar" o "borrar" la plantilla infobox. Así, tu podrás editar o borrar la infobox cuando quieras en Modo Visual.


Tutorial parte 73


Saltamos al Modo Fuente, donde podremos ver todos los códigos para editar la infobox. Si te das cuenta, es muy diferente al Modo Visual, y la imagen de la plantilla no se ve. Los comentarios de las opciones que se ven en la infobox siguen intactas.


Tutorial parte 74
Tutorial parte 75








En la imagen de la izquierda, yo le borré la mayoría de los códigos. Cuando le damos a "Previsualiza", quedará algo así como se muestra en la imagen de la derecha. Recuerda, si borras los códigos en Modo Fuente y no recuerdas cómo recuperarlos, vuelve al Modo Visual y edita la infobox.


Tutorial parte 76
Tutorial parte 77









Volviendo al editor en Modo Fuente, borré todos los códigos y cambié la parte que dice "Infobox Personajes" por "Infobox Usuario". Como puedes ver en la imagen derecha, la infobox ha cambiado totalmente, por lo que tiene nuevas opciones, códigos y demás.


Tutorial parte 78
Tutorial parte 79









Volvemos al Modo Visual. Acercamos el mouse a la imagen de plantilla y le damos en "editar". Si te das cuenta en la imagen derecha, las tres primeras opciones son iguales que la infobox del personaje, mientras que la cuarta contiene un pequeño cambio.


Tutorial parte 80


Volvemos al Modo Fuente una vez más para enseñarte a cómo agregar una imagen a la infobox. Para esto, damos un salto después de donde dice "Usuario", para así bajar un espacio más abajo. Luego, agregamos lo que indica el cuadro amarillo en la imagen, para así abrir la opción de "imagen" a la infobox. Luego, le damos click al cuadro que dice "Imagen", donde indica la flecha naranja, para así abrir el cuadro de subidas de imágenes y/o elegir una imagen.


Tutorial parte 81
Tutorial parte 82









Como se ve en la imagen izquierda, abrí el cuadro de imágenes y agregaré a la imagen de Link que indica la flecha verde. En caso contrario, puedes subir una imagen a través de "Insertar archivo". Para más información sobre esto, visita el tutorial anterior. Luego, le damos click en insertar imagen como se muestra en la imagen derecha.


Tutorial parte 83
Tutorial parte 84









En la imagen izquierda, vemos que la imagen ya ha sido añadida en la infobox. Como ves en esa misma imagen, los códigos de la imagen son los mismos códigos que tiene una imagen recién colocada. Recuerda que esos códigos debes cambiarlos, porque quedarán igual como se ve en la imagen de la derecha: con el comentario de la imagen.


Tutorial parte 85
Tutorial parte 86









Como puedes ver en la imagen de la izquierda, cambié los códigos originales de la imagen por "160px" para que la imagen no tenga su comentario y, a la vez disminuir un poco su tamaño. En la imagen de la derecha te darás cuenta de cómo ha quedado la imagen, centrada, sin su comentario, y mejorada. Para saber cómo hacer esto revisa el tutorial anterior.


Tutorial parte 87


Al volver al Modo Visual y darle click en "editar" en la plantilla infobox, entraremos al editor de la infobox. Si te das cuenta, en la opción "imagen" se encontrará el nombre de la imagen que haz añadido.

Así concluye el tutorial de hoy. En los siguiente blogs, le enseñaremos más a fondo de cómo utilizar las otras opciones, comandos, funciones básicas, plantillas, entre otras funciones de un artículo. Recuerda que este es sólo la primera parte de cómo utilizar la infobox. No olvides ver el siguiente tutorial donde te enseñaremos más usos de esta magnífica plantilla. ¡Un Saludo! Espero que esto les sirva de ayuda.

¡Interferencia de bloqueo de anuncios detectada!


Wikia es un sitio libre de uso que hace dinero de la publicidad. Contamos con una experiencia modificada para los visitantes que utilizan el bloqueo de anuncios

Wikia no es accesible si se han hecho aún más modificaciones. Si se quita el bloqueador de anuncios personalizado, la página cargará como se esperaba.