Come aggiungere IE7 fogli di stile in Tesi

July 28

Come aggiungere IE7 fogli di stile in Tesi


Uno dei più fastidiosi problemi progettisti Web devono affrontare quando si scrive stili per un determinato sito web design è assicurandosi che la pagina si presenta lo stesso su più browser. Internet Explorer è noto per l'interpretazione regole CSS in modo diverso rispetto agli altri browser, come Safari e Firefox, e spesso richiede delle dichiarazioni foglio di stile o CSS per superare le differenze. La maggior parte di questo lavoro è fatto per voi con i temi Wordpress, come tesi, ma, come i browser e gli standard Web si evolvono più velocemente di quanto i temi sono aggiornati, potrebbe essere necessario aggiungere i propri stili di Internet Explorer.

istruzione

1 Scarica una copia della cartella del tema di tesi sul desktop. Aprire la cartella e quindi aprire il "lib" e cartelle "classi".

2 Aprire il file "head.php" in un editor di testo o HTML. Questo file controlla gli stili inline per l'intestazione del tema della tesi, così come come i fogli di stile vengono dichiarati. Intorno alla linea 142, è possibile vedere ogni sezione del Codice in materia di HTML tag "link" che normalmente si trovano nella parte superiore di ogni pagina Web. Il foglio di stile speciale di Internet Explorer è incluso utilizzando istruzioni condizionali che solo Internet Explorer in grado di leggere. È possibile modificare questi file direttamente, ma l'aggiornamento Tesi sovrascrive le modifiche, quindi è meglio utilizzare l'opzione foglio di stile personalizzato.

3 Ritorna alla Thesis loro cartella e aprire si trova nella cartella "custom-campione" la "custom.css". Ritorna alla cartella "lib" e aprire la cartella "css". Aprire il file "ie.css" per visualizzare gli stili esistenti di Internet Explorer per riferimento. Copiare ogni regola che si desidera modificare dal file style.css ie.css o nel custom.css. Aggiungere il selettore personalizzato all'inizio di ogni. Utilizzando la classe "personalizzata", si sta creando dichiarazioni CSS più specifiche per gli elementi HTML che si desidera effettuare. Questo permette di creare stili specifiche del browser utilizzando hack CSS.

4 Connettersi al server Web e aprire la cartella Tesi tema sotto "wp-content". Rinominare la cartella "custom-campione" a "su misura", quindi caricare il tuo nuovo file "custom.css" per tale cartella.

5 Accedi alla tua pagina Opzioni Tesi nel pannello di amministrazione di WordPress ed espandere la sezione "Sylesheets personalizzate" nella sezione "design personalizzazioni". Selezionare l'opzione per "Usa foglio di stile personalizzato" e cliccare il pulsante "Salva". Si può mettere a punto il foglio di stile utilizzando ulteriormente l'editor stile personalizzato, se necessario.

Consigli e avvertenze

  • Rivalutare il vostro stili speciali dopo ogni aggiornamento di tesi o Internet Explorer per assicurarsi che essi sono ancora validi e rimuovere tutti i non più necessari. Se si preferisce non utilizzare hack CSS a tutti e preferisce utilizzare gli stili condizionali, è possibile modificare il file ie.css direttamente e sovrascrivere la versione sul server. Sarà necessario caricare il file ogni volta che viene aggiornato Thesis, ma questo metodo potrebbe rivelarsi più infallibile.

Articoli Correlati