Una guida per personalizzare Thematic Theme Framework per WordPress

Questa e’ una guida per personalizzare il nostro child theme per Thematic Framework per WordPress nella maniera piu’ veloce ed elegante. La guida e’ attualmente in via di ulteriore sviluppo, contattate Ian se volete aiutare nel documentare tutto quello che sapete fare con Thematic.

Stili CSS predefiniti di Thematic

Le seguenti classi tipografiche hanno uno stile predefinito e possono essere utilizzate nel nostro articolo:

<blockquote class="left">
fa flottare la citazione alla sinistra del nostro contenuto;

<blockquote class="right">
fa flottare la citazione alla destra del contenuto.

Aggiungere il link Home

Un link “Home” puo’ essere aggiunto con facilita’ al nostro menu’ filtrando gli argomenti predefiniti:

// http://codex.wordpress.org/Template_Tags/wp_page_menu
function childtheme_menu_args($args) {
    $args = array(
        'show_home' => 'Home',
       'sort_column' => 'menu_order',
        'menu_class' => 'menu',
        'echo' => true
    );
    return $args;
}
add_filter('wp_page_menu_args','childtheme_menu_args');

Hooks e Actions del tema Thematic

I seguenti hooks possono venire utilizzati per modificare Thematic usando il file functions.php presente nel nostro child theme :

thematic_before()
Situato in header.php appena prima del tag body, prima di ogni altra cosa;

thematic_aboveheader()
Si trova in header.php appena sopra il div header;

thematic_header()
Questo hook costruisce il contenuto del div header e carica le seguenti azioni: thematic_brandingopen(), thematic_blogtitle(), thematic_blogdescription(), thematic_brandingclose(), thematic_access().

thematic_belowheader()
Collocato in header.php subito dopo il div header.

thematic_abovecomments()

thematic_abovecommentslist()

thematic_belowcommentslist()

thematic_abovetrackbackslist()

thematic_belowtrackbackslist()

thematic_abovecommentsform()

thematic_show_subscription_checkbox()

thematic_belowcommentsform()

thematic_show_manual_subscription_form()

thematic_belowcomments()

thematic_abovemainasides()

thematic_betweenmainasides()

thematic_belowmainasides()

thematic_abovefooter()

thematic_after()

Ogni azione di Thematic puo’ essere rimossa “smontandola” nel seguente modo, aggiungendo codice al nostro functions.php:

// Rimuovi azione predefinita di Thematic
function remove_thematic_actions() {
    remove_action('thematic_hookname','thematic_actionname',optionalpostitionnumber);
}
add_action('init','remove_thematic_actions');

Filtri del tema Thematic

I seguenti filtri possono essere usati per modificare Thematic attraverso il nostro file functions.php presente nel nostro child theme :

thematic_create_doctype()

thematic_doctitle()

thematic_create_contenttype()

thematic_canonical_url()

thematic_use_excerpt()

thematic_use_autoexcerpt()

thematic_create_description()

thematic_show_description()

thematic_create_robots()

thematic_show_robots()

thematic_create_stylesheet()

thematic_head_scripts()
Ci mostra i plugin jQuery inclusi in Thematic. Se non ci piace il menu’ drop-down, rimuoverlo dal nostro child theme e’ abbastanza facile:

// Filtra gli scripts predefiniti in Thematic
function childtheme_head_scripts() {
    // Abscence makes the heart grow fonder
}
add_filter('thematic_head_scripts','childtheme_head_scripts');

thematic_dropdown_options()
Filtra il link a thematic-dropdowns.js. Modificare o aggiungere opzioni al menu drop-down options del nostro child theme e’ altrettanto facile:

// Modifica le opzioni di default del menu drop-down
// http://users.tpg.com.au/j_birch/plugins/superfish/#options
function childtheme_dropdown_options($dropdown_options) {
    return <<<EOD
    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function(){
        jQuery("ul.sf-menu").supersubs({
            minWidth:    12,                                // altezza minima dei sub-menu espressa in em 
            maxWidth:    27,                                // larghezza massima dei sub-menu espressa in em
            extraWidth:  1                                  // larghezza aggiuntiva assicura che le linee non vadano a capo
                                                            // per colpa delle differenze tra i font
        }).superfish({
            delay:       800,                               // ritardo del mouseout
            animation:   {opacity:'show',height:'show'},    // animazione fade-in e slide-down 
        });
    });
    </script>

EOD;
}
add_filter('thematic_dropdown_options','childtheme_dropdown_options');

thematic_show_rss()

thematic_show_commentsrss()

thematic_show_pingback()

thematic_show_commentreply()

thematic_time_title()

thematic_time_display()

thematic_sidebar()

thematic_postheader()

thematic_postfooter()

thematic_commenter_link()

thmfooter_theme_link()
Se sei uno siluppatore di temi e hai intenzione di rilasciare pubblicamente il tuo child theme per Thematic, puoi aggiungere un link alla pagina del child theme nello shortcode Thematic Theme Framework. Ecco il frammento di codice che devi aggiungere in functions.php:

// Aggiungi un link alla pagina del tuo Child Theme nello shortcode Thematic Theme Framework
function childtheme_theme_link($themelink) {
    return $themelink . ' &amp; <a class="child-theme-link" href="http://example.com/" title="Awesome Theme" rel="designer">Awesome Theme</a>';
}
add_filter('thematic_theme_link', 'childtheme_theme_link');

Quest’ esempio mostra sia il link a Thematic Framework per WordPress che il link al tuo child theme. Naturalmente puoi mettere anche solo il link al tuo child theme:

// Aggiungi un link alla pagina del tuo Child Theme nello shortcode Thematic Theme Framework
function childtheme_theme_link($themelink) {
    return '<a class="child-theme-link" href="http://example.com/" title="Awesome Theme" rel="designer">Awesome Theme</a>';
}
add_filter('thematic_theme_link', 'childtheme_theme_link');

---

Articolo pubblicato da Ian Stewart, tradotto ed adattao con il consenso dell’ autore.