Come configurare smartphone e PC. Portale informativo
  • casa
  • Televisori (Smart TV)
  • Creazione di un semplice tema Wordpress. Come creare un modello wordpress, creare un tema wordpress

Creazione di un semplice tema Wordpress. Come creare un modello wordpress, creare un tema wordpress

In questo articolo impareremo come creare un tema wordpress. Innanzitutto, creeremo un modello HTML + CSS che inseriremo nella struttura del nostro tema wordpress. Dopo aver finito di leggere questo articolo, puoi creare il tuo modello per wordpress, o meglio, lo creerai mentre leggi e completi gli esercizi pratici. Saprai come funziona il tema e sarai in grado di implementare in modo indipendente il nucleo del tema wordpress da altri modelli HTML / CSS. Iniziamo?

Introduzione - struttura del tema wordpress

La struttura di un tema wordpress è estremamente semplice. Nell'oggetto abbiamo un file indice.php,è responsabile dell'assemblaggio dei pezzi della sagoma. Altri sono collegati a questo file: intestazione.php,piè di pagina.php... Questi file (pezzi del modello) vengono utilizzati in qualsiasi pagina del sito. Sappiamo che non tutte le pagine sono costruite secondo lo stesso modello, quindi il tema wordpress ha altri file, come archivi.php o separare.php... Puoi anche creare il tuo tipo di pagine se vuoi che sia completamente diverso dalle altre sul sito. È molto comodo.

Se esamini attentamente la struttura del tema e leggi il contenuto dei file, capirai intuitivamente di cosa si tratta. Ma ci sono ancora alcuni punti che prenderemo in considerazione. Puoi sempre tornare a questa pagina e leggere come è fatto tutto.

Ora diamo un'occhiata alla creazione di un modello in più fasi:

Passaggio 1 - style.css

Un file CSS è un file di parametri e soluzioni di progettazione per gli elementi del modello HTML. Devi rinominare il file css principale (se ne hai più di uno) in stile.css... Successivamente, è necessario aggiungere le seguenti informazioni commentate all'inizio di questo file:

/ * Nome del tema: Typography Paramount Theme URI: http: // site / Descrizione: un modello senza immagini incentrato sulla tipografia..0. Commenti generali / Dichiarazione di licenza se presente. ... * /

Questo codice mostrerà le informazioni sull'argomento per gli amministratori. Assicurati che sia all'inizio del file e che non ci siano spazi bianchi davanti!

Successivamente, ho creato un altro file chiamato 1. css, e mettilo nella cartella tipografia-principale che ho creato nella cartella wordpress del tema. È necessario attenersi rigorosamente a questa struttura in modo che wordpress possa vedere questo file.

Passaggio 2: intestazione e piè di pagina

In questo passaggio creeremo due file: intestazione.php e piè di pagina.php menzionato prima. Sebbene non siano di base e siano opzionali nel tema, vengono utilizzati nella maggior parte dei modelli, quindi li creeremo.

Header.php

Cominciamo con questo file. Crea un file e dagli un nome intestazione.php, quindi incollaci il codice fornito e salva. Questo file verrà visualizzato su tutte le pagine del nostro modello.

-

Fino ad ora, non c'era niente di speciale in un semplice tema html/css. Ma ora sostituiremo alcuni degli elementi con i tag wordpress.

> <?php bloginfo("name"); ?> <?php wp_title(); ?> ; set di caratteri =" /> "tipo =" testo / css "media =" schermo, proiezione "/>

Questi sono solo alcuni dei tag che conosco. Troverai molto di più sul sito ufficiale: codex.wordpress.org.

attributi_lingua ()- Emette il tipo di lingua per il tag .

informazioni sul blog ()- Utilizzato per visualizzare informazioni sul sito, tutti i parametri possono essere trovati nel codice WordPress.

wp_title ()- Restituisce il titolo della pagina.

wp_head()- include javascript e altri elementi necessari.

get_option()- ottiene le opzioni necessarie per lavorare con il database.

Piè di pagina.php

Ora creiamo il cosiddetto "piè di pagina del sito". Crea un file piè di pagina.php e inserisci il seguente codice al suo interno. Questo piè di pagina mostrerà l'anno, il nome del sito e i collegamenti RSS.

< ?php wp_footer(); ?>

phpil_volta ("Y ");?>- visualizza l'anno in corso.

- il nome del blog.

- aggiunta di un link al feed rss del blog.

wp_footer ()- questo è necessario per il nucleo di wordpress stesso, che aggiunge gli elementi di cui ha bisogno lì.


Passaggio 3: file modello wordpress principale

È il momento di creare un file modello wordpress di base che includa la parte superiore e inferiore del sito. Crea un file indice.php... Questo è uno dei due file di temi wordpress richiesti (l'altro è style.css). Incolla il file appena creato con il seguente codice:

Questo codice aiuta wordpress a ottenere informazioni su dove connettersi intestazione.php e piè di pagina.php... Aggiungiamo qualche riga in più tra questi tag:

">

in | |

Ops...

Spiacenti, nessun post che abbiamo "ritrovato.

Questo frammento di codice ottiene informazioni sui post del blog disponibili e, se presenti, li visualizza. Se non vengono trovati, la parte del codice viene visualizzata dopo che ci fa sapere che il blog è ancora vuoto.

Aggiunto anche il tag che visualizza i collegamenti di navigazione in modo che gli utenti possano leggere i post aggiunti in precedenza.

Un esempio di come funziona un tema wordpress

Ora che abbiamo una parvenza di tema, vediamo un esempio di come funziona il tema wordpress creato.


Abbiamo quattro file nel nostro tema, questo è abbastanza per cominciare. Nel prossimo articolo, aggiungeremo il file separare.php che verrà mostrato durante la visualizzazione di un post specifico. Questo file includerà, a differenza del file indice.php.

Se hai ancora domande o malintesi sulla creazione di un modello wordpress (tema), esprimi le tue preoccupazioni nei commenti qui sotto!

Se vuoi che il tuo sito wordpress sembri promettente, prima dovresti pensare a creare un tema unico per esso. Questo processo è piuttosto laborioso, perché è direttamente correlato a varie codifiche e script. Smontiamolo da zero.

Quasi tutti i temi wordpress sono installati nella directory wp-content/temi e sono composti da 3 categorie di file:

  1. file di fogli di stile;
  2. file di funzionalità aggiuntive;
  3. file modello.

I file del foglio di stile sono style.css. Sono responsabili del colore, delle dimensioni, del carattere e di altri parametri degli elementi del sito. Ogni sito ha solo 1 file style.css. Se apri questo file, nella parte superiore puoi vedere le informazioni sul titolo, l'autore e una breve descrizione dell'argomento. Quando crei il tuo tema, puoi inserire informazioni su di te in style.css.

La categoria successiva è file di funzionalità aggiuntive. Questi includono functions.php, il cui principio lo fa sembrare un plugin. Grazie a questo file, puoi personalizzare visivamente il tema direttamente nel pannello di amministrazione. Solitamente l'elenco delle impostazioni non è molto ampio (nome del sito, colore di navigazione e pannelli laterali del sito, e così via). Se il tema è multifunzionale, l'elenco delle impostazioni sarà molto più ampio.

Passiamo ora ai file modello. La loro funzione principale è quella di generare pagine richieste dai visitatori del sito. I file modello hanno l'estensione ".php". La maggior parte dei temi di base può contenere solo un file modello chiamato index.php. In questo caso, tutte le pagine del sito saranno identiche. Questo design viene spesso utilizzato per creare risorse Internet con database, quando il design non svolge un ruolo chiave.

Se non hai mai realizzato un design prima, dovresti provare a creare prima un tema semplice. Per il suo normale funzionamento sono necessari almeno 2 dei seguenti file: style.css e index.php.

I file di funzionalità aggiuntive in questo caso non possono essere utilizzati, come capisci. Tra i file modello, index.php è uno dei più flessibili. Può generare in modo indipendente intestazioni, vari blocchi, piè di pagina (piè di pagina), contenuto e altri elementi del sito.

Vale la pena notare che quei parametri che non sono generati dal file index.php verranno generati da file standard. Ad esempio, se il tuo tema è composto solo da 2 dei file di cui sopra, ma l'utente ha bisogno di generare un modulo per l'aggiunta di commenti, questa funzione verrà eseguita dallo standard comments.php. Pertanto, se vuoi che il tuo tema sia più unico, vale la pena creare file modello aggiuntivi. Consideriamo i principali.

  1. Per aggiungere commenti, hai indovinato, viene utilizzato il modello comments.php.
  2. Se vuoi creare un popup con commenti, per tali scopi hai bisogno di comments-popup.php.
  3. Per generare la home page, viene utilizzato home.php.
  4. Il file single.php è responsabile della visualizzazione degli articoli del sito. Se non hai un file di questo tipo, index.php eseguirà la sua funzione.
  5. Il file page.php genera le singole pagine del sito.
  6. Per visualizzare le informazioni sull'autore, è necessario author.php.
  7. Category.php è responsabile delle categorie.
  8. La visualizzazione di archivi, data e ricerca è effettuata rispettivamente dai file archive.php, date.php e search.php.
  9. Affinché il tuo sito visualizzi una pagina di errore 404 univoca, dovrai aggiungere il tuo 404.php.
  10. Il piè di pagina e il piè di pagina del sito sono generati rispettivamente dai file header.php e footer.php.

Creare un tema unico manualmente da zero

Per prima cosa è necessario installare un modello adatto. Può essere trovato sia sul sito web ufficiale wordpress.org che altrove. Si consiglia di utilizzare il sito ufficiale, poiché qualsiasi terza parte potrebbe contenere file dannosi e collegamenti interrotti.

Una volta effettuata la tua scelta, puoi iniziare a scaricare l'archivio. Alla fine del processo, sarà necessario scompattarlo e caricare i file in cartelle specifiche del sito (l'archivio di solito contiene una piccola istruzione). Il download può essere effettuato utilizzando il programma FileZilla o direttamente dall'hosting, se supporta questa opzione. Ora non ti resta che andare nella sezione "Temi", selezionare quello che hai scaricato e cliccare sul pulsante "Attiva".

Puoi anche selezionarlo direttamente nel pannello di amministrazione di wordpress. In questo caso, non è necessario scaricarlo. Devi solo fare clic sul pulsante "Installa" e quindi su "Attiva". Prima dell'installazione, si consiglia di eseguire un'anteprima.

Ora che il tema è attivato, puoi procedere all'unicità. Il primo passo è pensare alla parte superiore del sito (intestazione). Questa è la prima cosa che attira l'attenzione dei tuoi visitatori, quindi dovresti prenderla in modo responsabile. In genere, l'intestazione è costituita dal nome del sito, dal logo e da brevi informazioni sul contenuto. L'intestazione può essere creata in qualsiasi editor di grafica. Anche in vernice standard. I designer più avanzati utilizzano Adobe Photoshop.

Il nome del sito dovrebbe essere breve e facile da ricordare. Esistono molti stili diversi tra cui scegliere in Adobe Photoshop. Quando crei un logo, potresti aver bisogno di forme diverse. Possono essere scaricati dal sito Web ufficiale di Adobe Photoshop.

Dopo aver disegnato l'intestazione in un editor grafico, dovrai caricarla sul tuo sito web. Al termine del download, verrà visualizzato un URL a destra dell'immagine e dovrà essere copiato. Quindi devi andare alla sezione "Editor" e selezionare il file responsabile della generazione dell'intestazione (header.php). In esso, dovrai trovare l'URL dell'immagine corrente e sostituirlo con quello che hai ricevuto durante il caricamento dell'immagine di intestazione. Successivamente, dovrai aggiornare il file. Ora puoi procedere alla verifica della visualizzazione dell'intestazione.

Se la tua intestazione ha parametri diversi da quello standard, allora possono essere regolati in header.php. La larghezza è controllata dall'attributo larghezza e l'altezza è controllata dall'altezza. Le regolazioni possono essere effettuate in pixel e percentuali. Quindi, se vuoi solo allungare il limite, impostalo al 100%.

Se lo desideri, puoi aggiungere collegamenti attivi alle pagine del sito wordpress nell'intestazione. Questo può essere fatto utilizzando vari servizi. Ce ne sono molti su Internet. La maggior parte di loro funziona secondo lo stesso principio. Delinei l'area desiderata dell'intestazione, che sarà riservata al collegamento, e il servizio ti fornirà il codice di cui hai bisogno. Quindi dovrai aggiungere questo codice al tuo file header.php. Fai attenzione quando lo aggiungi. Ogni punto conta. Se aggiungi il codice nel posto sbagliato, i link attivi non appariranno nell'intestazione.

Dopo aver sostituito l'intestazione standard, puoi iniziare a sostituire lo sfondo del sito wordpress predefinito, i widget, la navigazione, il piè di pagina e altri componenti del sito wordpress. Possono anche essere disegnati in qualsiasi editor grafico e caricati sul sito sotto forma di immagine.

Con te vale la pena considerare che non dovrebbe essere luminoso. La maggior parte dei webmaster preferisce utilizzare uno sfondo bianco. Non fa male agli occhi né distrae dal contenuto principale.

Per creare una navigazione di qualità da zero, hai bisogno di un po' di conoscenza di tag come




  • Il primo è responsabile della creazione di blocchi del sito, il secondo è l'aggiunta di collegamenti al sito wordpress. Il terzo può essere utilizzato per creare colonne. Quest'ultimo è necessario per personalizzare le celle. Il primo passo è decidere la posizione in cui si troverà la navigazione. Di solito si trova proprio sotto il cappuccio. La navigazione del layout è un processo abbastanza veloce. Di seguito è riportato un piccolo esempio di come è possibile disporre un piccolo blocco di navigazione.

    Come hai già capito, il nome convenzionale del blocco di navigazione è navigacia. Il blocco è costituito da una cella "titolo pagina". Nota che ogni tag è chiuso con un carattere "/". Se i tag non vengono chiusi, il sito potrebbe non funzionare correttamente.

    Non dovrebbe essere grande. I più popolari sono calendario, tag cloud, meta, archivi, ricerca, rss, video e ultime notizie. Per aggiungerli, devi andare alla scheda "Aspetto" e fare clic sul campo "Widget". Quindi vedrai un elenco di opzioni disponibili. Inoltre, i widget possono essere installati utilizzando i plugin. Possono essere scaricati sia dal sito ufficiale che direttamente tramite il pannello di amministrazione di WordPress. Per aggiungere un video che è su YouTube, è sufficiente inserire un collegamento ad esso nel punto desiderato del sito. In caso contrario, il video dovrà essere caricato sul sito. Se sei un appassionato di programmazione, puoi aggiungere il tuo widget al sito. Per fare ciò, è necessario fare clic sull'opzione "Testo" e inserire lì il codice richiesto.

    Nelle impostazioni di ciascun widget, ti verrà data la possibilità di modificare le intestazioni predefinite. Puoi anche scegliere dove visualizzare il widget (barra laterale destra o sinistra) e così via. Non dovrebbero esserci problemi con l'eliminazione del widget. Per fare ciò, è sufficiente fare clic sul pulsante "Elimina" nelle impostazioni.

    Creazione di un tema unico utilizzando programmi e servizi speciali da zero

    1. Il più popolare è Artisteer. Non hai bisogno di particolari conoscenze di programmazione per lavorare con esso. Il processo di creazione avviene visivamente. Ciò che disegnerai sarà rappresentato utilizzando un codice conforme allo standard internazionale "XHTML 1.0 Transitional". Grazie a questo, il tema del tuo futuro sito sarà supportato da tutti i browser.

    Per lavoro, ti verrà offerta un'ampia selezione di diversi effetti, stili e molto altro. Questo programma supporta russo, inglese, tedesco e altre lingue. Va notato che questo programma presenta alcuni inconvenienti. In particolare, il programma costa circa $ 50. Esiste anche una versione gratuita, ma contiene pochissime opzioni. Per aumentare l'unicità del modello, dovrai scavare ulteriormente nella codifica.

    Andiamo direttamente alle istruzioni per lavorare con questo programma Artisteer. Non appena apri il programma, apparirà la prima opzione chiamata "Idee". Ti offrirà varie combinazioni di elementi standard. Se vuoi che il tuo design sia unico, allora
    non hai bisogno di questa opzione. Per padroneggiare il programma, devi solo fare clic sulle opzioni e visualizzare i parametri. Questo programma è leggero, quindi non dovresti avere problemi con esso.

    Presta attenzione all'opzione "Intestazione". È responsabile della visualizzazione dell'intestazione del sito. Puoi utilizzare un'intestazione standard o caricare la tua. Sai già come realizzare un cappello unico.

    Per regolare la larghezza del sito, dovrai utilizzare l'opzione "Foglio". La larghezza è espressa in pixel. Questo programma inizialmente ti offrirà una larghezza di 900 pixel. Inoltre, utilizzando questa opzione, puoi configurare vari effetti (ombra, bordi arrotondati e così via).

    L'opzione Sfondo è responsabile dell'impostazione dello sfondo, hai indovinato. Puoi sceglierlo tra le opzioni standard o caricare il tuo.

    Se desideri personalizzare il layout degli elementi del sito, devi utilizzare l'opzione "Layout".

    Un'opzione altrettanto importante è "Articoli". In esso avviene il layout del design degli articoli del sito. Ciò include la posizione dell'immagine, del testo, dei commenti, dei vari blocchi e così via.

    Per scegliere un colore, una dimensione o un carattere per il testo, è necessaria l'opzione Colori e caratteri.

    Dopo i passaggi completati, puoi salvare la tua creazione. Per fare ciò, fai clic sulla tavolozza nell'angolo in alto a sinistra. Apparirà una finestra di fronte a te. In esso è necessario fare clic su "Salva con nome". Dopodiché, devi solo scegliere il nome del file e la posizione. Si prega di notare che il file deve avere un'estensione ".artx". Durante l'ulteriore lavoro con il programma, è sufficiente fare clic su "Salva" una volta per salvare.

    Quando il tuo tema è completamente finalizzato, puoi procedere all'esportazione. Per fare ciò, è necessario fare clic sulla scheda "Esporta" e selezionare "Tema WordPress".

    2. Se conosci bene Adobe Photoshop, allora dovresti installare il componente aggiuntivo Divine Elemente. Grazie ad esso, puoi convertire facilmente il file ".psd" nel formato che sarà supportato da tutti i browser.

    3. Se non hai soldi per Artisteer, puoi utilizzare il servizio Lubith gratuito. È disponibile online sul sito ufficiale lubith.com. Il servizio contiene molte opzioni utili ed è particolarmente veloce. In un paio di minuti padroneggerai completamente tutte le sue opzioni.

    4. L'analogo del servizio precedente è WordPress Theme Generator. È anche facile da usare e contiene un'ampia varietà di opzioni diverse. Questo servizio è assolutamente gratuito. L'unico inconveniente è che questo servizio supporta solo l'inglese.

    5. XTemplate Generator è un generatore russificato di temi per il sito. Le sue opzioni sono nella finestra di sinistra e in quella di destra puoi vedere il risultato visivo del tuo lavoro. Anche questo generatore è gratuito.

    6. WPTheme Generator è molto più potente dei precedenti, perché contiene molte volte più opzioni. L'unica avvertenza è che questo servizio è a pagamento. Il prezzo è di $ 30. Vale anche la pena notare che il layout in esso contenuto viene eseguito interamente in inglese.

    7. CSSEZ non è meno popolare del precedente. Prima di iniziare, è necessario effettuare una piccola registrazione. In questo servizio, puoi disporre fino a 4 colonne per i materiali del sito. Puoi caricare il tuo sfondo.

    8. Dotemplate ti fornisce circa 11 diversi modelli wordpress che puoi modificare. L'unico inconveniente è l'impossibilità di caricare il proprio file grafico. Pertanto, dovrai scaricare tu stesso l'intestazione tramite il file manager del sito.

    9. Weebly si differenzia dagli altri per la possibilità di aggiungere video direttamente da YouTube o Google in qualsiasi punto del sito. Un sito web con un video è un successo perché le informazioni sono visivamente più veloci e facili da percepire.

    10. Nel servizio Generatore di modelli di Eris puoi aggiungere fino a 3 colonne per visualizzare i materiali del sito, aggiungere vari tag, calendario e altri widget.

    Il lavoro di routine con documenti dello stesso tipo può essere ridotto a icona se vengono generati in base a modelli di Word. Cosa sono, e come realizzarli, il nostro materiale di oggi.

    Molto spesso nel corso della nostra attività creiamo documenti dello stesso tipo: atti, ordini, lettere, contratti, tesine, ecc. Tutti questi documenti, di regola, contengono alcuni elementi di testo o grafici - intestazioni, requisiti, loghi, blocchi di testo, ripetuti da un documento all'altro.

    Un utente ordinario dell'editor di testo di Word, creando un altro documento, è costretto a utilizzare e modificare un documento che è già stato creato da qualcuno e contiene tutti questi elementi, o semplicemente copiare gli elementi necessari in un nuovo documento, sempre da un vecchio file, pur rendendosi conto che in questo caso la modifica è inevitabile.

    Un modello definisce la struttura di base di un documento e contiene le impostazioni del documento come gli elementi di testo automatico, i caratteri, le scorciatoie da tastiera assegnate, le macro, i menu, l'impostazione della pagina, la formattazione e gli stili. (dalla guida di Word)

    Questa routine può essere ridotta a icona creando un documento basato su un modello. A volte i modelli sono anche chiamati "pesci". Tuttavia, comunque lo chiami, i modelli ti consentono davvero di aumentare significativamente l'efficienza del lavoro.

    Un template può essere creato in due modi, prendendo come base un qualsiasi documento con tutti gli elementi presenti, oppure partendo da un foglio bianco, includendo in modo indipendente al suo interno gli elementi necessari.

    Ti mostrerò come creare un modello da zero e quindi sarà più facile capire l'intero processo piuttosto che modificare il file esistente. Ad esempio, creeremo un semplice modello di lettera ufficiale. Non c'è niente di difficile in questo, se segui le mie istruzioni passo passo.

    Quindi iniziamo.

    1. Creiamo un documento vuoto.

    2. Salviamolo subito. Vai al menu "File" e seleziona il comando "Salva con nome...". Si aprirà la finestra di dialogo "Salva documento", in cui è necessario selezionare nel campo "Salva come tipo" il tipo "Modello documento" (* .dot) (Modello documento (* .dot).

    Questo aprirà la cartella Modelli, dove tutti i modelli sono salvati per impostazione predefinita. Assegna un nome al file e fai clic sul pulsante Salva.

    3. Determinare quali elementi (testo e grafica) e dove si troveranno esattamente nel documento.

    Di norma, tutte le lettere ufficiali contengono elementi come il nome dell'organizzazione, il logo, i dettagli. Il testo della lettera stessa può contenere un cortese appello al destinatario della lettera e, di fatto, il testo della lettera stessa. Alla fine della lettera, viene indicato il nome della posizione del capo dell'organizzazione con la sua firma. Prendiamo come base una struttura simile della lettera.

    4. Metteremo il nome dell'organizzazione nella parte superiore del documento al centro. Per fare ciò, stamperemo il nome della nostra organizzazione in lettere maiuscole, ad esempio "WHITE NOCHI" LLC. Premi il tasto Invio e vai a una nuova riga.

    5. Di seguito possiamo inserire una linea di demarcazione. Per fare ciò, fare clic sul pulsante "Disegno". Un pannello di disegno con pulsanti di controllo apparirà nella parte inferiore dello schermo. Siamo interessati alle linee, quindi seleziona il pulsante Linea appropriato. Il cursore del mouse si trasforma in una croce.

    Nota: forse avrai inserito una cosiddetta tela, un'area punteggiata per l'inserimento di forme/disegni. Per eliminare abilmente l'inserimento della tela, vai al menu Strumenti e scegli il comando Opzioni. Fare clic sulla scheda Generale e deselezionare l'opzione Crea automaticamente area di disegno durante l'inserimento di forme. Fare clic su "OK" e chiudere la finestra "Opzioni".

    6. Spostare il cursore a forma di croce sul nome dell'organizzazione e appena sotto tracciare una linea dal cursore lampeggiante al bordo destro del campo tenendo premuto il pulsante sinistro del mouse. La linea è tracciata.

    7. Puoi lasciare la linea così com'è o darle un aspetto più elegante. Per fare ciò, sul pannello di disegno c'è un pulsante corrispondente "Stile linea" (Stile linea). Fare clic su di esso e scegliere qualsiasi tipo.

    8. Dopo esserti fermato su qualsiasi tipo di linea, fai doppio clic sotto questa linea: in questo punto verranno stampati l'indirizzo e i dettagli dell'organizzazione. Digita i dati che ritieni necessari: indirizzo legale e effettivo, telefono, fax, URL del sito web, e-mail, coordinate bancarie.

    9. Ora formatta il testo digitato secondo le tue idee. Il nome dell'organizzazione, ad esempio, ho selezionato e assegnato lo stile "Titolo 1" (Titolo 1). Ho anche centrato l'intestazione e distanziando le lettere di cinque punti.

    Ho ridotto la dimensione del carattere del testo sotto la linea a nove punti e l'ho allineato al centro. Puoi vedere un esempio nello screenshot qui sotto.

    Pertanto, abbiamo creato una parte permanente (immutabile) del nostro modello, la cosiddetta "intestazione". Ora andiamo avanti e creiamo campi in cui in seguito sostituirai i tuoi dati.

    Sul lato sinistro del modello, sotto l'"intestazione", fai doppio clic con il mouse e digita il nome della città, ad esempio Mosca. Quindi, nella parte opposta (destra) del modello, fai nuovamente doppio clic e inserisci la data nel punto in cui lampeggia il cursore. Per questo:

    1. Nel menu "Inserisci" (Inserisci) selezionare il comando "Data e ora" (Data e ora). Si aprirà una finestra in cui selezionare il formato di visualizzazione della data richiesto, ad esempio 18 luglio 2006.

    2. Seleziona la casella "Aggiorna automaticamente". Ora, quando crei un nuovo documento basato su questo modello, la data verrà già stampata in base all'ora corrente sul tuo computer.

    3. Sul lato destro del modello sotto la data, con un rientro dal bordo sinistro di circa 10 cm lungo il righello orizzontale, fare doppio clic. Il cursore lampeggerà, ea questo punto inseriremo un campo per la sostituzione dei dati del destinatario.

    4. Nel menu "Inserisci", seleziona il comando "Campo". Si aprirà una finestra come nello screenshot qui sotto:

    5. Nell'area Categorie, selezionare Document Automation. Nell'area Nomi dei campi, scegli il comando MacroButton. Nell'area di testo Visualizza, digitare Inserisci il nome del destinatario e fare clic su OK.

    A rigor di termini, nell'area "Nome macro", dovresti aver specificato NoMacro (ovvero un comando senza macro), ma non era nell'elenco. Pertanto, lasciamo così com'è, almeno non ho mai riscontrato errori.

    6. Otteniamo il campo con il nostro testo.

    Se hai questo campo visualizzato come testo normale senza ombreggiatura, ti consiglio di creare tale ombreggiatura. Ciò ti consentirà di definire facilmente i campi richiesti per l'immissione dei dati nel documento in un secondo momento. Per fare ciò, vai al menu Strumenti e seleziona il comando Opzioni e nella scheda Visualizza nel gruppo Mostra seleziona l'opzione Sempre dall'elenco Ombreggiatura campo. ).

    Di seguito è inoltre possibile inserire un campo simile all'indirizzo del destinatario e alla sua posizione.

    Non ci resta che inserire qui sotto un indirizzo di benvenuto al destinatario di questa lettera, il testo del ricorso stesso e la firma del mittente. Prova a inserire tu stesso questi campi nel tuo modello, in base alle istruzioni precedenti, e non dimenticare di salvare il modello risultante.

    Ad esempio, puoi dare un'occhiata allo screenshot del modello che ho ottenuto:

    Ora, per utilizzare questo modello per creare una lettera, devi andare al menu File e selezionare il comando Nuovo. Verrà visualizzato un riquadro attività sulla destra, in cui è necessario selezionare l'opzione "Modelli generali" (Sul mio computer). Si aprirà una finestra con tutti i modelli disponibili. Seleziona il modello che hai creato e fai clic su "OK". Un nuovo documento basato sul tuo modello verrà caricato in Word. Aggiungi i tuoi dati nei campi appropriati e goditi l'automazione.

    Saluti. Questo articolo risponderà alla domanda su come creare un template WordPress unico, bello e diverso. Dovrò provare a sforzare un po' il mio cervello.

    Come creare un template WordPress unico: come iniziare

    Di seguito è riportato un elenco di passaggi su come creare un modello unico per wordpress con le tue mani e gratuitamente.

    1. Cambia foto.
    2. Modificare il nome del modello.
    3. Apportare piccole modifiche agli stili.

    Iniziamo esaminando ogni articolo in ordine.

    Cambia foto

    Il punto più semplice, lo analizzerò usando l'esempio del modello venti undici. Sostituiamo le immagini stock con le nostre convertite. È necessario cambiare il cappello, il seminterrato, lo sfondo e altri piccoli.

    Ma non riesco a tirare fuori una soluzione speciale, nel mio template ci sono un minimo di immagini (e quelle che sono enormi). In generale, è necessario sostituire la maggior parte delle immagini con le proprie. Diamo un'occhiata ai due elementi che vengono sostituiti:

    • Il primo è attraverso il pannello di amministrazione stesso.
    • Il secondo è attraverso il codice.

    Se capisci il principio, allora grande rispetto per te.

    Attraverso il pannello amministrativo stesso

    I temi moderni hanno una bella funzione di personalizzazione attraverso lo stesso WordPress, perché non usarli? Andiamo al pannello di amministrazione del blog, guardiamo e personalizziamo.

    Se il tema è creato per le persone, le impostazioni di progettazione globali saranno qui e ci occuperemo delle piccole cose di seguito. Nella sezione per ora, usando l'esempio di Ventuno undici.

    1. Colori del tema comune. Impostazioni per gli elementi principali (titoli, didascalie, ecc.).
    2. Immagine dell'intestazione, cioè nell'intestazione.
    3. Immagine di sfondo. Non è presente su tutti i temi, è possibile personalizzarlo sia con un'immagine che solo con il colore.

    A questo punto, ecco cosa ho ottenuto. Andiamo oltre.

    Modifica manuale delle immagini

    Supponiamo che l'immagine di qualche elemento nel modello non sia adatta a te e tu voglia cambiarla. Cosa fare? Lo scopriremo. Ad esempio, prenderò l'output di una foto del numero di commentatori.

    Il sistema è valido per tutti gli argomenti.

    Fare clic con il pulsante destro del mouse sull'elemento e cercare il suo output nel codice utilizzando lo strumento "visualizza codice".

    1. L'elemento stesso, fai clic su di esso con il tasto destro del mouse.
    2. Selezioniamo la voce "visualizza il codice".
    3. Questo è il codice di output HTML stesso, non ci prestiamo attenzione.
    4. Ecco il caro indirizzo dove devi andare con un sostituto. Il file che stai cercando è bubble.png, che si trova nella cartella delle immagini nel tema stesso.

    Cioè, devi creare lo stesso file con lo stesso nome e sostituirlo. Spero che tu sappia come usare i file manager come FileZilla. Volevo fare un'immagine che mostrasse il numero di commenti con una stella con un tratto. L'ho realizzato in Photoshop e l'ho salvato come immagine con il fumetto e l'estensione png.

    Fatto, ho aperto filezilla e sono andato al tema attivo venti undici nella cartella delle immagini (che ho imparato sopra). e semplicemente trascinando e rilasciando la nuova immagine nella cartella, con sostituzione. Guarda lo screenshot per tutti i dettagli.

    Se tutto è stato eseguito correttamente, sul sito verrà visualizzata una nuova immagine, ecco un'istantanea.

    Come puoi immaginare, questo metodo può essere utilizzato per modificare qualsiasi immagine se non ci sono impostazioni nel pannello di amministrazione.

    Cambia il nome del modello

    Puoi cambiarlo solo su temi gratuiti, questo è importante.

    Ci sono due punti e devono essere fatti:

    • Ridisegnare il nome nel file style.css
    • Cambia il nome della cartella del tema.

    Rifai i titoli in style.css

    Per farlo, vai nell'editor ( ricorda il look-editor) e trova style.css.

    Sullo schermo vediamo un'iscrizione, tutto deve essere cambiato. L'inizio di qualsiasi file style.css contiene informazioni sul modello proprio all'inizio. Dovrebbe essere cambiato almeno a queste righe.

    Nome del tema: moi-shablon Descrizione: Versione standard 1 .. Licenza: GPL

    Dovrebbe apparire così dopo la sostituzione.

    Tu inserisci i tuoi dati, non prendere i miei, perché rendiamo unico il template. Cambia almeno il nome, l'autore e il sito.

    Capito, passa alla voce successiva.

    Cambia il nome della cartella del tema

    Lo facciamo tramite il file manager, ho Filezilla. Nel paragrafo precedente abbiamo cambiato il nome dell'argomento nella riga:

    Nome del tema: moi-shablon

    Serve il nome originale venti undici cambia con uno nuovo, nel mio caso, moi-shablon. Vai alla cartella FileZilla temi, e trova il nome originale ventisette.

    E lo cambiamo con uno nuovo.

    Se tutto è stato fatto correttamente, funzionerà. Il tema per i motori di ricerca non sarà più standard, ma unico.

    Modifiche minori negli stili

    Non riesco a trovare un'unica soluzione su come creare un modello unico per wordpress, devi solo guardare il modello in modo puramente visivo e vedere cosa non ti piace. Guardo la barra laterale.

    Non proprio? Voglio ingrandire le intestazioni perché sono piccole e si fondono con lo sfondo. Tutti i passaggi sono mostrati di seguito nell'immagine.

    1. Selezioniamo l'elemento che vogliamo modificare. Fare clic con il tasto destro del mouse.
    2. Clicca su "visualizza il codice".
    3. L'intero stile di questa rubrica.
    4. Il nome dello stile che stai cercando.

    Apri il file style.css. Cerchiamo il nome dello stile utilizzando la combinazione di tasti CNTRL + F.

    Voglio ingrandire il carattere, creare una linea continua sotto di esso, modificare il colore e lo spessore del testo. Per fare ciò, modifico o aggiungo questi parametri.

    Colore: # 1a1a1a; dimensione del carattere: 15px; peso del carattere: 600; bordo-basso: 2px solido # 271eb1;

    Analizziamo le righe di codice.

    1. Cambio di colore.
    2. Cambio di taglia.
    3. Modificare la larghezza del testo.
    4. Aggiunta di una sottolineatura.

    Modifichiamo o aggiungiamo parametri allo stile di conseguenza. Dovrebbe sembrare come questo.

    Tutte le modifiche appariranno immediatamente sul sito.

    Il mio compito ora non è insegnare il layout, ci vorrà molto tempo e articoli, ma mostrare il principio stesso di come rendere unico un modello.

    Quindi, con tutti gli altri elementi, portalo alla perfezione. Vi mostro cosa è successo nell'ambito di questo articolo.

    Questo articolo ha risposto alla domanda su come creare un modello WordPress unico. E il tema standard può essere chiamato del tuo autore.

    Se avete domande, per favore, nei commenti. Buona fortuna.

    Diciamo che abbiamo aperto una presentazione Powerpoint nuova e finora vuota. E cosa vediamo?

    E hai colori e caratteri aziendali che devi modificare ogni volta. Il modello ti consentirà di farlo una volta per tutta la vita.

    E la prima diapositiva della tua presentazione avrà automaticamente questo aspetto SEMPRE senza ulteriori sforzi.


    Il modello include:

    • Colori
    • caratteri
    • Segnaposto (sezioni in cui inseriamo testo, immagine, grafico, ecc.)

    Di seguito troverai le istruzioni passo passo per creare il tuo modello di PowerPoint.

    1. Crea un nuovo file in PowerPoint.

    2. Seleziona "Schema diapositiva" dal menu in alto nella scheda Visualizza.


    Sulla sinistra viene visualizzato uno schema diapositiva standard.

    Qui lavoreremo con lui. E faremo non standard dallo standard.

    3. Selezionare il tema del carattere desiderato o crearne uno nuovo.

    Un tema font è il tipo di font che usi nella tua presentazione. Credimi, ci sono tonnellate di altri buoni caratteri oltre a Calibri. Specificali solo 1 volta e verranno automaticamente sostituiti nell'intera presentazione o modello.


    4. Selezionare lo sfondo desiderato (colore o motivo). Puoi scegliere lo stesso sfondo per tutte le diapositive contemporaneamente o uno speciale per uno.

    5. Come possiamo vedere, ci sono molte opzioni per la posizione del testo, l'intestazione, ecc. a sinistra. Ma cosa succede se abbiamo bisogno di uno che non esiste? Ad esempio, per avere 3 foto con firme.


    Quindi la funzione Inserisci layout + Inserisci segnaposto ci aiuterà.

    Dopo aver fatto clic su "Inserisci layout" viene creata una diapositiva vuota. E possiamo riempirlo come vogliamo.


    7. Ora, se stiamo per creare una nuova diapositiva, vediamo le opzioni dal nostro modello.

    8. Crea una nuova presentazione e "hai perso" il tuo modello? Vai alla scheda Design e cercalo lì.

Principali articoli correlati