2008 03/06

Guida Brandford Magazine [1° parte], file “ui.tabs.php”

Oggi guardando le statistiche del mio blog ho notato che parecchi blogger sono alla ricerca di una guida per la configurazione di questo fantastico template “Brandford Magazine”, sono circa due mesi che ci smanetto e credo che qualcosa mi sia entrata in testa :), ok allora passiamo alla configurazione, ho voluto dividere questa guida in 3 parti in modo da non sovraffollare le idee, oggi tratterò la configurazione del file “ui.tabs.php” (lead article).

ui.tabs.php

Questo file si occupa della gestione dei tab presenti in alto cioe’ questi:

Ora come prima cosa vediamo come è strutturato il codice da modificare per personalizzare al meglio immagini testo e il resto.

Andiamo in amministrazione—>design—>editor—temi dunque aprire il file ui.tabs.php che si trova in fondo a tutti.

Vi riporto solo una voce, le altre sono simili:

<li><a class=”ui-tabs” href=”#fragment-1″>In Rilievo</a></li>

Questo è il titolo del primo tab, vediamo “href=”#fragment-1” è un riferimento a come si dovra’ comportate quel tab, si trova sempre nello stesso file. (sul mio blog questo tab è “in rilievo”)

<div id=”fragment-1″>
<ul id=”leadarticle”>

<?php
// Lead Story module begins
query_posts(‘showposts=1&cat=12’); //selects 1 article of the category with ID 1 ?>
<?php while (have_posts()) : the_post(); ?>

Ora vi chiederete bene ma io come faccio a visualizzare una categoria piuttosto che un’altra nel tab leadarticle (In rilievo nel mio caso)? In wordpress tutte le categorie vengono associate a un numero, la funzione da modificare è certamente:

query_posts(‘showposts=1&cat=12’);

ora scannerizziamola megio, showposts=1 indica quanti post vogliamo visualizzare all’interno di quel tab (vi consiglio di lasciare sempre 1), cat=12 indica quale categoria deve essere visualizzata all’interno di quel tab, ora come facciamo a capire quale id viene associato a una determinata categoria? Io utilizzo un metodo probabilmente molto spartano, infatti mi posiziono sul link della categoria con il mouse e leggo il numerino che si trova subito dopo cat=, ci saranno sicuramente altri metodi ma per adesso mi trovo bene con questo. Se vogliamo visualizzare piu’ categorie all’interno del tab basta aggiungere il numero delle categorie separati dalla virgola in questo modo

cat=12, 1, 34, 56…

Bene, ora passiamo all’inserimento dell’immagine nel tab lead article, è una procedura un po’ macchinosa, ma col passare del tempo ci si abitua.

Prima cosa da fare è caricare l’immagine tramite client ftp sul server, occhio all’immagine non deve essere troppo grande altrimenti viene visualizzata solo lei e niente articolo, io utilizzo sempre 300×250, l’immagine và caricata nella cartella uploads che si trova in /wp-content/uploads/, una volta caricata si ritorna nella pagina dell’editor degli articoli e in basso si trova Campi personalizzati

Come prima cosa si deve aggiungere in Chiave la voce “leadimage” e in valore il nome dell’immagine caricata precedentemente in uploads.

Ok credo di essere stato chiaro in caso contrario sono aperti i commenti per qualsiasi critica, correzione o consiglio.

A breve la 2° guida sulla configurazione del corpo principale del template, rimanete sintonizzati.

A presto.

Guida Brandford Magazine [1° parte], file “ui.tabs.php” ultima modifica: 2008-06-03T12:25:23+00:00 da DiGi

Potrebbe interessarti anche:

25 Commenti su "Guida Brandford Magazine [1° parte], file “ui.tabs.php”"

  • sotto il tag
    w3 vuole per forza il tag come posso inserirlo senza stravolgere il tutto?

  • di quale tag parli?

    scusa per il ritardo appena tornato dalle vacanze 🙁

  • good site cklgmb

  • Faccio notare che, nell’inserimento della chiave, nel campo “valore” va inserito tutto il percorso dopo …/uploads/.
    Ad es.: 2008/10/miaimmagine.jpg
    Altrimenti l’immagine non viene recuperata

  • particolare che mi sono dimenticato, hai ragione, se l’img non è presente in uploads deve essere indicato tutto il percorso 😉

    grazie per la correzione…

  • Ciao,

    ho seguito la tua procedura interamente per caricare un’immagine su lead article, ma nn sono riuscito assolutamente a caricare le foto. In quale cartella di wordpress devo inserire l’immagine. Io l’ho messa in /wp-content/uploads/ ma non succede nulla, anche dopo aver riempito i campi key e value alla fine del post. Puoi aiutarmi?

  • nei campi personalizzati il percorso deve deve essere /wp-content/uploads/nomeimmagine.jpg, senza http://www.tuosito.it

    la chiave deve essere “leadimage” senza virgolette e senza spazi.

  • Niente da fare. Ho provato con Firefox e l’unica cosa che mi appare al termine del procedimento è un boxino con la scritta “leadimage” in home page,

    con Safari, invece, compare un identico boxino con un punto interrogativo al posto dell’immagine

    come devo fare?

  • controlla bene che l’immagine sia nel percorso giusto, l’ho usato per parecchi mesi questo template e con questo procedimento è filato tutto liscio come l’olio…:)

    dammi il link dell’img, provo ad aiutarti da remoto..

  • ho provato diverse immagini, te ne do una a caso, giusto per provare il procedimento…

    http://www.maidirenapoli.it/wp-content/uploads/2008/11/libro-io-speriamo-che-me-la-cavo.jpg

  • Ma non è solo questo il problema, anzi mi scuso perchè sono un novello…

    Ma dove devo andare per cambiare la testata di Branford magazine con quella del mio blog?

  • 1. nei campi personalizzati metti come chiave:
    leadimage

    e come valore:
    wp-content/uploads/2008/11/libro-io-speriamo-che-me-la-cavo.jpg

    2. Per editare tutti i file che costruiscono il blog (compresa l’header) devi andare in design—>editor e scegli cosa vuoi modificare. Nel tuo caso cerca il file Testata(header.php)

    ciau

  • Niente da fare..io uso mac con macOSX ..potrebbe essere un problema?

    Mi sto un po’ stufando di questo tema, non riesco a implementare il mio blog se nn riesco ad andare avanti. Hai altri consigli per un tema di più facile gestione, sempre in stile magazine?

  • il sistema operativo nn è un problema.

    per altri template stile magazine prova a dare un occhiata qui

    http://www.guadagnare-online.info/blog-design/170/i-migliori-template-wordpress-in-stile-magazine/

    anche se l’uso dei campi personalizzati non varia…

  • e allora quale potrebbe essere il mio problema?

  • Non sò, io con questo procedimento le immagini le inserivo tranquillamente. Ora, non uso più quel template e non posso fare prove per suggerirti altri metodi, mi spiace 🙁

  • Ho trovato la soluzione.

    Bisogna andare nel pannello del proprio wordpress, in design-editor temi-ui.tabs.php e al posto di:

    <img src=”<?php bloginfo(’url’); echo ‘/’; echo get_option(’upload_path’); echo ‘/’ ;

    INSERIRE:

    <img src=”<?php /* bloginfo(’url’); echo ‘/’; echo get_option(’upload_path’); echo ‘/’; */;

    Ripetere poi la stessa operazione per i featurearticleimage (barra index.php) e i rightcolimage (barra index.php)

  • se funziona ottimo 🙂

    fammi sapere come procede e se è un metodo affidabile, così lo inserisco nell’articolo.

  • Sembra affidabile, mi servirebbe, però, il tuo aiuto su una cosa che non riesco proprio a capire. E’ possibile dare un’impostazione predefinita alle dimensioni delle immagini in Home Page? Mi spiego meglio posso inserire un’immagine nel mio articolo e poi far sì che venga automaticamente adattata per i feature articles e i right col articles in home page?

    Il mio risultato attuale è questo http://www.maidirenapoli.it, ma praticamente ogni immagine conserva la dimensione originaria ed è bruttissimo da vedersi

  • Uno dei motivi per il quale ho cambiato brandford è proprio questo.

    Non credo ci sia qualche opzione, a meno che non sei in gamba con php e ti crei tu il resize.

    Io mettevo immagini prestabilite nelle colonne, come puoi vedere nello screenshot sopra.

    Avevo creato 4 immagini della stessa grandezza che caratterizzavano le categorie e utilizzavo sempre quelle e poi nell’articolo mettevo l’immagine grande.

  • Esiste un altro magazine theme che invece mi dà questa possibilità?

  • prova a vedere il link che ti ho postato prima, io sono passato direttamente a questo che è in uso adesso…

  • Prima di tutto ciao a tutti.. Ci voleva proprio una guida per questo che ritengo sia un gran bel template (il problema è saperlo usare!!). Innanzitutto chiedo il link per vedere anche la parte 2 della guida, ed in secondo luogo volevo sapere dove e cosa bisogna inserire per far vedere le categorie anche nella colonna sx (mi sta facendo impazzire)!

  • @Maurizio
    il link per la seconda parte è questo

    http://www.elettroaffari.it/wordpress/96/guida-brandford-magazine-23-file-indexphp/

    per le categorie non saprei dirti, è da molto che non lo uso piu’

Lascia un commento