Home › Forum › Plugin e temi di WP › Nascondere il testo dell’Header
-
AutorePost
-
-
30 Ottobre 2005 alle 13:33 #522DoctorPartecipante
Salve..vorrei sapere come nascondere il testo dell’HEADER evitando però che lo Screen Reader non lo legga più. ho letto sulla guida che ci sono due o tre modi per fare questo, ma nn ho capito materialmente come si realizza..qualcuno puo darmi una mano? http://codex.wordpress.org/Designing_Headers
-
30 Ottobre 2005 alle 13:42 #34775SteveAglAmministratore del forum
Ci sono due modi:
entrambi si ottengono tramite la modifica del foglio di stile
style.css
.Il primo è questo:
h1 {display:none; }
Il secondo è:
h1 {position: absolute;
font-size: 0;
left: -1000px; }
Una nota a margine: entrambi non nascondono del tutto il testo ai browser, il primo lo rende invisibile, il secondo lo sposta.
Per eliminare del tutto il testo, dovresti modificare il file
header.php
ed eliminare il testo compreso tra i tag<h1>
e</h1>
. -
30 Ottobre 2005 alle 13:44 #34776DoctorPartecipante
per quanto riguarda il primo metodo ho letto che alcuni Screen readers potrebbero non leggere poi le info.. poi, all’interno del file styl.css a che altezza si trova il campo h1??
-
30 Ottobre 2005 alle 14:08 #34777SteveAglAmministratore del forum
devi decidere tu cosa fare, se nascondere o eliminare del tutto il testo, ad occhio il secondo metodo mi sembra migliore.
all’interno del file styl.css a che altezza si trova il campo h1??
scusa, ma non puoi aprire il file e controllare?
-
30 Ottobre 2005 alle 14:12 #34778DoctorPartecipante
Mrbrown..è quello che ho fatto ma ne ho trovati piu di uno di H1..e non so quale prendere..
-
30 Ottobre 2005 alle 14:34 #34779DoctorPartecipante
Uno è questo…
/* Begin Headers */
h1 {
padding-top: 70px;
margin: 0;
}
.description {
text-align: center;
}
l’altro è:
h1, h2, h3 {
font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
font-weight: bold;
}
h1 {
font-size: 4em;
text-align: center;
}
.description {
font-size: 1.2em;
text-align: center;
}
Quale dei due??
-
30 Ottobre 2005 alle 15:05 #34780SteveAglAmministratore del forum
uno qualsiasi, tranne
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
mentre
.description {
text-align: center;
}
e
.description {
font-size: 1.2em;
text-align: center;
}
non ci azzeccano niente.
-
30 Ottobre 2005 alle 15:18 #34781DoctorPartecipante
Ok.. altra domanda.. la stringa va AGGIUNTA o SOSTITUITA con quella di h1?
-
30 Ottobre 2005 alle 15:41 #34782DoctorPartecipante
ho provato sia a sostituirlo che ad aggiungerlo..stesso effetto: nessuno! dai un’occhiata al mio header http://www.lorenzogambini.org
-
30 Ottobre 2005 alle 16:32 #34783SteveAglAmministratore del forum
ma non fai prima a modificare cosଠl’header?
<div id="header">
<div id="headerimg">
<h1></h1>
<div class="description"></div>
</div>
</div>
<hr />
-
30 Ottobre 2005 alle 16:57 #34784DoctorPartecipante
sai qual’è il problema? è che tu parli partendo dal presupposto che tutti sappiano quello che dici..Ti assicuro che non è cosi! Spiattellare su un post un paio di righe non serve a molto se non mi spieghi come, dove, quando! Scusa lo sfogo ma un forum serve per discutere, parlare, aiutare, non dimostrare di sapere qualcosa piu degli altri. Che sei bravo si vede..aiuta chi ne sa meno.! Detto questo ( escusami per lo sfogo).. potresti essere un po piu chiaro? riguardo al percorso che stavo seguendo prima, dovè che sto sbagliando?
-
30 Ottobre 2005 alle 17:28 #34785SteveAglAmministratore del forum
Non si può ogni volta spiegare come è strutturato un tema per WordPress, cos’è l’header del template e come si modifica, oppure spiegare cos’è un foglio di stile CSS, come funziona, come si modifica ecc. ecc. si presuppone che chi chiede aiuto in questo forum sappia già dove mettere le mani, che abbia un minimo di conoscenza di come funziona WP.
Per questo esiste il Wiki, che spesso nessuno si prende la briga di andare a leggere, eppure parecchi problemi possono essere semplicemente risolti andando a cercare là¬, ma forse il problema è che spesso si vogliono le cose cotte e mangiate.
Ora, mi sembra di capire che vuoi nascondere il testo del’header, ma non eliminarlo. Premesso che ogni screen reader potrebbe interpretare il codice CSS di testa sua, non è detto che funzioni su tutti. Quello che ti propongo allora è:
Lascia perdere le modifiche all’header, e concentrati sul CSS.
Apri il file
style.css
e aggiungi queste righe, dove vuoi:h1 {position: absolute;
font-size: 0;
left: -1000px; }
cancella le righe
h1 {
font-size: 4em;
text-align: center;
}
h1 {
padding-top: 70px;
margin: 0;
}
e modifica
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
in
h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
-
30 Ottobre 2005 alle 17:43 #34786DoctorPartecipante
ho fatto le modifiche che mi hai detto..funziona! Grazie
p.s. il wiki e le varie cose sull’aergomento le ho lette e ho cercato di capirle prima di scrivere sul forum.Cmq sia grazie per l’aiuto..
-
2 Novembre 2005 alle 17:57 #34805DoctorPartecipante
Rettifica..il testo dell’HEADER si è solo spostato. Non lo vedevo perche ho messo un’immagine bianca sotto e quindi non risaltava. Il testo si è solo spostato, ma è ancora tutto visibile. altri suggerimenti?
-
2 Novembre 2005 alle 18:24 #34806SteveAglAmministratore del forum
La soluzione di mr brow proposta al nr. 10 di questa discussione.
-
2 Novembre 2005 alle 18:32 #34807DoctorPartecipante
e che effetto ha quella modifica?
-
2 Novembre 2005 alle 19:01 #34808SteveAglAmministratore del forum
Elimina l’header visto che il suo contenuto rimane vuoto. MI dirai ma lo screen reader non lo vede più. Ma siccome quello è il titolo del log e il titolo del blog appare anche nel TITLE della pagina web non vedo il problema ad eliminarlo.
Provar la modifica e vedere ciò che fa pareva troppo difficile ?
-
3 Novembre 2005 alle 9:02 #34815DoctorPartecipante
Per te che ci lavori da molto tempo forse puo sembrare facile..per me non lo è. è un problema?
-
3 Novembre 2005 alle 9:08 #34816SteveAglAmministratore del forum
Ripeto hai provato la modifica per vedere cosa accade? Non è questione di esperienza o meno. 7 righe di codice, si guarda l’originale e quello proposto come modifica, si cerca di capire cosa fa, se no si prova a cambiarlo e si guardano gli effetti… non mi pare una cosa difficile… però vedo che sembra sserlo. Chiudo qui… non ci provo più a provare a far capire… rinuncio!
-
-
AutorePost
- Devi essere connesso per rispondere a questo topic.