Modello 1 con Bitrix. Soluzioni già pronte. Dove ce ne sono due, ce ne sono tre

Il modello definisce il layout elementi funzionali, visualizzazione della pagina e stile artistico. Il generale aspetto luogo.

Di solito viene utilizzato un layout per tutte le pagine, ma 1C Bitrix consente di utilizzare contemporaneamente diverse opzioni di progettazione.

Utilizzando gli strumenti integrati, puoi impostare i tuoi modelli per tutte le sezioni e persino le pagine. È inoltre possibile impostare varie condizioni per la visualizzazione di un particolare circuito. Le impostazioni vengono effettuate tramite il pannello di amministrazione.

I modelli di pagina sono memorizzati nella cartella "modelli" con lo stesso nome. IN redattore visivo Basta selezionare l'opzione richiesta dall'elenco e integrarla con i dati necessari. Una caratteristica del template è la separazione della logica dalla presentazione.

Chi ha bisogno dei modelli e perché?

Il sistema Bitrix ti consente di creare e utilizzare modelli predefiniti, applicandoli agli spazi di lavoro.

Questa è una soluzione pratica ed efficace quando si lavora con pagine multicomponente con una struttura complessa, ad esempio quando si lavora con un negozio online o un portale di notizie.

Vantaggi di un modello selezionato correttamente:

• Prima impressione. Il design del sito web chiarisce in cosa è specializzata l'azienda e crea un'impressione favorevole.
• Memorabilità. Il sito è associato ad un'azienda specifica e rimane riconoscibile.
• Integrità. Il modello deve essere scritto nei minimi dettagli, presentando un'immagine armoniosa.
• Funzionalità. L'attrattiva si unisce all'usabilità e alla praticità.

Creazione indipendente di un modello per 1C Bitrix

La struttura del modello 1C Bitrix è una raccolta di file e cartelle. La directory principale contiene la descrizione e informazioni generali per la sezione amministrativa. A volte lì vengono assegnate anche alcune funzioni aggiuntive.

L'area di lavoro del modello viene utilizzata per posizionare il contenuto principale e la necessità di divisione è dovuta alla struttura. È designato come work_area ed è scritto nel modulo di modifica, fungendo da separatore di spazi.

Le sezioni principali del sito sono presentate anche sotto forma di directory corrispondenti. La base del modello 1C Bitrix sono i file di intestazione e piè di pagina. Contengono codice, estensioni di chiamata, CSS e altre funzioni.

Il contenuto dinamico è incluso nel modello con le direttive Bitrix Framework. Qui puoi impostare inserti PHP che richiamano componenti speciali Bitrix.

Innanzitutto vengono impostati il ​​titolo, le icone, i fogli di stile a cascata, i tag e altri parametri di base. Successivamente è necessario determinare l'ubicazione della parte amministrativa. È meglio posizionare tutte le immagini funzionanti in una cartella specifica.

L'elenco numerato con un menu viene sostituito chiamando il componente Bitrix per creare e modificare elementi. Anche la maggior parte degli altri elementi standard vengono creati come componenti.

Per posizionare l'interno richiesto, il codice per chiamarlo viene inserito in un punto preselezionato della pagina. Inizialmente si trova nella documentazione per l'utente o nella scheda dell'editor visivo.

Un altro aspetto importante sono i file CSS del modello. Inizialmente ce ne sono tre: quello principale e due ausiliari per la progettazione del contenuto. Ma questa distinzione è molto arbitraria, perché tutti gli elementi sono strettamente interconnessi.

Come installare un modello?

L'installazione del modello finito viene eseguita secondo il seguente schema:

Nella sezione modelli del pannello di amministrazione, devi selezionare il pulsante “aggiungi”;

Il modulo di creazione è standard: specifica ID, titolo e descrizione;

Quando si lavora con HTML, è importante separare chiaramente gli elementi relativi al design e al contenuto;

La direttiva work_area viene inserita nel campo di modifica, dove viene copiato il template;

Se hai CSS, devi andare alla scheda stili, dove è inserito il codice;

È possibile salvare il risultato e valutare il lavoro risultante.

La parte finale è l'indicazione di tutte le variabili Bitrix che sono scritte nel file header. È importante ricordarsi di modificare i percorsi nei CSS e salvare i risultati intermedi. Successivamente potrai applicare il template al sito selezionandolo dall'apposito elenco nelle impostazioni del prodotto.

conclusioni

I modelli 1C Bitrix sono abbastanza pratici e funzionali. Il loro utilizzo semplificherà e accelererà notevolmente lo sviluppo del progetto. È possibile acquistare modelli già pronti sul sito Web dell'azienda.

In questo articolo esamineremo tutte le funzionalità per creare un modello per Bitrix da zero. Non importa se hai un layout già pronto o sei solo un perfezionista che gli lascia semplicemente scrivere qualcosa da solo senza intermediari :)

Quali file sono necessari per creare un modello?

L'aspetto del tuo sito (o la presentazione del sito) è sempre archiviato in una cartella separata. In 1C-Bitrix, il percorso del modello passa attraverso la cartella bitrix, che contiene una cartella dei modelli e contiene già un elenco di tutti i nostri modelli.

Percorso dei modelli: /bitrix/templates/

Puoi creare un modello in 3 modi:

può essere copiato modello già pronto e in base ad esso, modificalo secondo le tue esigenze

puoi creare un modello vuoto tramite il pannello di amministrazione

puoi creare una cartella vuota e riempirla gradualmente con file e cartelle

Come hai capito, la terza opzione è la più hardcore :) Andiamo al pannello di amministrazione, Amministrazione > Impostazioni > Impostazioni prodotto > Siti Web > Modelli di siti Web > Aggiungi modello.
link relativo al sito: /bitrix/admin/template_admin.php?lang=ru

L'ID del modello è essenzialmente il nome della cartella in cui verrà posizionato, lo chiamerò sviluppo. Compila il resto dei campi nel modo più comodo possibile; al momento non sono molto importanti. Aggiungi il seguente codice al codice del modello:

#AREA DI LAVORO#

— scriviamo questa riga in modo che il file non possa essere richiamato direttamente dal browser e non inizi l'esecuzione;
— mostra il titolo corrente della pagina;
— mostra parole chiave, descrizione e tutti gli script;
— mostra il pannello per gli amministratori.

Dopo aver salvato il modello, il mio file description.php assomiglia a questo:

Ottimo, dovremmo avere 5 file rimasti nella root, il resto dovrebbe esserlo questo momento non useremo:

• descrizione.php,
• intestazione.php,
• footer.php,
• stili.css,
• template_styles.css

La parte del codice che precede #WORK_AREA# viene infine scritta in header.php. Indovina quale parte è scritta in footer.php :) (quella dopo). L'area di lavoro stessa è un contenuto dinamico (non sempre è così dinamico), che si trova, ad esempio, nella cartella /contacts/ o /about/ nel file index.php. Il file stesso di solito inizia con l'inclusione dell'intestazione e termina con l'inclusione del piè di pagina:

Invia un messaggio a Hir

Finora, tutto sembra logico.

Cartelle 1C-Bitrix e struttura del nuovo template

Ci sono diverse raccomandazioni nella documentazione che personalmente non mi piacciono molto. Innanzitutto, a loro piace chiamare la cartella delle immagini images invece dell'abbreviato img . E, ovviamente, capisco tutto, ma quando scrivi stili devi comunque fare riferimento alle immagini, perché scrivere 2 volte di più? :) In secondo luogo, è stato consigliato di archiviare le aree incluse nella cartella include_areas: perché non creare inc? In terzo luogo, perché abbiamo bisogno di 2 file con stili? Se voglio inserire tutto in un file separato e collegarlo in seguito secondo necessità, questi stili verranno archiviati nel modello del componente o nella cartella CSS del modello.

Per riassumere, la nostra struttura corretta del modello è:

Include_areas componenti immagini js

Per essere un po' ribelle:

Inc img componenti js

In linea di principio nessuno ti limita, queste sono solo raccomandazioni.

E ora arriviamo senza intoppi al primo problema: l'hardcode. L'hardcode è quando invece dei valori dinamici, ad esempio Nome del dominio, utilizzo immissione di testo. La maggior parte degli sviluppatori alle prime armi non conosce la costante SITE_ TEMPLATE_PATH, che memorizza il percorso del modello corrente come valore - nel nostro caso è /bitrix/templates/development (senza la barra finale, nota). E quindi, quando includi i tuoi script o le aree incluse, per la cartella devi scrivere: