- Desde
- 26 Nov 2015
- Mensajes
- 75
Hace unos días ha salido a la luz lo que podría ser la versión 2.0 de XenForo, acontinuación algunas imagenes así como una breve explicación.
La traducción del documento es gracias a lms
Aparte del nuevo aspecto, hay algunas otras nuevas características que se muestran aquí:
El gestor de navegación permite controlar las partes individuales de la navegación del Encabezado. Puede notarse que las entradas de navegación pueden venir del árbol de nodos y tendrán su propia pestaña.
Widgets apoderan la barra lateral del listado de foros. No hemos imitado aquí a XenForo 1, sino que impulsamos un nuevo sistema de widgets que permiten controlar lo que se muestra en varios lugares. Y si se desea insertar un widget en una ubicación personalizada, puede hacerse con una etiqueta especial en la plantilla.
avatares dinámicos basados en letras para los usuarios sin un avatar personalizado. Estos usuarios recibirán ahora un avatar a base de la primera letra de su nombre de usuario, con un color de fondo generado a partir de su nombre.
En el futuro se detellarán más.
Ya que estamos mostrando capturas de pantalla, vamos a hablar un poco más sobre la estructura de uso de HTML / CSS de XenForo 2.0. En general, el código HTML y CSS se organiza en torno al enfoque de Bloque del Elemento Modificador (BEM). Vamos a empezar con un ejemplo concreto:
Código:
<div class="block">
<div class="block-container">
<xf:if is="$trophies is not empty">
<ol class="block-body">
<xf:foreach loop="$trophies" value="$trophy">
<li class="block-row block-row--separated">
<div class="figureRow">
<span class="figureRow-figure figureRow-figure--text figureRow-figure--fixedSmall">{$trophy.Trophy.trophy_points}</span>
<div class="figureRow-main">
<span class="figureRow-extra"><xf:date time="{$trophy.award_date}" /></span>
<h2 class="figureRow-header">{$trophy.Trophy.title}</h2>
<div class="figureRow-minor">{$trophy.Trophy.description|raw}</div>
</div>
</div>
</li>
</xf:foreach>
</ol>
<xf:else />
<div class="block-body block-row">{{ phrase('x_has_not_been_awarded_any_trophies_yet', {'name': $user.username}) }}</div>
</xf:if>
<div class="block-footer">
<span class="u-pullLeft">{{ phrase('total_points') }}: {{ number($user.trophy_points) }}</span>
<span class="u-pullRight"><a href="{{ link('help', {'page_name': 'trophies'}) }}" class="button">{{ phrase('view_all_available_trophies') }}</a></span>
</div>
</div>
</div>
Comenzando desde el exterior, se verá nuestro sistema de bloque. Con BEM, "bloque" es, así, el bloque; "Bloque de contenedores", "bloque de filas", etc., son elementos; y "bloque de filas - separado" es el Modificador "separados" de la fila de bloques. Este enfoque hace que la organización sea mucho más fácil y hace el proceso del estilo mucho más claro. Nuestra convención es una sola "-" para los Elementos y un doble "-" para los modificadores y luego usar el dentro la sensitividad de las letras.
Dentro del bloque, se verá "figureRow", que es nuestro sistema genérico para el tendido de un icono o una figura a la izquierda del contenido correspondiente. Esto no está relacionado con los bloques y puede funcionar de forma totalmente independiente si así se desea. Bajo BEM, "figureRow" es su propio bloque, "figureRow-figura" un elemento y "figureRow cifras - texto" un modificador.
Si nos fijamos en el elemento de bloque-pie de página, también verá elementos "u-pullRight y "u-pullLeft". Estrictamente hablando, estos probablemente no se deben utilizar aquí si es posible, pero sirven como un buen ejemplo de las clases de utilidades. Estos consiguen el prefijo "U" para indicar que no necesariamente siguen el patrón general BEM pero proporcionan herramientas útiles para utilizar en caso de apuro. Algunos otros ejemplos incluyen "u-silenciado" para el texto menos consistente, y "u-srOnly" para ocultar visualmente algo (pero que sea para lectores de pantalla).
Vale la pena mencionar que, si bien el estilo predeterminado claramente ha hecho hincapié en "cajas", se puede restar importancia a este fácilmente retirando simplemente el color de fondo y el ajuste de las fronteras para que se adapte a sus necesidades. Con la construcción de este sistema, que hace que nuestro diseño mucho más consistente y por lo tanto más fácil de personalizar de forma coherente.
¿Que sigue?
En este punto, se ha añadido la absoluta mayoría de la funcionalidad. Todavía hay algunas páginas y funciones más pequeñas aquí o allí que nos tienen que apoyar, pero la funcionalidad principal es básicamente todo lo que hay. Dicho esto, nuestra lista de tareas está lejos de ser vacío. Como cualquier desarrollador le dirá, usted comprueba fuera una cosa y agregar dos más. Todavía estamos trabajando duro, pero estamos haciendo grandes progresos.
Cuando sentimos que ha llegado a ese punto, el primer paso será la creación de una instalación de demostración separada de manera que todo el mundo puede empezar a jugar con XenForo 2.0 como un usuario final. Vamos a la recopilación de información, realizar los cambios, corrigiendo errores, y trabajando en las cosas en el fondo que no verá.
El siguiente paso sería lo que podría considerarse un alfa o una vista previa para desarrolladores. Esta será la primera vez que los clientes serán capaces de probar XenForo 2.0 en su propio servidor y trabajar con las plantillas de código /. No tenemos la intención de limitar esto a los desarrolladores seleccionados. Sin embargo, usted no será capaz de actualizar a esta versión y es poco probable que sea capaz de actualizar fuera de él. Es probable que también tenga que hacer la instalación mediante la línea de comandos y tomando algunos pasos manuales. Esta vista previa está diseñado específicamente para empezar a recibir respuesta inicial de los desarrolladores (y) stylers y aficionados entusiastas.
Después de eso, XenForo 2.0 pasará por el proceso de beta habitual, al igual que cualquier otra versión 1.x. Sin embargo, este proceso puede ser más largo debido a el alcance de los cambios realizados y que nos permitirá más tiempo tareas adicionales completos, tales como cambios a nuestros complementos oficiales.
¿Cuando puede pasar esto?
Cada paso del proceso depende de cómo se va a la anterior. Por lo tanto, sería muy difícil para nosotros sugerimos cuando una versión estable - o incluso la beta - versión se dará a conocer. Sin embargo, nuestro objetivo es comenzar la recopilación de información a través de la instalación de demostración en otoño de 2016.
Estamos muy entusiasmados con lo que está por venir!
La traducción del documento es gracias a lms