Actualizaciones de Cherry Framework: Versiones 2.4 – 3.0. Información General

Hoy tenemos buenas noticias para los usuarios del programa Cherry Framework. Nos gustaría anunciar varios cambios de su framework preferido. Por eso publicamos una explicación detallada de las nuevas características que se pueden encontrar en Cherry Framework 3.0.

Para todos los desarrolladores web (principiantes o expertos), Cherry ofrece la base segura y optimizada que lleva WordPress al nuevo nivel.

Así que vamos a ver "lo que hay dentro de las versiones".

Cherry Framework 2.4 [Lanzada 6.11.2013]

El objetivo de esta actualización es la preparación para el lanzamiento del plug-in Cherry, ella incluye un número de widgets y códigos cortos para el framework. También hemos incluido varias correcciones y funciones:

• optimización del panel de administración y localización;
• optimización y mejora del personalizador;
• opción de carrusel para una página de portafolio;
• nueva opción de diseño para el sitio y el blog;
• nuevo slider Carousel OWL fue añadido mediante el código corto;
• correcciones menores para iPad3.

Así que vamos a echar un vistazo a algunas de las nuevas características de esta versión. Por ejemplo, Acción y Filtros en Cherry 2.4.

Todos los desarrolladores de WordPress han trabajado con acciones y filtros (si Usted nunca ha trabajado con ellos, puede encontrar más información en WordPress Codex: Plugin API, Plugin API/Action Reference, Plugin API/Filter Reference).

En las versiones anteriores usamos las acciones regulares de WordPress y la inicialización de los tipos personalizados de entradas y los scripts de conexión fue atada. Y ahora Usted puede utilizar Acción personalizada y sus Filtros.

Un Poco Sobre Acciones

Con la ayuda de acciones se puede llamar cualquier función en cualquier momento. Por ejemplo, es necesario llamar una función que conecta un archivo JS en un momento cuando WordPress llama todos los scripts. Si examinamos Codex descubriremos que la acción wp_enqueue_scripts está funcionando. Ahora vamos a crear la función que conectará la secuencia de comandos:

1
2
3

 function enqueue_my_script() {
wp_enqueue_script( 'my-script', get_stylesheet_directory_uri() . '/js/my-script.js', '', '1.0', true );
}

y esta función a wp_enqueue_scripts:

1

add_action( 'wp_enqueue_scripts', 'enqueue_my_script' );

Eso es todo, ahora WordPress enlazará todos los scripts con el tema, así como my-script.js.

Lista de Acciones en Cherry 2.4

• cherry_before_slider – es llamada en el fichero static-slider.php antes de slider output;
• cherry_after_slider – es llamada en el fichero static-slider.php después de slider output;
• cherry_before_home_page_content – es llamada en el fichero page-home.php a principio del contenido;

¿Cómo se puede usar  Acciones? Por ejemplo, hay un Tema de WordPress. Tenemos que agregar un bloque adicional al lado del slider:

1
2
3
4
5
6
7
8
9
10

add_action( 'cherry_before_slider', 'before_slider_output' );
function before_slider_output() {
    echo "<div class='slider-box'>";
}
add_action( 'cherry_after_slider', 'after_slider_output' );
function after_slider_output() {
 echo "</div><div class='widget-box'>";
 dynamic_sidebar( 'slider-widget-area' );
 echo "</div>";
}

Copie este código y agreguelo al fichero custom-function.php en el tema hijo (también es necesario agregar una inicialización de área de widget slider-widget-area.)

Usted recibirá lo siguiente: su slider se convertirá en el div con la clase slider-box. Este método puede parecer un poco complicado, pero en realidad es muy útil ya que no hay necesidad de sobrescribir los ficheros del tema hijo y el tema no dependerá de las actualizaciones de framework.

Ahora Un Poco Sobre Filtros

Con la ayuda de los filtros  se puede cambiar el valor de variable antes de su output o uso. Debido a estas 2 líneas de código teníamos que sobrescribir el fichero slider.php en cada plantilla. Ahora Usted puede hacerlo desde el tema hijo con el filtro cherry_slider_params.

1
2
3
4
5
6

add_filter( 'cherry_slider_params', 'child_slider_params' );
function child_slider_params( $params ) {
    $params['minHeight'] = '"100px"';
    $params['height'] = '"60%"';
return $params;
}

Lista de Filtros en Cherry 2.4

cherry_slider_params – le permite cambiar la inicialización de los parámetros del slider. Lista de parámetros: alignment, barDirection, barPosition, easing, mobileEasing, mobileFx, gridDifference, imagePath, minHeight, height, loaderColor, loaderBgColor, loaderOpacity, loaderPadding, loaderStroke, pieDiameter, piePosition, portrait.

Se puede encontrar más información en el fichero slider.php, en el framework, tiene $ slider_default_params, se puede sobreesribir (anular)  todos los parámetros de array por medio de filter.

cherry_layout_content_column – le permite cambiar la clase para el bloque #content en las páginas con la barra lateral:

1
2
3
4

add_filter( 'cherry_layout_content_column', 'child_content_column' );
function child_content_column() {
    return "span9";
}

* * *

cherry_layout_sidebar_column – le permite cambiar la clase para el bloque #sidebar en las páginas con la barra lateral:

1
2
3
4

add_filter( 'cherry_layout_sidebar_column', 'child_sidebar_column' );
function child_sidebar_column() {
    return "span3";
}

* * *cherry_layout_wrapper – le permite cambiar el diseño (o agregar clase adicional) para enlazar el bloque data-motopress-wrapper-type=”content”

1
2
3
4
5

add_filter( 'cherry_layout_wrapper', 'child_layout_wrapper' );
function child_layout_wrapper( $class ) {
    $class .= ' my_class';
    return $class;
}

* * *

cherry_layout_left_block_column, cherry_layout_right_block_column – ambos permiten cambiar las clases para las columnas en la página 404 y en el portafolio de una sola página.

1
2
3
4
5
6
7
8

add_filter( 'cherry_layout_left_block_column', 'child_left_block_column' );
function child_left_block_column() {
    return "span6 my_class";
}
add_filter( 'cherry_layout_right_block_column', 'child_right_block_column' );
function child_right_block_column() {
    return "span6";
}

* * *

cherry_back_top_html – permite cambiar la estructura html del botón Ir Arriba.

1
2
3
4

add_filter( 'cherry_back_top_html', 'child_to_top' );
function child_left_block_column() {
    return "<a href='#top'><i class='icon-angle-up '></i></a>";
}

P.S. Si usa los filtros cherry_layout_content_column + cherry_layout_sidebar_column y cherry_layout_left_block_column + cherry_layout_right_block_column tiene que recordar que ellos cambian la estructura de los grids en la misma página.

Versión 3.0 de Cherry Framework  [Lanzada 11.11.2013]

En Cherry 3.0 todos los widgets y códigos cortos son transferidos al plugin Cherry, que se instala automáticamente con cada tema de WordPress con Cherry Framework. Ahora, los usuarios no pueden editar los plugins y códigos cortos integrados en el plugin, esta opción será incluida en las versiones nuevas, así como el constructor de interfaz y algunas otras características importantes.