Per ottenere quanto in precedenza descritto è necessario variare un file del core di vbulletin ed effettuare una piccola modifica al template: vbcms_navbar_link.
Procediamo con la variazione del vbcms_navbar_link
aprite il template vbcms_navbar_link e ricercate:
Codice PHP:
<li><a href="{vb:raw link.url}">{vb:raw link.title}</a></li>
Codice PHP:
<li><a href="{vb:raw link.url}"><img src="{vb:stylevar imgdir_cms}/iconesez/cms_sez_{vb:raw link.id}_16.png"> {vb:raw link.title}</a></li>
Come avrete potuto notare abbiamo aggiunto del codice html per il richiamo delle immagini.
Analizziamo la parte di codice aggiunta
Codice PHP:
<img src="{vb:stylevar imgdir_cms}/iconesez/cms_sez_{vb:raw link.id}_16.png">
cms_sez_ è il prefisso che identificherà le nostre immagini
{vb:raw link.id} è la parte variabile della classe e questa identifica in modo univoco la sezione
_16 è una costante da me utilizzata per identificare i px dell'immagine
.png è l'estensione della icona
Il nome del file icona è un nome composto dal prefisso cms_sez_ e il valore della variabile linkid e la parte fissa _16.png, un esempio di nome file potrebbe essere cms_sez_1_16.png.
A questo punto necessita variare il file core vBulletin, ricercate il file navbar.php presente al seguente percorso /packages/vbcms/
aprire il file navbar.php con un programma di editor (es. notepad++ o blocco note)
Cercate
Codice PHP:
// create navlinks for published nodes
$links = array();
$route = new vBCms_Route_Content();
foreach ((array)$navnodes AS $navnode)
{
if ($navnode->isPublished() AND $navnode->canView())
{
$route->node = $navnode->getUrlSegment();
$links[] = array(
'title' => $navnode->getTitle(),
'url' => $route->getCurrentUrl(),
);
}
}
Codice PHP:
// create navlinks for published nodes
$links = array();
$route = new vBCms_Route_Content();
foreach ((array)$navnodes AS $navnode)
{
if ($navnode->isPublished() AND $navnode->canView())
{
$route->node = $navnode->getUrlSegment();
$links[] = array(
'title' => $navnode->getTitle(),
'url' => $route->getCurrentUrl(),
'id' => $navnode->getNodeId()
);
}
}
Codice PHP:
'id' => $navnode->getNodeId()
Attenzione questa modifica dovrà essere fatta ad ogni aggiornamento della vostra board in quanto il file verrà sovrascritto.
Salvate il file e ricaricatelo nel vostro spazio web (nella medesima posizione)
Fino ad ora abbiamo visto cosa variare nel template, come costruire il nome dei file icone e come variare il file navbar.php, ma non abbiamo visto come recuperare il valore link.id
Dal pannello admin andate nel menù – vBulletin CMS – Section Manager, sulla destra avrete tutte le sezioni, se vi posizionate sopra ad una sezione con il puntatore del mouse sulla parte bassa del vostro browser comparirà un link simile a questo http: // localhost/vb/admincp/cms_content_admin.php?do=filter§ionid=45&contenttypeid=23.
La parte a noi necessaria per identificare della sezione in modo univoco è il valore subito dopo sectionid= in questo caso 45
Immagine ridotta
Questo è tutto buona personalizzazione.
Tutorial
Messaggio vBulletin