Se hai un sito su piattaforma Wordpress, probabilmente saprai che il template del tuo blog può essere modificato a tempo indeterminato, perché non c'è limite alla perfezione. Questa piattaforma è diventata uno strumento di apprendimento rapido per il webmaster, soprattutto perché la skin può essere modificata utilizzando programmi convenzionali.
Necessario
- Software:
- - Browser Internet Firefox;
- - addon Firebug.
Istruzioni
Passo 1
Molti webmaster affermano che il browser ideale per la navigazione e la creazione di siti è un prodotto di Mozilla. Firefox è forse l'unico programma che supporta così tante applicazioni e componenti aggiuntivi. Per modificare i modelli su qualsiasi piattaforma, è necessario il componente aggiuntivo Firebug, che consente di visualizzare e modificare qualsiasi parametro del modello sul sito.
Passo 2
Per installarlo, è necessario cliccare sul menu in alto "Strumenti" del browser e selezionare la voce "Componenti aggiuntivi" oppure premere la combinazione di tasti Ctrl + Maiusc + A. Nella finestra che si apre, non attendere il download di applicazioni consigliate per Firefox, dovresti posizionare il cursore nel campo con il testo "Cerca tra i componenti aggiuntivi disponibili" e introdurre Firebug.
Passaggio 3
Nell'elenco dei risultati della ricerca, fai clic sul pulsante accanto all'elemento Firebug. Dopo aver scaricato questo componente aggiuntivo, il pulsante Riavvia ora diventerà attivo. Fare clic per applicare le modifiche. Se per qualche motivo questa applicazione non compare nei risultati di ricerca, vai sul sito ufficiale di Mozilla e installa Firebug dal seguente link
Passaggio 4
Dopo aver installato questo componente aggiuntivo, nella parte inferiore della finestra del browser apparirà una piccola icona con l'immagine di uno scarabeo, fai clic su di essa: il componente aggiuntivo diventerà attivo. Ad esempio, se vuoi modificare la visualizzazione dei link nella home page del tuo sito, per trovare il codice di questo elemento nella finestra "bug", che è divisa in 2 parti, devi selezionare alternativamente Html e Style. Ora in una parte della finestra verrà visualizzato il codice html, in un'altra parte sarà visibile il codice dei file style.css.
Passaggio 5
Nel blocco html, naviga nel file, facendo periodicamente clic sui blocchi, vedrai che dopo aver fatto clic su uno dei blocchi nel "bug", nella pagina apparirà una selezione dello stesso blocco. In questo modo è abbastanza facile trovare un elemento modificabile di cui non si conosce il codice.
Passaggio 6
Dopo aver trovato il blocco di codice desiderato, spostare il cursore sulla finestra adiacente (Stile). Qui vedrai tutte le opzioni di visualizzazione per un determinato blocco, ad esempio, la dimensione del carattere non è altro che l'elemento dimensione del carattere. Se vuoi aumentarlo, aggiungi qualche unità al valore già esistente. Si prega di notare che è necessario modificare solo il numero, l'abbreviazione px non deve essere toccata (designazione pixel).
Passaggio 7
Nello stesso blocco, presta attenzione a tutti gli elementi, tra cui potrebbero esserci imbottiture, margini, ecc. Per comprendere i nomi di elementi non familiari, si consiglia di utilizzare un riferimento di comando online specializzato - https://htmlbook.ru. Segui questo link, nell'angolo in alto a destra c'è un campo "Ricerca nel sito". Inserisci il comando che stai cercando e premi il tasto Invio.
Passaggio 8
Vedrai variazioni di questo elemento nei risultati di ricerca. Ad esempio, ti stai chiedendo cosa significhi l'elemento margin. Inserisci questa parola nel campo di ricerca e premi Invio. Dai risultati della ricerca, seleziona il primo collegamento CSS - margine. Dopo aver seguito questo collegamento, sarai in grado di familiarizzare con questo comando e imparare tutto sulla sua applicazione.
