Όσον αφορά να εγκατασταθεί DomTabs
Μια τάση στα blogs ότι έφθασε με το νέο σχέδιο του Problogger είναι domtabs.
Ετικέττες DOM είναι ένα σύστημα ναυσιπλοΐας που επιτρέπει να παρουσιάσει το περιεχόμενο σύμφωνα με το τμήμα που σκοπεύουμε και που προς τα πίσω το μεγάλο πλεονέκτημα για να επιτρέψει να περιλάβει περισσότερο περιεχόμενο στις σελίδες που χρησιμοποιούν ένα διάστημα που ήταν πριν από πολυάσχολο για ένα άλλο περιεχόμενο.
Κατάλληλος έχω μια μισή έκδοση manhosa του DomTabs εδώ στο MUIOMUIO, μπορώ να δω στην πλαϊνή μπάρα το μέρος που λέει «Ερευνητικές αρχή και συμπάθεια«, εγκιβωτίστε την υποστήριξη Javascript χρηστών ή με τέτοιο τρόπο δεν έχει ενεργοποιήσει αυτό είναι πάντα δυνατός να παρουσιάσει στο περιεχόμενο όλοι. Κατά τη διάρκεια του σεμιναρίου ένα πηγαίνουν να δουν ότι domtabs επιτρέπει στην επίδραση το ίδιο πράγμα αλλά στο τέλος έχω μια σημείωση που προσθέτει που μπορεί να τροποποιήσει όλα.
Ο διδακτικός ότι ακολουθείται είναι direccionado για τους χρήστες WordPress αλλά των βημάτων που ακολουθούν για άλλες πλατφόρμες είναι βασικά των ίδιοι με τις προφανείς αλλαγές στον κώδικα ότι εάν αφορά για να παρουσιάσει το περιεχόμενο.
Όσον αφορά να εγκαταστήσουν domtabs σε 5 βήματα
- Πρώτα πρέπει να κάνετε μεταφορτώστε από το χειρόγραφο. Σε αυτήν την απαραίτητη στιγμή η έκδοση είναι 3.1415927.
- Τώρα πρέπει να τοποθετήσετε το αρχειοθετώ-γραφείο domtab.js στο ίδιο directoria δικοί σας θέμα.
- Το HTML κώδικα του domtab έχει τις κατάλληλες τάξεις:
tabClass: «domtab», κατηγορία του // ότι θέτει σε κίνηση το σύστημα ναυσιπλοΐας για τις ετικέττες
listClass: «domtabs», κατηγορία του // των επιλογών
activeClass: «ενεργοποιεί», κατηγορία του // ρεύματος συνδέσεων
contentElements: «div», αναγνωρισμένα το // στοιχεία για τη διαδικασία συνεχίζομαι ότι επιτρέπουν να χωρίσουν τις ετικέττες
backToLinks: /#top/, πρότυπα του // που επιτρέπουν να ελέγξουν εάν ο χρήστης θέλει να επιστρέψει στην κορυφή (επιλογές) των ετικεττών
printID: «domtabprintview», atribuida ταυτότητας του // για να συνδέσει με την τυπωμένη ύλη όλα
showAllLinkText: «παρουσιάστε όλο περιεχόμενο», κείμενο του // για τη σύνδεση με την τυπωμένη ύλη όλαΧρησιμοποίηση αυτών των λοβών ετικεττών μέσω CSS που προσαρμόζεται domtabs στο σχεδιάγραμμά σας. Στο τέλος το disponibilizo μεταφορτώνει των αρχειοθετώ-γραφείων όπου ένα αρχειοθετώ-γραφείο CSS με το βασικό εσωκλείεται για να εκδώσει domtabs. Αργότερα είναι μια ερώτηση στη δοκιμή.
- Τώρα, στα wordpress, εκδίδει το αρχειοθετώ-γραφείο header.php ε μεταξύ των ετικεττών <το επικεφαλής>< /head> τοποθετεί τον ακόλουθο κώδικα:
<κείμενο χειρογράφων type= «/Javascript» src= «<; bloginfo πέσος Φιλιππίνων («template_directory») >/domtab.js «>< /script><κείμενο» type= «συνδέσεων rel= «stylesheet/css» href= «<; bloginfo πέσος Φιλιππίνων («template_directory») >/domtab.css «media=» «οθόνης/>
Ambos os ficheiros estão disponíveis para download no final do artigo.
- Agora edita o ficheiro onde queres colocar as domtabs, provavelmente será sidebar.php mas há quem as coloque noutro local. Insere o seguinte código:
<div class="domtab">
<ul class="domtabs">
<li><a href="#t1">Tab 1</a></li>
<li><a href="#t2">Tab 2</a></li>
<li><a href="#t3">Tab 3</a></li>
</ul>
<div>
<a name="t1" id="t1"></a>
<p>Primeira TAB: Aqui inseres o conteúdo da tab</p>
</div>
<div>
<a name="t2" id="t2"></a>
<p>Segunda TAB: Aqui inseres o conteúdo da tab</p>
</div>
<div>
<a name="t3" id="t3"></a>
<p>Terceira TAB: Aqui inseres o conteúdo da tab</p>
</div>
</div>
Agora guarda o ficheiro e testa. Caso queiras adicionar uma nova tab basta copiares o texto a partir dos DIVs, por exemplo:
Adicionar uma quarta tab
<div>
<a name="t4" id="t4"></a>
<p>Tab 4: Aqui inseres o conteúdo da tab</p>
</div>
E pronto agora deverás ter as domtabs a funcionar correctamente.
Nota:
Caso as tuas domtabs não funcionem correctamente, seja qual for o motivo, coloca o conteúdo delas dentro de um ficheiro á parte como tab1.php e depois usa a função include para incluires esse ficheiro onde queres.
Quero incluir uma nuvem de tags usando uma função dada pelo Wordpress ou um Plugin:
- Crio o ficheiro tab1.php e dentro dele incluo a tag: wp_tag_cloud();
- Agora na tab coloco o código para chamar esse ficheiro
<div>
<a name="t1" id="t1"></a>
<?php include(’tab1.php’); ?gt;
</div>
Agora testa e já deve correr tudo correctamente :cool:
Link úteis:
Domtabs - http://www.onlinetools.org/tools/domtabdata/
Ficheiros do tutorial + tutorial: http://www.box.net/shared/abzaqv9k48
Alternativas ao domtabs: idTabs / jQuery Tabs 3
2 Comments
Comments RSS TrackBack Identifier URI
Leave a comment
[...] agora apenas faço referencia ás domtabs na sidebar e live comment preview e a mascote que ainda não tem nome portanto aceitam-se [...]
Boas. Tentei instalar as domtabs num novo blog que estou a fazer e acontece-me um problema que não estou a conseguir resolver.
A domtab funciona bem na index mas depois quando vou para uma página de um artigo o link das tabs aparece com o link do próprio artigo e as domtabs não funcionam.
O link na index aparece assim http://site/#t1 e na página do artigo aparece assim http://site/artigo/#t1
Será que me podes ajudar??
Abraços