Guida completa per comprendere le posizioni dei modelli di Joomla 3

I nuovi utenti di Joomla tendono a trovare le posizioni dei moduli modello confuse e forse frustranti. Joomla 3 ha migliorato il modo in cui funzionano i modelli per garantire che questo sia less confondendo, tuttavia, alcuni utenti potrebbero ancora avere difficoltà ad aggiungere posizioni dei modelli ai loro modelli. Questo articolo su CollectiveRay.com tenterà di chiarire l'aria sulle posizioni del modulo modello.

Contenuti[Mostra]
 

Innanzitutto, la maggior parte delle persone fatica a capire quali posizioni dei modelli sono disponibili per l'uso sul proprio modello Joomla. Questo è molto facile da scoprire utilizzando i seguenti passaggi:

Come visualizzare i moduli in Joomla?

Quando crei un sito Web utilizzando un nuovo modello di Joomla che non hai utilizzato prima, devi conoscere le posizioni del modello di Joomla che sono supportate e che puoi utilizzare. Puoi farlo controllando il Module Manager nell'amministratore, cioè visualizzando le posizioni a cui sono stati assegnati dei moduli, oppure usando questo suggerimento. Per vedere quali sono le posizioni dei moduli disponibili utilizzando Gestione moduli, è necessario andare su Estensioni> Moduli e fare clic su un modulo esistente.

Nel parametro position, vedrai un intero elenco di posizioni a cui puoi assegnare il modulo. Quelli disponibili nel modello verranno elencati nel menu a discesa Posizioni:

mostra le posizioni disponibili per i modelli di joomla

Tuttavia, anche se vedi l'elenco delle posizioni, non sai ancora dove e come vengono utilizzate nel modello, quindi dobbiamo vedere dove sono posizionate.

Per capire come mostrare le posizioni dei moduli in Joomla segui questi passaggi:

  1. Vai a Gestione modelli (Estensioni> Modelli> Modelli)
    gestore di modelli
  2. Fare clic sul pulsante Opzioni in alto a destra
    opzioni del modello
  3. Abilita le posizioni del modulo di anteprima
    abilitare le posizioni del modulo di anteprima
  4. Vai al frontend e aggiungi ?tp=1 alla fine del tuo URL Joomla, ad es. www.collectiveray.com?tp=1
  5. Tutte le posizioni del modello esistenti verranno ora mostrate con il loro nome, ad esempio posizione-1, posizione-7, banner, come si può vedere di seguito:
    visualizzazione delle posizioni dei moduli frontend
  6.  

Quali sono le posizioni dei moduli Joomla?

Le posizioni di Joomla sono segnaposto su cui si impostano i moduli, in modo tale che un modulo venga mostrato in quella posizione. Ad esempio, se il modello di Joomla ha una posizione di ricerca, posizionerai il modulo di ricerca in quella posizione.

Lo stesso vale per altre posizioni del modulo come banner, barra laterale, piè di pagina, breadcrumb, sinistra, destra ecc.

Si noti che di solito è possibile aggiungere più di un modulo alla stessa posizione, ovvero è possibile aggiungere più di un modulo alle posizioni sinistra e destra, con l'ordine in cui vengono visualizzati determinato dal parametro Order nella configurazione del modulo.

Le posizioni in Joomla 3 sono definiti per modello. I problemi di posizione del modello sono responsabilità dello sviluppatore del modello. Devono assicurarsi che le posizioni del modello definite nel file dei dettagli del modello esistano effettivamente nel modello.

Se hai bisogno di posizioni di modello aggiuntive, dovresti cambiare il tuo modello per soddisfare le posizioni aggiuntive di cui hai bisogno. Ciò richiede la conoscenza di PHP, HTML e XML per non rompere il tuo modello.

Questo è particolarmente importante per te da sapere e capire, soprattutto se hai intenzione di utilizzare una serie di estensioni di Joomla come quelle che abbiamo elencato qui.

Come assegnare un modulo a una posizione?

Quando progetti il ​​tuo sito web con Joomla, ti consigliamo di assegnare un numero di moduli diversi a posizioni diverse. Questo può essere fatto tramite il parametro Positions del modulo. Ora che conosci le posizioni disponibili, devi semplicemente modificare il parametro Positions con il nome della posizione in cui desideri che il modulo venga visualizzato.

mostra le posizioni disponibili per i modelli di joomlaSe si assegna più di un modulo alla stessa posizione, ad esempio nel file sidebar posizione, i moduli verranno visualizzati nell'ordine in cui sono impostati utilizzando il file Ordinamento cadere in picchiata.

più moduli in una posizione

Per modificare l'ordine, è necessario selezionare una posizione diversa nel file Ordinamento parametro di ogni modulo:

ordinazione del modulo

Utilizzando il tag JDOC

Quindi cosa determina dove vengono renderizzati i moduli?

Il tag JDOC nel file index.php viene sostituito dai moduli assegnati a quella posizione (tramite Extensions> Module Manager e assegnando un modulo a una particolare posizione) quando la pagina viene renderizzata. Quindi se lo abbiamo

nel file index.php, e il modulo Menu principale è assegnato al file a sinistra posizione, il menu principale verrà visualizzato al posto di questo tag nel file a sinistra posizione.

Questo vale per ogni tag jdoc definito nel file index.php. Se ho un file

questo sarà sostituito dai moduli che sono assegnati al destra posizione.

Nomi logici delle posizioni

L'attributo name nel tag jdoc è un nome logico. Quindi, se il nome della posizione è "right", ti aspetteresti che la posizione del modulo sia a destra del contenuto, "top" in cima al contenuto, "sidebar" a lato e "footer" a nella parte a piè di pagina del sito web.

È del tutto possibile definire la posizione inferiore nella parte superiore del modulo, sebbene in genere i designer di modelli definiscano nomi di tag che abbiano senso, ovvero la posizione sinistra verrebbe visualizzata nell'area sinistra della pagina e la posizione del banner sarebbe visualizzato appena sopra il contenuto e così via.

Come faccio a sapere quali posizioni supporta il mio modello?

I progettisti di modelli più affidabili spiegano quali posizioni dei moduli sono disponibili nel modello.

In Joomla 3, la responsabilità è del designer definire le posizioni corrette nel file dei dettagli del modello. Tuttavia, per i modelli gratuiti, si potrebbe non sapere quali posizioni esistono effettivamente.

Allora come si fa a scoprire quali posizioni sono supportate dal modello?

Il modo più semplice per farlo è seguire le nostre istruzioni sopra in Come visualizzare i moduli in Joomla

Puoi anche visualizzare direttamente quali sono le posizioni nei file modello direttamente!

Apri semplicemente il file index.php del modello e cerca il tag jdoc. Annotare il nome dei luoghi quando viene visualizzato il tag jdoc. Cioè se trovi i seguenti tag nel file index.php:

  

... 

  

  ...

   

.... 

  

Puoi tranquillamente presumere che le posizioni supportate dal tuo modello siano:

  • top
  • a sinistra
  • bandiera
  • destra 

Aggiunta di posizioni del modulo Joomla

In questa sezione mostreremo brevemente come creare una nuova posizione del modulo in qualsiasi modello.

Devi prima decidere dove posizionare la posizione nel tuo modello (in termini di HTML del modello).

Devi capire esattamente come funziona il tempalate. Ad esempio, aggiungeremo un file barra laterale principale posizione al nostro modello. Troviamo la posizione (nel file index.php) in cui vogliamo aggiungere la barra laterale iniziale e inserire codice php / html simile al seguente:


  

   
   
   </div>   

 </div>
   

 Dobbiamo quindi creare la posizione del modulo nel file dei dettagli del modello creando un nuovo file barra laterale principale posizione. Trova il file TemplateDetails.xml allegato al tuo modello in / templates / /templateDetails.xml

Trovare la tag nel file XML. Assomiglia a questo:


      sinistra
      giusto
      superiore
      banner
      intestazione
      piè di pagina
      percorso
      utente1
      utente2
      utente3
      utente4
      utente5
      inserto
      debug
      ricerca
      debug

Per aggiungere la tua posizione, devi inserire un nuovo prima del tag delle posizioni di chiusura, nel nostro caso aggiungeremo il tag barra laterale principale posizione subito dopo il mettere a punto posizione. Il risultato finale sarà il seguente:


      sinistra
      giusto
      superiore
      banner
      intestazione
      piè di pagina
      percorso
      utente1
      utente2
      utente3
      utente4
      utente5
      inserto
      debug
      ricerca
      debug
      barra laterale principale
 

Fatto ciò, ora possiamo assegnare un modulo al file barra laterale principale posizione in Estensioni> Moduli .

nuova posizione nei moduli

 

Se vuoi davvero sembrare professionale, smetti di cercare template gratuiti. La maggior parte di essi ha un aspetto scadente, ha posizioni e flessibilità molto limitate, presenta bug e in genere contiene collegamenti nascosti ai designer originali.

Se vuoi che il tuo sito abbia un bell'aspetto, vai dai professionisti e procurati un modello da lì. Non te ne pentirai e il risultato finale sarà sicuramente visibile. La prima impressione di un sito Web è ovviamente dal modello e vuoi davvero ottenere la prima impressione giusta! 

L'autore
David Attard
Autore: David AttardSito web: https://www.linkedin.com/in/dattard/
David ha lavorato nel o intorno al settore online / digitale negli ultimi 18 anni. Ha una vasta esperienza nei settori del software e del web design utilizzando WordPress, Joomla e le nicchie che li circondano. In qualità di consulente digitale, il suo obiettivo è aiutare le aziende a ottenere un vantaggio competitivo utilizzando una combinazione del loro sito Web e delle piattaforme digitali disponibili oggi.

Un'altra cosa... Sapevi che anche le persone che condividono cose utili come questo post sembrano FANTASTICHE? ;-)
Fatti un favore: lasciare un utile commenta con i tuoi pensieri, quindi condividi questo articolo sui tuoi gruppi di Facebook che lo troverebbero utile e raccogliamo insieme i frutti. Grazie per la condivisione e per essere gentile!

Disclosure: Questa pagina può contenere collegamenti a siti esterni per prodotti che amiamo e consigliamo vivamente. Se acquisti prodotti che ti suggeriamo, potremmo guadagnare una commissione per segnalazione. Tali commissioni non influenzano le nostre raccomandazioni e non accettiamo pagamenti per recensioni positive.
 

 

Miglior plug-in per la memorizzazione nella cache

Rendi il tuo sito web più veloce 

Passo dopo passo - corso gratuito via email, come caricare il tuo sito web less di 1 secondo  

 

chi siamo noi?

CollectiveRay è gestito da David Attard - lavorando dentro e intorno alla nicchia del web design da più di 12 anni, forniamo suggerimenti utili per le persone che lavorano con e sui siti web. Gestiamo anche DronesBuy.net, un sito Web per appassionati di droni.

David attard

 

 

Autore / i in primo piano su:  Inc Magazine Logo   Logo di Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   e molti altri ...