Il tuo modello per ucoz. Installazione di un modello personalizzato

Ho un elenco di idee per materiali e articoli che devono essere aggiunti al sito un giorno, ci sono 20 elementi in questo elenco ora, ma mi piacciono argomenti simili da questo elenco in cui non è necessario fornire istruzioni, dove io liberamente parlare di questo e di quello.

1. Decisi sull'argomento

Volevo fare qualcosa allo stesso tempo necessario e non difficile. A proposito, ho un altro elenco: questo è un elenco di argomenti del modello.

2. Realizzato un layout (2 ore)

In base alla struttura, ho deciso di realizzare un template semplice e comprensibile. Ho deciso in anticipo cosa accadrà in generale e la disposizione degli elementi è solo approssimativa. Ho aperto Photoshop, ho esaminato diversi analoghi, queste sono interfacce sul tema dell'istruzione.

Ecco un video di com'era.

Video rimosso.

3. Composto (4-5 ore)

Tutto è chiaro qui. All'inizio, l'ho inventato così com'è, quindi ho aggiunto l'adattabilità per i telefoni cellulari. Per questo caso, non ho creato un layout, l'ho inventato in movimento. C'è un momento nel video in cui, a causa di un errore, non ho ricevuto lo stesso tipo di materiale del layout, ma mi è piaciuto, l'ho lasciato.

Video rimosso.

4. Ho estratto il modello su uCoz

Bene, non l'ho solo rafforzato e basta, il piano era di perfezionare il tema proprio nel pannello di controllo di uCoz. L'ho sempre fatto e continuerò a farlo. Non ho riflettuto attentamente sulle pagine, ma non credo di averlo fatto a casaccio. Piuttosto, in modo semplice, ma non volevo nemmeno lasciare quelli standard.

5. Ho compilato un archivio di modelli: ho sparso il codice in file e ho scritto le istruzioni

Per circa 2 giorni ho scritto le istruzioni e distribuito il codice in file e cartelle. Questo, penso, potrebbe essere fatto in 2-3 ore.

6. Creato un sito demo

Sì, ho creato un altro sito per il modello per verificare l'installazione del modello, controllare le istruzioni. Ho trovato errori sia nelle istruzioni che nel modello stesso. Inoltre, in quel momento ho controllato il tema in diversi browser e ho riscontrato ancora più errori. Risolto tutto.

7. Fatta una presentazione del modello

Ho già fatto la descrizione del modello digitando le istruzioni e ora vorrei aggiungere una presentazione lunga e brillante del modello.

8. Aggiunto modello su uTemplate

L'ho aggiunto in tarda serata, mi aspettavo che, come sempre, mi segnalassero errori e il template andasse corretto. Questa volta non è stato così, il template è entrato subito in catalogo. Ho impostato il prezzo medio per il negozio, mentre non ci sono saldi. Forse non è ancora la stagione.

Di solito faccio tutto per molto tempo, faccio il modello entro un mese, lentamente. Qui ho lavorato più intensamente, per 10 giorni. Ci sono giorni nel mezzo in cui non ho fatto avanzare il lavoro. Lo faccio da molto tempo, non solo per pigrizia, ma anche per il carico di lavoro a scuola. Con il sito, in generale, la stessa situazione.

Prima di procedere al processo di installazione, è necessario trovare un design adatto. Consiglierei di utilizzare modelli solo da fonti attendibili, come ad esempio: lo store ufficiale di uCoz o su siti specializzati in quest'area.

In questo caso, puoi essere sicuro della qualità del modello e delle sue prestazioni. Naturalmente, puoi cercare su Google o utilizzare vari warez, ma molto spesso si imbattono in strappi, design non funzionanti o, peggio ancora, file con virus. Pertanto, affronta la questione della scelta di una fonte con tutta serietà, poiché da essa dipende non solo il successo dell'operazione, ma anche la sicurezza del tuo sito. Per questo articolo, installerò il modello DesktopChaos gratuito da uTemplate.pro.

Download di un file modello

Quindi, scarica l'archivio con il modello:

All'interno dell'archivio sono presenti diverse sottocartelle:

cartella con immagini (immagini, img);
cartella con gli script (js);
cartella stili (css);
cartelle con codici di blocchi Globali, Informatori, ecc.

Inoltre nell'archivio, di regola, ci sono:

instruction.txt (ReadMe.txt) - Ti consiglio vivamente di leggerlo;
template constructor.txt (tmpl.txt) - codice framework generale;
stylesheet.txt (css.txt, style.txt) - un file con una serie di stili;
type of materials.txt - contiene il codice del tipo di materiali;
e altri file di testo con i codici necessari per installare completamente il modello.

Nota: il contenuto del tuo archivio potrebbe differire dal mio modello (questo dipende dal tipo, dalla struttura, dalla complessità del modello e da altri fattori).

Fare una copia di backup del modello corrente

Prima di procedere con l'installazione di un nuovo template, consiglio di fare un backup del template corrente (per ogni evenienza)

Per fare ciò, vai al "Pannello di controllo" del tuo sito - "Design" - "Backup del modello":

Premiamo il pulsante "Crea una copia di backup" nell'angolo in alto a destra, dopodiché vedrai l'archivio di backup che appare con il tuo modello corrente del modulo "1372338464.zip" con la data di creazione tra parentesi:

E un'altra cosa: prima di installare un nuovo template Consiglio di attivare tutti i moduli necessari: quelli che desideri utilizzare attualmente e quelli che potresti voler utilizzare in futuro. Questo per garantire che il tuo nuovo modello sia installato correttamente e visualizzato in tutti i moduli.

Istruzioni dettagliate per l'installazione di un modello su uCoz:

L'installazione del modello viene eseguita secondo le istruzioni che sono all'interno del tuo archivio con il modello. Come ho detto nel quadro di questo articolo, mostrerò l'installazione del modello DesktopCaos.

Passo 1.

Carica la cartella delle immagini sul nostro server. Questo può essere fatto in due modi.

Primo modo - tramite un client FTP, come FileZilla. Scarica e installa il programma: http://filezilla.ru/get/.

Successivamente, nella pagina principale del Pannello di controllo, fare clic e impostare una nuova password:

Successivamente, apri il gestore ftp di FileZilla, in alto inserisci Host, Nome utente e Password, fai clic su "Connessione rapida":

Nella parte sinistra del gestore troviamo una cartella con le immagini del nostro template, cliccaci sopra col tasto destro, nel menu che compare clicca su "Carica sul server". Pronto. Ora le immagini sono sul nostro server.

Questo metodo è comodo da usare se devi caricare molte immagini o altri file.

Secondo modo - caricare immagini tramite Gestore di file. Vai alla pagina principale della PU e clicca su "File Manager":

Nell'angolo in alto a destra, fai clic su Crea cartella, inserisci le immagini del nome e premi Invio:

Andiamo in questa cartella. Per caricare immagini su di esso, fai clic su "Scegli un file", seleziona un'immagine e fai clic su Carica file. È possibile aggiungere campi per più file con un segno più verde.

Pertanto, carichiamo tutte le immagini dalla cartella delle immagini sul server.

Passo 2.

Impostare (se necessario) il valore del tag . Vai su "PU (Pannello di controllo)" - "Impostazioni" - "Impostazioni generali" e incolla il codice nell'apposito campo:

Passaggio 3.

Installazione del foglio di stile. Per fare ciò, troviamo il file "Style sheet.txt" nell'archivio, apriamo e copiamo tutto il codice da esso (Ctrl + A, Ctrl + C) e lo incolliamo al posto del vecchio codice in "PU" - "Design " - "Gestione del design (CSS) )" - "Foglio di stile (CSS)":

Passaggio 4.

Installa il codice dal file "Costruttore di modelli". Apri il file dall'archivio "Template Builder.txt", copia tutto il contenuto e incollalo in "PU" - "Design" - "Template Builder", premi il pulsante "Crea modelli":

Passaggio 5.

Ora, in modo simile trasferire il contenuto del file "Tipo di materiali.txt" sotto forma di materiali per moduli: "Notizie sul sito", "Blog", "Catalogo file", "Catalogo articoli". Vai a "PU" - "Design" - "Gestione design (modelli)":

Il codice del file "Comments view.txt" viene copiato in modo simile in "Comments" - "Comments view".

Passaggio 6.

Crea un blocco globale. Vai a "PU" - "Design" - "Gestione design (modelli)" - "Blocchi globali":

In alto a destra clicca su "Aggiungi blocco", nel campo che compare scrivi il nome del blocco INFO e clicca su "Aggiungi":

Trova la cartella "Global Blocks" nell'archivio e apri il file "INFO.txt", copia il contenuto del file e incollalo nel blocco globale INFO appena creato, salva:

Passaggio 7.

Impostare i valori richiesti:

Nome dell'informatore: Ultime notizie;
Sezione: Notizie del sito (o "Blog" o "Catalogo file" o "Catalogo articoli");
Tipo di dati: Materiali;
Metodo di smistamento: Data di aggiunta del materiale D;
Numero di materiali: 5;
Numero di colonne: 1.

Fare clic su "Crea".

Dopodiché, appare un po' più in basso un blocco con l'informatore che abbiamo creato, sulla destra vediamo delle icone al suo interno, seleziona la prima di esse "Gestione del design dell'informatore" e incolla il contenuto del file "Ultime notizie" da "Informatori" cartella nella finestra che appare, salva:

Codice di questo informatore $MYINF_1$ inserire nel blocco globale che abbiamo creato in precedenza INFORMAZIONI.

L'informatore del forum viene creato in modo simile.

Questo completa l'installazione del modello DesktopChaos.

A proposito, se non hai ancora capito come installare un nuovo modello sul tuo sito, puoi ordinare un servizio di installazione del modello nel negozio ufficiale uTemplate.pro.

Hai creato il tuo sito Web sull'hosting Ucoz.ru? Quindi dovresti familiarizzare con i parametri di manutenzione del sito - con le impostazioni. Sappiamo tutti che l'originalità del portale è determinata principalmente dal suo aspetto. Per modificare l'aspetto del sito, avrai bisogno di schemi già pronti. Puoi usare quelli standard, ma il modello del sito Ucoz non fa per te. E se vuoi enfatizzare l'unicità del tuo nodo, devi creare il tuo progetto di schema. Ma anche per chi non ha esperienza con lo styling, Ucoz ha modelli forniti da dilettanti o webmaster. Si trovano su siti o forum che puoi facilmente trovare nei motori di ricerca del web mondiale.

Dirò a chi non lo sapesse come installare un modello su Ucoz. Hai trovato uno schema adatto, scaricato ed estratto il file di cui abbiamo bisogno dall'archivio. La prossima domanda è cosa fare dopo. Devi capire come installare il template su Ucoz. Consideriamo questo in modo più dettagliato.

I loro creatori non sempre prevedono il fatto che l'utente non sappia come modificare il modello in Ucoz e non si preoccupano di investire istruzioni nell'archivio, quindi ti sto rivelando questo segreto. Quindi, installiamo il modello sul tuo sito. Innanzitutto, fai clic sul pulsante "Gestione file". I file che sono stati scaricati in precedenza saranno necessari per riempire la radice del sito. Cioè il file, o meglio, la cartella contenente le immagini per il tuo sito web, deve trovarsi nel file manager. Guarda il contenuto dell'archivio. Dovrebbero esserci 2 blocchi note con i codici e una cartella per il file manager. "Generatore di modelli" è il luogo in cui è necessario inserire uno dei codici nel blocco note. L'altro contiene il codice CSS del sito (solitamente l'estensione .css), che dovrebbe sostituire tutto il contenuto del "Foglio di stile CSS" che si trova nell'Admin. Pannelli.

La cartella nel file manager, in cui si "riempi" la cartella con il modello, deve essere denominata in modo simile alla seconda. Sarà più conveniente installare lo schema utilizzando FTP e, soprattutto, ti farà risparmiare tempo. Con FTP, puoi inserire un gran numero di file. Se nessuna delle opzioni presentate per gli schemi di progettazione ti soddisfa, puoi sempre creare un modello individuale. Oltre al solito tipo di schemi, ci sono anche tipi DLE e PSD, che puoi installare se ti piace questo particolare design. Installarlo sarà un po' più difficile.

Sul formato Ucoz PSD? Inizialmente, deve essere convertito e impaginato in uno schema HTML. Per fare ciò, avrai bisogno di due programmi: PhotoShop e Dremweaver. Modifica di un documento PhotoShop (PSD) in PhotoShop. Dovrai comporre il file in Dremweaver per ottenere lo schema HTML. I dettagli su queste operazioni possono essere trovati su siti web specializzati in questi argomenti. Successivamente, devi modificare il testo del tuo sito utilizzando Puoi semplicemente modificare il testo fornito nel modello con il tuo, così sarà più facile navigare e capire un po' la notazione, e scoprire anche che alcuni codici contengono un altro. Per uno studio più approfondito, puoi fare riferimento al forum di supporto tecnico. Compiliamo la tabella CSS, inseriamo il codice per il frame del sito e lo riempiamo con il file manager. E il design del tuo sito web è pronto.

Ora possiamo considerare l'installazione del modello DLE. Carichiamo anche una cartella con immagini e codice CSS e il resto. Quindi apri mailn.tpl con il blocco note. Copiamo tutto ciò che è uscito in un taccuino, quindi lo incolliamo nel reparto di modifica delle pagine, situato nella voce "Pagine del sito". Quindi entriamo nella rapida sostituzione delle sezioni del modello. Lì, rimuovi (THEME) e lascia vuoto il campo in basso e compila quello in alto - (THEME). E infine modifichi il circuito grazie ai codici.

Devi prepararti in anticipo per lavorare con gli schemi, ad esempio, conoscere l'HTML ti aiuterà molto. In generale, ognuno sarà in grado di creare il proprio sito unico utilizzando questa semplice istruzione che dirà a un principiante come installare un modello su Ucoz.

Ti dirò con un esempio specifico come ho creato un modello per uCoz. Questa non è un'istruzione dettagliata e non un invito all'azione, questa è una semplice storia su come ho creato il modello. Scriverò dell'ultimo modello, c'è anche un video. Volevo filmare l'intero processo, ma in qualche modo non ci ho dedicato del tempo e non ho ancora svelato i segreti, ho solo filmato la creazione del layout e del layout.
Ho un elenco di idee per materiali e articoli che devono essere aggiunti al sito un giorno, ci sono 20 elementi in questo elenco ora, ma mi piacciono argomenti simili da questo elenco in cui non è necessario fornire istruzioni, dove io liberamente parlare di questo e di quello.

1. Decisi sull'argomento
Volevo fare qualcosa allo stesso tempo necessario e non difficile. A proposito, ho un altro elenco: questo è un elenco di argomenti del modello.

2. Realizzato un layout (2 ore)
In base alla struttura, ho deciso di realizzare un template semplice e comprensibile. Ho deciso in anticipo cosa accadrà in generale e la disposizione degli elementi è solo approssimativa. Ho aperto Photoshop, ho esaminato diversi analoghi, queste sono interfacce sul tema dell'istruzione.

3. Composto (4-5 ore)
Tutto è chiaro qui. All'inizio, l'ho inventato così com'è, quindi ho aggiunto l'adattabilità per i telefoni cellulari. Per questo caso, non ho creato un layout, l'ho inventato in movimento. C'è un momento nel video in cui, a causa di un errore, non ho ricevuto lo stesso tipo di materiale del layout, ma mi è piaciuto, l'ho lasciato.

4. Ho estratto il modello su uCoz
Bene, non l'ho solo rafforzato e basta, il piano era di perfezionare il tema proprio nel pannello di controllo di uCoz. L'ho sempre fatto e continuerò a farlo. Non ho riflettuto attentamente sulle pagine, ma non credo di averlo fatto a casaccio. Piuttosto, in modo semplice, ma non volevo nemmeno lasciare quelli standard.

5. Ho compilato un archivio di modelli: ho sparso il codice in file e ho scritto le istruzioni
Per circa 2 giorni ho scritto le istruzioni e distribuito il codice in file e cartelle. Questo, penso, potrebbe essere fatto in 2-3 ore.

6. Creato un sito demo
Sì, ho creato un altro sito per il modello per verificare l'installazione del modello, controllare le istruzioni. Ho trovato errori sia nelle istruzioni che nel modello stesso. Inoltre, in quel momento ho controllato il tema in diversi browser e ho riscontrato ancora più errori. Risolto tutto.

7. Fatta una presentazione del modello
Ho già fatto la descrizione del modello digitando le istruzioni e ora vorrei aggiungere una presentazione lunga e brillante del modello.

8. Aggiunto un modello al sito
L'ho aggiunto in tarda serata, mi aspettavo che, come sempre, mi segnalassero errori e il template andasse corretto. Questa volta non è stato così, il template è entrato subito in catalogo. Ho impostato il prezzo medio per il negozio, mentre non ci sono saldi. Forse non è ancora la stagione.

Quando si crea un sito Web, tutti vogliono che il proprio sito Web sia diverso dagli altri. Ciò richiede un design unico (acquista nel negozio di modelli). In questo articolo, vedremo come creare il tuo design unico dal design ucoz standard. Per modificare il design per te stesso, devi andare alla sezione "Gestione del design" nel pannello di controllo. Per fare ciò, accedi al webtob di ucoz e vai su Design > Design Management (modelli) nel pannello di controllo. Si aprirà la pagina corrispondente.

In questa finestra vedrai in cosa consiste il design del sito. Questi sono componenti separati che insieme costituiscono il quadro generale. Per cambiarli, ucoz ha fornito diversi strumenti che ora analizzeremo. Nella parte superiore della finestra è presente un pulsante "Costruttore" con il quale puoi modificare il tuo sito in una finestra del browser direttamente nella pagina del sito. Per ora, diamo un'occhiata agli strumenti che si trovano nel pannello di controllo del sito. Fare clic sul pulsante "Inizio del sito" e si aprirà la finestra per modificare questo modello di progettazione del sito.

Ma molti non conoscono il linguaggio html, quindi sceglieremo un percorso diverso. Useremo l'editor visivo. Fare clic sul pulsante dell'editor visivo nella parte inferiore della finestra. Si aprirà l'editor visivo della parte superiore del modello.

In alto vedrai la riga $WDAYS$ $DATE$ $TIME$ li riordineremo come $DATE$ $WDAYS$ $TIME$. Sotto c'è la riga $USERNAME$, |Group "$USER_GROUP$" | RSS che significa che ti sei registrato con il nome $USERNAME$ e fai parte del gruppo "$USER_GROUP$" cambialo in $USERNAME$, |Group "$USER_GROUP$" | IP: $INDIRIZZO_IP$

IP: $IP_ADDRESS$ mostra l'ip dell'utente registrato. La prossima è la voce IL MIO sito, puoi cambiarla in qualsiasi cosa tu voglia a seconda del nome del tuo sito. Quindi fare clic sul pulsante Salva per salvare le modifiche. Pertanto, puoi modificare altri modelli inclusi nel design del sito.
Per utilizzare il modello modificato senza problemi, è necessario creare una copia di backup. Aiuterà nel caso in cui rovini accidentalmente il modello durante la modifica. Per creare un backup, vai alla sezione "modifica modelli" e fai clic sul pulsante "Modelli di backup" e fai clic su "modelli di backup".