Bloccare una raccolta

Questa è una raccolta di blocchi considerati parte del prodotto AEM e sono consigliati come blueprint per i blocchi nel tuo progetto.

Questi blocchi provengono da progetti AEM di produzione reali. Per far parte di questa raccolta, un blocco deve essere utilizzato in modo elevato in diversi progetti e fornire funzionalità astratte sufficienti, oltre a essere abbastanza generico da poter essere riutilizzato senza dover modificare il modello di contenuto sottostante.

Man mano che cambiano le esigenze e le progettazioni dei siti web, cambierà anche la raccolta di blocchi. Saranno effettuate aggiunte per riflettere le esigenze emergenti dei progetti, ma verranno rimossi anche i blocchi che non sono utilizzati con sufficiente frequenza (obsoleti).

Esistono pochi principi tecnici per i blocchi nella raccolta:

  • Intuitiva: struttura del contenuto intuitiva e facile da creare
  • Utilizzabile: Nessuna dipendenza, compatibile con boilerplate
  • Reattivo: funziona tra tutti i punti di interruzione
  • In base al contesto: eredita il contesto CSS, ad esempio i colori del testo e dello sfondo
  • Localizzabile: Nessun contenuto hardcoded
  • Veloce: Nessun impatto negativo sulle prestazioni
  • SEO e A11y: SEO-friendly e accessibile

Tutti i blocchi possono essere considerati come una base per lo sviluppo di blocchi personalizzati. È molto probabile che si modificherà tutto il codice .css e .js per soddisfare le proprie esigenze di progetto. Il valore principale di questi blocchi è la struttura del contenuto che forniscono.

Considerando che il codice del blocco verrà completamente adattato al progetto, non c’è intenzione che i blocchi nella raccolta siano compatibili con le versioni precedenti o che possano essere aggiornati.

Piastra calda

I blocchi più comunemente utilizzati (così come i tipi di contenuto predefiniti) sono curati in AEM Boilerplate e fanno parte di ogni progetto AEM. Affinché un blocco diventi parte di un piano terra, deve essere utilizzato dalla stragrande maggioranza di tutti i progetti AEM.

La base di codice per tutti i blocchi in AEM Boilerplate è open-source ed è disponibile in GitHub adobe/aem-boilerplate

I blocchi in AEM Boilerplate possono essere scoperti utilizzando la libreria di barra laterale di seguito. Utilizza il pulsante copy per copiare la struttura di contenuto corrispondente negli Appunti e incollarla in un documento per visualizzarne la struttura.

Titoli

Contenuto predefinito

Livelli diversi di titoli forniscono la struttura semantica del documento

Testo

Contenuto predefinito

Testo del corpo del testo o copia con opzioni di formattazione semantica

Immagini

Contenuto predefinito

Le immagini animano i contenuti

Elenchi

Contenuto predefinito

Elenchi ordinati e non ordinati dove necessari

Collegamenti

Contenuto predefinito

Fai riferimento ad altri siti web o al tuo contenuto

Pulsanti

Contenuto predefinito

Pulsanti di invito all’azione e altro ancora

Codice

Contenuto predefinito

Evidenzia frammenti di codice preformattati nel contenuto

Sezioni

Contenuto predefinito

Raggruppare il contenuto della pagina in sezioni

Icone

Contenuto predefinito

Rendere i contenuti più interessanti con le icone

Eroe

Blocco

Trattamento eroico nella parte superiore di una pagina

Colonne

Blocco

Modalità flessibile per gestire layout a più colonne in modo dinamico

Schede

Blocco

Elenco delle schede con o senza immagini e collegamenti

Intestazione

Blocco

Esempio di intestazione e navigazione flessibili

Piè di pagina

Blocco

Blocco piè di pagina estensibile semplice

Metadati

Aggiungere metadati alla pagina dove necessario

Metadati sezione

Evidenzia o struttura tutto il contenuto di una sezione

Bloccare una raccolta

La raccolta di blocchi contiene blocchi di uso comune, ma non così comuni da essere considerati piastre calde. Come regola empirica, per essere incluso nella raccolta di blocchi, un blocco deve essere utilizzato su più della metà di tutti i progetti AEM.

L'insieme di blocchi può essere il percorso di ingresso nel codice boilerplate. Allo stesso modo, se un blocco nella piastra non viene più utilizzato tanto, può essere spostato in questa raccolta.

La base di codice per tutti i blocchi nella raccolta di blocchi di AEM è open-source ed è disponibile in GitHub adobe/aem-block-collection

I blocchi nella raccolta di blocchi di AEM possono essere rilevati utilizzando la raccolta di collegamenti laterali di seguito. Utilizzare il pulsante copy per copiare la struttura di contenuto corrispondente negli Appunti e incollarla in un documento per visualizzarne la struttura.

Incorpora

Blocco

Un modo semplice per incorporare i contenuti dei social media nelle pagine AEM

Frammento

Blocco

Condivisione di contenuti su più pagine

Tabella

Blocco

Un modo per organizzare i dati tabulari in righe e colonne

Video

Blocco

Visualizzare e riprodurre video direttamente da AEM

Pannello a soffietto

Blocco

Stack di etichette descrittive che possono essere attivate per visualizzare il contenuto completo correlato

Componente aggiuntivo di blocco

Un elenco di titoli di pagina e collegamenti pertinenti che mostrano la posizione della pagina corrente nel gerarchia di navigazione

Carosello

Blocco

Strumento di visualizzazione dinamica che effettua una transizione fluida attraverso una serie di immagini con contenuto testo

Finestra modale

Blocco automatico

Popup visualizzato sopra altri contenuti del sito

Citazione

Blocco

Visualizzazione di una citazione o di un'evidenziazione di un passaggio specifico (o "citazioni") all'interno di un documento

Ricerca

Blocco

Consente agli utenti di trovare il contenuto del sito immettendo un termine di ricerca

Schede

Blocco

Informazioni sui segmenti in più pannelli con etichetta (o "a schede")

Modulo

Blocca (obsoleto)

Un insieme di controlli di input raggruppati che consente agli utenti di inviare informazioni

La raccolta blocchi è in continua evoluzione in base al feedback ricevuto dalla community di AEM. Se pensi che ci sia un blocco da includere nella raccolta blocchi, contatta il tuo contatto AEM. I candidati attuali per l'inclusione nella raccolta di blocchi includono:

  • Banner di consenso

Se hai bisogno immediato di un blocco che non fa ancora parte della raccolta, è relativamente facile trovare su GitHub progetti AEM con implementazioni di esempio per tutti i candidati indicati sopra.

Blocca gruppo

Il Blocco è un luogo in cui la community di sviluppatori di AEM può mostrare ciò che hanno creato sui siti AEM. Permette inoltre ad altri di evitare di reinventare la ruota e di riutilizzare questi blocchi / snippet di codice / integrazioni costruiti dalla community e di ritoccare il codice in base alle necessità per adattarlo ai propri progetti. Vedi Blocca parte per tutto ciò che ha da offrire.

Nota: anche se apprezziamo e supportiamo la community di sviluppatori AEM, Adobe non è responsabile della manutenzione o dell’aggiornamento del codice visualizzato nel Blocco parti. Utilizzare il codice a propria discrezione.

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec