0 Discusión

Ayuda:Personalizar botones de edición

Contenido

1 ¿Cómo puedo crear y subir las imágenes de los botones?
2 ¿Cómo edito el archivo de Javascript?
3 Véase también

Para aquellos que usan el editor de texto enriquecido, el cual está activado por defecto para los usuarios nuevos, no verán la barra de herramientas de edición, la cual aparece en el editor de la instalación estándar de MediaWiki, a no ser que cambien durante la edición al modo fuente.

Sin embargo, para aquellos que editan con la interfaz estándar les puede ser muy útil añadir botones de edición personalizados a esta barra. Estos botones tienen una función similar a la extensión CharInsert que permite insertar fragmentos de texto o carácteres especiales mientras editas.

Nota: Esta barra de herramientas no aparecerá si tienes desactivado "Mostrar la barra de edición" en tus preferencias.

Puedes añadir botones personalizados en tu wikia.js personal para que solo tú puedas verlos y usarlos, o puedes añadirlos a MediaWiki:Common.js para que estén disponibles a todos los usuarios del wiki.

Una barra de edición personalizada resultaría algo parecido a esto:

¿Cómo puedo crear y subir las imágenes de los botones?Editar sección

Lo primero que tienes que hacer es crear una imagen de 23x22 píxeles en cualquier programa de edición de imagen (puedes usar Button_blank.png como base). Después subela como cualquier otra imagen.

Nota: Si tus imágenes son susceptibles de servir a más de una Wikia, por favor sube la imagen a Central Wikia (y asegúrate de añadirle la categoría [[Category:Custom edit buttons]].). Ya que de por sí todas las imágenes que se suben se almacenan en images.wikia.com, puedes subirlas en la Central en inglés para que otros usuarios puedan verlas y utilizarlas. Así, tus buenas ideas se extenderan, y ahorrarás tiempo y esfuerzo a los demás. Puedes ver los botones que han subido otros en Category:Custom edit buttons.

¿Cómo edito el archivo de Javascript?Editar sección

Primero encuentra el archivo de Javascript (.js) apropiado.

Tu archivo personal js de tu wiki se encuentra en:

Usuario:TU NOMBRE DE USUARIO/wikia.js (si usas la piel de Wikia),

El js global, que afecta a todo el wiki para todos los usuarios está en:

MediaWiki:Common.js.

Si quieres tener tus botones personales en todos los wikis, añade el código en está página:

http://community.wikia.com/wiki/User:TU NOMBRE DE USUARIO/global.js

Añade una sección mwCustomEditButtons en la página para cada botón que quieras añadir a la barra de herramientas.

 if (mwCustomEditButtons) {
   mwCustomEditButtons[mwCustomEditButtons.length] = {
     "imageFile": "http://images.wikia.com/central/images/c/c8/Button_redirect.png",
     "speedTip": "Redirect",
     "tagOpen": "#REDIRECT [[",
     "tagClose": "]]",
     "sampleText": "Insert text"};
 
   mwCustomEditButtons[mwCustomEditButtons.length] = {
     "imageFile": "http://images.wikia.com/central/images/c/c9/Button_strike.png",
     "speedTip": "Strike",
     "tagOpen": "<s>",
     "tagClose": "</s>",
     "sampleText": "Strike-through text"};
 
   mwCustomEditButtons[mwCustomEditButtons.length] = {
     "imageFile": "http://images.wikia.com/central/images/1/13/Button_enter.png",
     "speedTip": "Line break",
     "tagOpen": "<br />",
     "tagClose": "",
     "sampleText": ""};

   mwCustomEditButtons[mwCustomEditButtons.length] = {
     "imageFile": "http://images.wikia.com/central/images/7/74/Button_comment.png",
     "speedTip": "Comment visible only for editors",
     "tagOpen": "<!-- ",
     "tagClose": " -->",
     "sampleText": "Insert comment here"}
  }

imageFile : es la URL completa de la imagen del botón.
- Puedes hallar la URL completa de la imagen yendo a la página de descripción de imagen y haz clic en el vínculo bajo la imagen para verla a tamaño completo. Aparecerá una página con solo la imagen, ya puedes copiar la dirección URL de la barra de tu navegador.
- La imagen tiene que estar guardada en tu Wikia local o en Central Wikia -- debe tener una URL de Wikia.com.
speedTip : Es el texto del tool-tip (descripción emergente) que aparece cuando pasas el ratón por encima.
tagOpen : Etiqueta de apertura
tagClose : Etiqueta de cierre (se puede omitir si no se necesita ningún texto de ejemplo).
sampleText : Este texto aparecerá señalado automáticamente entre las otras dos etiquetas, está para ser sustituido por el texto que introduzca el usuario.

Una vez guardado, el archivo .js será leído cuando se carge cualquier página en modo edición y tus botones personalizados apareceran.