Drupal 8 - un sistem inteligent în mâinile dezvoltatorilor predstalyaet set de caracteristici. Dezvoltarea sistemului începe cu design-ul de editare site-ului.
Structura documentului:
Cum să lucreze la designul site-ului
După instalarea Drupal 8 va trebui să descărcați orice subiect kontribnuyu de template-uri Sondaj pentru Drupal 8 și în ea impune aspectul dorit. Acest lucru nu poate fi realizat în subiectele standard de Bartik, Stark, din moment ce există reguli de revizuire Drupal.
Toate fișierele șablon în Drupal 8 scrise în creanga, deși 7ke a fost un simplu php.
În codul șablon, puteți utiliza diferite variabile cauza funcții Drupal pentru a încărca date dintr-o bază de date. De asemenea, variabilele pot fi definite în fișierul mytheme.theme, care de obicei încarcă variabilele sunt stabilite prin panoul de administrare, variabile globale, și modifică unele dintre caracteristicile standard de Drupal, dacă este necesar, adică, conține cârlige.
De fiecare dată când editați șablonul și încărcați la server, trebuie să ștergeți site-ul cache, după cum urmează: Configurare - Performanță - Goliți memoria cache / admin / config / dezvoltare / performanță. Nu pentru a șterge memoria cache și mai rapid pentru a edita proiectarea, aveți nevoie pentru a dezactiva caching crenguță. De multe ori, eroarea în șablon Drupal arată un ecran alb și o eroare de sistem, atunci este necesar să se stabilească fișierul șablon sau șterge fișierul, sau schimba subiectul în admin / admin / aspectul.
Atribuirea de nume de fișiere șablon în Drupal 8
Fișierele șablon sunt la baza Drupal 8 (în folderul / de bază / module / sistem / template-uri) - nu pot fi editate în conformitate cu normele de rafinament Drupal 8. De asemenea, unele fișiere șablon sunt prezente în subiecte kontribnyh (fire din dosarul de template-uri) și sunt folosite pentru a trece peste ieșire, și de a crea dezvoltator structura dorită șablon logica.
Drupal încarcă template-uri, bazate pe reguli precise pentru formarea numelor. Drupal caută nume de fișiere numai strict definite într-un subiect și le conectează dacă este găsit. În caz contrar, se folosește template-uri standard de fișier nucleu.
Puteți rescrie șablonul prin adăugarea sau editarea de fișiere cu nume specifice în subiectul.
După fișierul șablon încărcat pe server pentru a șterge site-ul cache prin panoul de administrare Drupal.
Aici normele propuse pentru structura documentelor HTML template-uri, aspectul paginilor, regiuni, unități, materiale, teren și alte componente.
HTML, șablonul antet
Șablonul HTML-document conține structura de bază și stabilește parametrii etichetei ,
Fișierul de bază: html.html.twig. El este apoi de bază / module / sistem / template-uri / html.html.twig
Iată câteva exemple de utilizare a acestui fișier în șablonul propriu:
- html - internalviewpath.html.twig
- html - nod - id.html.twig
- html.html.twig
Explorarea orice subiect, de exemplu, Bartik, puteți găsi acel fișier html.html.twig localizat în directorul șabloane temei. În subiect, astfel încât să puteți adăuga o etichetă sau eticheta clase de adaptabilitate a elementelor principale ale HTML-documente, pentru a adăuga orice cod html. Drupal va genera pagini ale site-ului, folosind acest fișier șablon.
documentația oficială a html.html.twig.
Pagina page.html.twig șablon
Nume Format: Pagina - [frontală | internă / cale] .html.twig
Fișierul de bază: page.html.twig (amplasare: miez / module / system / templates / page.html.twig)
Acesta conține mai multe rânduri. șablon de pagină principală, de asemenea, specificat pagina de fișier - front.html.twig, este o prioritate. Dacă doriți să modificați concluzia principală, este posibil să se utilizeze panoul de administrare: Administrare - Configurare - Despre - Home / admin / config / sistem / site-ul de informații.
Fișierele șablon Utilizați sunt încărcate în caietul de sarcini ordine, bazată pe căile navigabile interioare. De exemplu, pentru o anumită pagină / nod / 1 / editare va fi utilizat astfel de fișiere nume șablon:
- pagina - nod - edit.html.twig
- pagina - nod - 1.html.twig
- Pagina - node.html.twig
- page.html.twig
Nume Format: regiune - [regiune] .html.twig
Fișierul de bază: region.html.twig (amplasare: miez / module / system / templates / region.html.twig)
regiune a fișierului șablon utilizat la afișarea fiecare regiune având conținutul. Este numit de către blocul de kernel sau orice funcție de tipul hook_page_build (). Numele regiunii pot fi specificate în fișierul temă mytheme.info.yml.
Numele șablonului: bloc - [modul | -delta]] html.twig.
Fișierul de bază: block.html.twig (amplasare: miez / module / bloc / template / block.html.twig)
Denumirile propuse „module“ - nume de modul de sistem, „Delta“ - numele atribuit de sistem pentru a bloca acest modul.
exemplu:
Bloc - Bloc - 1.html.twig - fișierul șablon utilizat pentru unitatea de afișare cu numărul 1 de unități de abonat ale bibliotecilor, adică create aici admin / structură / bloc / bloc-conținut.
Numele unităților de modele, folosind numerotarea în regiune, nu sunt acceptate în Drupal 8.
Dacă doriți să setați modelul de trasare a blocurilor create de unele modul, de exemplu mymodule, și de exemplu, unitatea de modulul atribuit numele intern (delta): mi-bloc, atunci trebuie să utilizați numele: bloc - mymodule - mi-bloc .html.twig.
Exemplu Vederi blocuri.
Dacă creați o imagine cu numele de sistem și front_news specificat unitate de ieșire cu numele de sistem block_1, atunci numele șablonului trebuie să fie formate ca: bloc - front-stiri - bloc-1 .html.twig. Vă rugăm să rețineți
nume de fișiere șablon de subliniere „_“ se înlocuiește cu o cratimă „-“
De asemenea, rețineți, nume de module sunt în acest caz sensibil la caz. Deci, pentru modulul cu MyModule numele de sistem șablon HTML va fi numit MyModule .html.twig, model bloc - bloc - MyModule - .html.twig Delta
Nume Format: nod - [tip | nodeid] - [viewmode] .html.twig
Fișierul de bază: node.html.twig (amplasare: miez / module / nod / templates / node.html.twig)
Disponibil Subiect fișiere șablon materiale vor fi folosite pentru a acorda prioritate, conform căilor interne: un nume mai exactă a fișierului are prioritate față de mai general. Acest lucru se datorează faptului că:
- nod - nodeid - viewmode.html.twig
- nod - nodeid.html.twig
- nod - tip - viewmode.html.twig
- nod - type.html.twig
- nod - viewmode.html.twig
- node.html.twig
Dacă există un șablon pentru un id specific al materialului și modul de afișare specific - care va fi utilizat la afișarea acestui material în acest mod. Dacă nici unul dintre fișierele șablon sugerate în folderul temă, Drupal va folosi materiale din fișierul șablon de bază.
Notă subliniere întotdeauna înlocuite cu cratime în numele fișierelor șablon.
termeni taxonomie
Nume Format: taxonomie pe termen - [vocabular numele_sitemului_local | tid] .html.twig
Fișierul de bază: taxonomie-term.html.twig (amplasare: miez / module / taxonomia / templates / taxonomie-term.html.twig)
La fel ca toate celelalte șabloane, fișierele sunt pe ordinea de alegere - un nume de fișier special va fi o prioritate.
- taxonomie termen - tid.html.twig
- taxonomie termen - vocabular-mașină-name.html.twig
- taxonomie-term.html.twig
Nu uitați să schimbați subliniere inferioară, cu o cratimă în numele fișierului.
Nume Format: câmp - [tip | nume [- tip de conținut] | tip de conținut] .html.twig
Fișierul de bază: field.html.twig (amplasare: miez / module / system / templates / field.html.twig)
Câmpurile au, de asemenea, modele de afișare. Aceste template-uri pot fi tăiate ambalaje, rearanja elementele sau pentru a limita numărul lor, pentru a adăuga clase. Prin conectarea script-ul slider, va trebui, probabil, să utilizați șablonul câmpurilor dorite ( „imaginea de diapozitive“ în tipul de material „Slide“).
Modelele sunt folosite pentru a acorda prioritate în ordinea următoare:
- câmp - câmp nume - conținut-type.html.twig
- câmp - conținut type.html.twig
- camp - camp-name.html.twig
- camp - camp-type.html.twig
- field.html.twig
Schimbarea chiloții subliniere cu o cratimă și adăugați „field-“ la numele de domeniu, de exemplu, fiield - camp-slide.html.twig.
Nume Format: comment-înveliș - ganglioni [tip] .html.twig
Fișierul de bază: comment-wrapper.html.twig
Nume Format: Forum - [[container | subiect] - forumID] .html.twig
Fișierul de bază: forums.html.twig (Locul de amplasare: de bază / module / forum / template-uri / forums.html.twig)
ForumArata gestiona template-uri:
- forum - containere - forumID.html.twig
- Forum - forumID.html.twig
- Forum - containers.html.twig
- forums.html.twig
șabloane de pagină sunt controlate de subiecte:
- forum - Subiecte - forumID.html.twig
- Forum - forumID.html.twig
- Forum - topics.html.twig
- forums.html.twig
forums.html.twig oficială de documentare.
Mesaj de întreținere Pagina
Nume șablon: întreținere pagini - [off] .html.twig
Fișierul de bază: de întreținere-page.html.twig (Locul de amplasare: de bază / module / sistem / template-uri / întreținere-page.html.twig)
Această pagină apare atunci când nu este de lucru a bazei de date. Util pentru a afișa pagina citite fără mesaje de eroare. Personalizați această pagină este descris aici theming pagina de întreținere
Pagina cu rezultatele căutării
Nume Format: Căutare rezultate - [Tip de căutare] .html.twig
Fișierul de bază: căutare-result.html.twig (Locul de amplasare: miez / module / search / template-uri / căutare-result.html.twig)
-Căutare result.html.twig fișier poate fi copiat în subiect și utilizat pentru a configura pagina generală de căutare și individual. În funcție de tipul de căutare pot fi folosite marcaje diferite. De exemplu, pentru example.com/search/node/Search+Term pagina Drupal va căuta fișiere de căutare rezultate - node.html.twig sau, în cazul în care nici unul, utilizează un fișier model de căutare standard de. Pentru a găsi example.com/search/user/bob fișierul șablon tip de pagină trebuie să fie numit de căutare rezultat - user.html.twig. Există posibilitatea de a extinde cu module (extensii) de căutare și adăugați mai multe tipuri de șabloane.
Adăugarea de tlito
Pagină de utilizator user.html.twig
Fișierul de bază: user.html.twig (Locul de amplasare: de bază / module / utilizator / template-uri / user.html.twig)
Răspunsuri la întrebări
1 Cum pot configura un aspect personalizat pentru o anumită pagină pe Drupal 8?
2 Ce se întâmplă dacă am schimba fișierul șablon nu da rezultatul?
3 va fi acolo mai multe traduceri de articole despre design, Twiga și rafina Drupal?
Da. Pentru a influența selecția de articole pentru a traduce, lăsa întrebări sau subiecte pe forum.
4 Ce șablon Drupal 8 este mai puțin potrivită pentru un blog, magazin, site-ul companiei?
Paxton, BusinessGroup Zymphonies Tema, Drupal8 Zymphonies Tema, Tema Receptiv Professional. Privire de ansamblu de template-uri pentru Drupal 8 este pe tlito pv. Utilizați căutarea pe drupal.org.
Dacă nu aveți experiență în utilizarea de cod și funcțiile Drupal, nu știi cum să găsească răspunsuri la întrebările, dar ai nevoie de funcții avansate, cum ar fi un cursor, materiale de comunicare, atunci Drupal 7 va fi decizia corectă, deoarece există mai multe module pentru ea. Pentru Drupal 8 extensii mici, astfel încât numai un mic site-urile companiei se poate face pe el, cum ar fi un blog și cinci pagini de meniu.
6 Cum de a începe a studia codul Drupal 8?