Cherry Framework kullanıcıları için büyük gün geldi. Bugün Framework için bir kaç güncelleme duyurmak istiyorum, bugünü seviyorum. Cherry Framework 3.0 sürümünde bulunan yeni özelliklere ayrıntılı olarak bir açıklama yapacağız.
Bir acemi yada geliştirici olmanız farketmez, Cherry'nin bu ihtiyaçları giderebileceğini hiç düşünmemiştim, WordPress güvenli arama motoru optimizesi edilmiş temel bir unsur sağlar.
Şimdi kutunun içerisinde ne olduğunu görelim‘.
Cherry Framework Güncellemesi 2.4 6. - Kasım.2013 tarihinde tamamlandı
Bu güncelleştirmenin temel amacı, Cherry eklentisini serbest bırakmak için hazırlık aşaması olmuştu, bu Framework için widgets ve kısa yolları içeren bir dizi içermektedir. Eklenti den ayrı olarak biz düzenlemeler ve yeni özelliklerin sayısını içerisine dahil ettik, aşağıdaki listeyi inceleyebilirsiniz:
- yönetim paneli optimizasyonu ve yerleştirme;
- optimizasyon ve özelleştirici iyileştirilmesi;
- tek portföy sayfasına carousel seçeneği eklendi;
- site ve blog yeni düzen seçeneği eklendi;
- yeni slider carousel OWL kısa kod ile eklendi;
- iPad3 için eklenen küçük düzeltmeler;
Yani anlayacağınız gibi bu sürümde bazı yeni özelliklere de bakabilirsiniz. Eylem ve Cherry 2.4 filtreler ile tanışın.
Tüm WordPress geliştiricileri eylemleri ve filtreler ile çalıştık. (eğer onlara aşina değilseniz WordPress Codex hakkında daha fazla bilgi bulabilirsiniz: Plugin API, Plugin API/Action Reference, Plugin API/Filter Reference.
Daha önce mesajların özel türlerini başlatma, bağlantı komutu olan standart WordPress eylemlerini kullanın. Şimdi, versiyon 2.4 'ten bu yana özel eylemleri ve filtreleri kullanabilirsiniz.
Eylemler Hakkında Küçük Söylemler
Eylemleri kullanarak istediğiniz herhangi bir zamanda herhangi bir işlevi çağırabilirsiniz. Örnek olarak, WordPress tüm komutu aradığınızda bir anda JS dosyası ile bağlanan bir fonksiyonu çağırmak zorunda. Codex 'e bakın eylemleri wp_enqueue_scripts ile tetiklendiğini göreceksiniz:
1 2 3 |
function enqueue_my_script() {
wp_enqueue_script( 'my-script', get_stylesheet_directory_uri() . '/js/my-script.js', '', '1.0', true );
}
|
wp_enqueue_scripts için bu işlevi eklemelisiniz:
1 |
add_action( 'wp_enqueue_scripts', 'enqueue_my_script' ); |
İşte bu, şimdi WordPress teması tüm komutların yanı sıra MyScripts'e bağlanacak.
Cherry 2.4 Eylem'lerinin Listesi
- cherry_before_slider – çıkıl öncesi static-slider.php dosyasına denir;
- cherry_after_slider – çıkış sonrası static-slider.php dosyasına denir;
- cherry_before_home_page_content – içereğin başında page-home.php dosyasına denir;
Bu eylemleri nasıl kullanabilirsiniz? Dövme salonu için hazırlanmış örnek bir WordPress temasını örnek olarak ele alalım. Bize lazım olan slider'in yanına bir blok koymak gereklidir:
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>";
}
|
Bu kodu alın ve Child tema içerisindeki custom-function.php dosyasına ekleyin. (Ayrıca bir widget alanını başlatmak için slider-widget-area eklemeniz gerekir.)
Aşağıdaki sonuçları alırsınız: slider ile div dönüşür slider-box class. İlk bakışta bu yüntem biraz karmaşık görünebilir, ama Child tema dosyasının üzerine yazmak ve tema Gelecekteki güncellemelere bağlı olmayacaktır, aslında gerçekten yararlı.
Şimdi Filtreler Hakkında Konuşmak için İzin İstiyorum
Filtreleri kullanarak çıkışını önce bir değişkenin değerini değiştirilebilir veya kullanabilirsiniz. Çünkü bu 2 satır kod her şablonun slider.php dosyasının üzerine yazmak gerekiordu. Şimdi filtre cherry_slider_params kullanarak Child tema ile yapabilirsiniz.
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;
}
|
Cherry 2.4 filtrelerin Listesi
cherry_slider_params – slider için parametrelerin başlangıcı değiştirmenize olanak sağlar: hizalama, barDirection, barPosition, haraket hızı, mobileEasing, mobileFx, gridDifference, imagePath, minHeight, height, loaderColor, loaderBgColor, loaderOpacity, loaderPadding, loaderStroke, pieDiameter, piePosition, portrait.
Slider.php dosyasını açtığınızda alabilirsiniz, daha fazla bilgi Framework $slider_default_params bir dizinin tüm unsurlarını filtre tarafı ile üzerine yazılabilir.
cherry_layout_content_column – kenar çubuğu ile sayfalarda blok içerik sınıfı değiştirmenizi sağlar:
1 2 3 4 |
add_filter( 'cherry_layout_content_column', 'child_content_column' );
function child_content_column() {
return "span9";
}
|
cherry_layout_sidebar_column – kenar çubuğu ile sayfalarda blok #sidebar kenar çubuğu sınıfını değiştirmenizi sağlar:
1 2 3 4 |
add_filter( 'cherry_layout_sidebar_column', 'child_sidebar_column' );
function child_sidebar_column() {
return "span3";
}
|
cherry_layout_wrapper – blok bağlantıları düzenini değiştirmenizi sağlar (veya ek sınıf ekleyebilirsiniz) 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 – Bu iki 404 sayfa ve tek bir sayfa portföyündeki sütunlar için sınıfları değiştirmek için düzen izni verir.
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 – yukarı butonu html yapısını değiştirmenize yardımcı olacak.
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. Filtreler için cherry_layout_content_column + cherry_layout_sidebar_column ve cherry_layout_left_block_column + cherry_layout_right_block_column onlar ile aynı sayfada ızgaraların yapısını değiştireceğinizi hatırlatmak önemlidir. Sırasıyla, bu filtreler tarafından döndürülen ızgaraların toplamı 12'yi geçmemelidir.
Cherry Framework Güncellemesi 3.0 [11.Kasım.2013 tarihinde tamamlandı]
Cherry 3.0 içerisinde tüm widget ve kısa kod Cherry eklentisi içerisine aktarılır, bu Cherry Framework tarafından desteklenmektedir her WordPress teması ile otomatik olarak yüklenir. Artık kullanıcılar eklentileri kısa kodlar ile düzenleyebilir, bu seçenek gelecekte ki güncellemelerin yanı sıra arayüz oluşturucu ve diğer bazı önemli özellikler eklenecektir.