Open main menu
This page is a translated version of the page Skin:Refreshed and the translation is 92% complete.

Outdated translations are marked like this.
Other languages:
English • ‎Esperanto • ‎español • ‎português • ‎中文 • ‎日本語
El Refreshed la piel no apoya Explorador de Internet 8 y abajo.
MediaWiki skins manual - category
Crystal Clear device blockdevice.png
Refreshed
Release status: stable
Refreshed.png
Description Una piel limpia, moderna originalmente diseñada para uso en Brickimedia, y ahora diseñado para todo wikis
Author(s) Brickimedia (Adam Carter, George Barnick, MtMNC, ShermanTheMythran, Jack Phoenix, Drew1200, SirComputer, Seaside98, Samantha Nguyen, Lewis Cawte), MacFan4000
Latest version 3.4.2 (2018-07-14)
MediaWiki 1.28+
License GPL-2.0+
Download
README.md
Example http://en.brickimedia.org/
Translate the Refreshed skin if it is available at translatewiki.net
Check usage and version matrix;
Issues : Open tasks · Report a bug

Esfreshed' es una piel limpia, moderna diseñada para uso en el Brickimedia wiki familia. Desarrollado por los usuarios de Brickimedia, esta piel puede trabajar standalone o puede integrar con extensiones como SocialProfile . Estos usos de piel responsive CSS para adaptar a dispositivos móviles, y es plenamente compatible con todos los smartphones modernos y pastillas.

Note that Refreshed version 3.1.9 and above require MediaWiki 1.28 or greater. Refreshed 3.0.0-3.1.8 work on MediaWiki 1.25 or greater.

Contents

Instalación

  • Descarga y extrae el/los archivo(s) en el directorio «Refreshed» dentro del directorio skins/ existente.
  • Añade el siguiente código al final de tu LocalSettings.php:
wfLoadSkin( 'Refreshed' );
  • Download the wikifont bundle from https://github.com/munmay/WikiFont/archive/master.zip and place it in /skins/Refreshed/refreshed/wikifont.
  • Take the files out of the wikifont-master folder and put them in the wikifont folder
  • Yes Listo - Navega a Special:Version en tu wiki para verificar que la apariencia se ha instalado correctamente.

Configuración

Styling Colores

hay también documentación encima ayudándote estilo los componentes! Si tienes problema encontrando los selectors directos y querer una fundación fácil, entonces utilizar la base siguiente abajo:

body {
	background-color: /* bg-color of site */ ;
	color: /* content/text color of site */ ;
}

#header-wrapper {
	background: /* bg-color/gradient of header web component */ ;
}

.header-button:hover, 
.header-dropdown-item:hover, 
.header-button-active, 
.sitedropdown-highlighted, 
.dropdown-highlighted {
	background-color: /* bg-color of header items and dropdown menus */ ;
	color: /* content/text color of header items and dropdown menus */ ;
}

/* styling for medium and large sized tablets */
@media (max-width: 1000px) and (min-width: 601px) {
	#header-wrapper .search-form {
		background-color: /* bg-color of search on tablet */ ;
	}
}

/* styling for phones and smaller tablets */
@media (max-width: 600px) {
	#sidebar-wrapper {
		background-color: /* bg-color of sidebar on phones */ ;
	}
	#user-info .header-menu {
		background-color: /* bg-color of user dropdown menu */ ;
	}
}

Page status indicators

Cuando de Refreshed versión 3.0, de página indicadores de estado se mantienen en la piel. Por default todos indicadores de estado de la página están escondidos en Refreshed exhibición móvil, pero puede ser individualmente mostrado en móvil con el código siguiente:

#mw-indicator-name { /* replace "name" with the indicator's "name" value */
	display: inline-block;
}

Categorías relacionadas

Una característica introducida en Refreshed 3.0 es categorías de encabezamiento. Categorías de encabezamiento pueden ser añadidas y personalizadas a través del frente-acabar también. Para modificar las categorías de encabezamiento, se dirige a MediaWiki:Refreshed-navegación y crear una lista similar a esto:

* Category 1
** MediaWiki:Refreshed-navigation|Entry 1
** MediaWiki:Refreshed-navigation|Entry 2
** MediaWiki:Refreshed-navigation|Entry 3
** MediaWiki:Refreshed-navigation|Entry 4
* Category 2
** MediaWiki:Refreshed-navigation|Entry 1
** MediaWiki:Refreshed-navigation|Entry 2
** MediaWiki:Refreshed-navigation|Entry 3
** MediaWiki:Refreshed-navigation|Entry 4
* Category 3
** MediaWiki:Refreshed-navigation|Entry 1
** MediaWiki:Refreshed-navigation|Entry 2
** MediaWiki:Refreshed-navigation|Entry 3
** MediaWiki:Refreshed-navigation|Entry 4

no hay ningún límite al número de categorías o entradas puedes incluir, aun así en algún punto dependiendo de resolución de pantalla, él desbordamiento a través del encabezamiento.

Para mostrar las categorías de encabezamiento en una lengua diferente, va a MediaWiki:Refreshed-navegación/de donde de es el código de lengua y crear la misma lista en la lengua deseada.

Anuncios

Refreshed Es un anuncio-piel soportada, cuando puede ser visto en cualquier Brickimedia proyecto. Por default, el Refreshed la piel no contiene ningún anuncio, pero puede ser configurado para utilizar Anuncios de Google con el código bajo colocado en vuestro LocalSettings.php Archivo:

function showRefreshedAdvert( &$footerExtra ) {
	$footerExtra = '
		<div id="advert">
			<p>' . wfMessage( 'refreshed-advert' )->escaped() . '</p>
			<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
			<!-- Refreshed ad -->
			<ins class="adsbygoogle"
				style="display:inline-block;width:728px;height:90px"
				data-ad-client="ca-pub-9543775174763951"
				data-ad-slot="7733872730"></ins>
			<script>
				(adsbygoogle = window.adsbygoogle || []).push({});
			</script>
		</div>';
	return true;
}
$wgHooks['RefreshedFooter'][] = 'showRefreshedAdvert';

Tendrás que cambiar el dato-anuncio-cliente y dato-anuncio-ranura para reflejar el código dado a ti por Google.

Para hacer vuestros anuncios responsive a través de dispositivos, añadir el siguiente CSS a MediaWiki:Refreshed.css, o MediaWiki:Global-refreshed.css Si eres en un wikifarm setup. Esto requiere instala GlobalCssJs .

@media (max-width: 500px) {
	.adsbygoogle {
		width: 320px;
		height: 50px;
	}
}

@media (max-width:799px) {
	.adsbygoogle {
		width: 480px;
		height: 60px;
	}
}

@media (min-width: 800px) {
	.adsbygoogle {
		width: 728px;
		height: 90px;
	}
}

Con marca de texto

El Refreshed la piel no utiliza $wgLogo le gusta más pieles cuando muestra un logotipo en la forma de un wordmark, el cual no es favorable en más otras pieles ($wgLogo siendo una variable global que efectuaría todas las pieles). Para ajustar el wordmark visto en Refreshed, lo puedes definir dos maneras:

  • MediaWiki:Refreshed-this-wiki-wordmark: logotipo Normal, el contenido es el logotipo de imagen URL.
  • MediaWiki:Refreshed-this-wiki-mobile-logo: El logotipo mostrado en el móvil, el contenido es el logotipo de imagen URL.


  Consejo para administradores de Wiki: Para optimal exhibición en Refreshed piel móvil, tendrías que considerar cualquier utilizando downscaled imágenes o SVG imágenes de modo que el logotipo no muestra tan blurry encima "retina" (alto PPI) pantallas de dispositivo móvil


Wiki Soporte de granja

Refreshed Era inicialmente diseñado para trabajar para wiki granjas. Por default, Refreshed el encabezamiento sólo muestra el sitio actual en el encabezamiento, pero la piel puede ser configurada para mostrar un dropdown donde el logotipo de sitio es para contener otros sitios en la granja. Pueda ser definido con el soyediaWiki:Refreshed-wiki-dropdown': La sintaxis es como sigue:

* Wiki Imagen|de logotipo del nombre URL|wiki URL

El tercer parámetro, el wiki URL defaults al wiki página principal pero puede ser personalizado con soyediaWiki:Refreshed-esto-wiki-url'.


Utilizando Eco con Refreshed

Eco actual

La versión de Eco más tardía (cuál incluye la actualización donde las notificaciones han sido divididas a alertas y avisos) está proporcionado en Refreshed v3.2.1.

Pre-Julio 2016 Eco

Pre-julio 2016 Eco soporte (Eco antes de que esté dividido a Avisos y Alertas) estuvo construido en Refreshed 3.0.0 y por ello el abajo tajos "de código" no son necesarios.

Con el diseño de Refreshed versiones 2 y más tempranos, el de notificaciones de Eco de Eco defaults a aparecer en las herramientas de usuario dropdown. Para poner el botón de Eco en un sitio más ideal que sigue interfaces similares en otros sitios web, un tajo "de Javascript" ha sido hecho para cambiar la posición de Eco y algunos CSS para hacerlo compatible con la piel. Este código puede ser añadido a vuestro wiki MediaWiki:Refreshed.js página:

$( '#pt-notifications' ).appendTo( '#userinfo' );

And MediaWiki:Refreshed.css page:

#pt-notifications {
	position: absolute;
	right: -2em;
	z-index: 3;
	top: 0.85em;
}

.mw-echo-overlay {
	width: 400px;
	font-family: sans-serif;
}

#rightbar {
	z-index: 2;
}

#header {
	z-index: 2;
}

#contentwrapper {
	z-index: 1;
}

Puntaje de usuario

Bueno noticioso, si utilizas el SocialProfile extensión, avatares de usuario serán integrados al Refreshed piel automáticamente, ninguna modificación requirió.


Galería

Véase también