Articles

Drupal-ը ոչ միայն CMS է, այլ նաև հարթակ է ձեր վեբ հավելվածը մշակելու համար: Եթե որոշեք ստեղծել ձեր սեփական թեման, ապա դրա համար կգտնեք մի քանի շրջանակներ: Այս հոդվածում մենք կքննարկենք դրանցից ամենատարածվածները:
Bootstrap


Drupal-ը շատ քիչ պատրաստի գեղեցիկ և ֆունկցիոնալ թեմաներ ունի։ Բայց Drupal-ը շատ հեշտությամբ ինտեգրվում է երրորդ կողմի գրադարանների և ծառայությունների հետ: Այսպիսով, օրինակ, դուք կարող եք ստեղծել ձեր թեման Bootstrap-ի հիման վրա և օգտագործել Drupal-ի ողջ հզորությունը: drupalbook.org կայքի այս բաժնում մենք կքննարկենք, թե ինչպես կարելի է արագ և հարմարավետ թեմաներ ստեղծել ցանկացած դասավորությունից:
PSD դասավորություն.
https://drupalbook.org/sites/default/files/blueasy-freebie.zip


Շատ հաճախ Views ձևանմուշը մեզ չի համապատասխանում, ուստի մենք կարող ենք անտեսել Views-ի ձևանմուշները: Ցավոք, Views-ում ցանկալի ձևանմուշը որոնելու համար միջերես չկա, բայց մենք կարող ենք օգտագործել օրինաչափություններ՝ ձևանմուշները վերասահմանելու համար:
Նախշերի մասին ավելին այս հոդվածում.
6.6. Working with templates in Drupal. What are the templates in the core of Drupal.
Մեզ, մասնավորապես, հետաքրքրում է.


Սկսելու համար, եկեք վերադառնանք այն բանին, թե ինչպես ներառել հատուկ javascript ֆայլեր մեր թեմայում: .libraries.yml ֆայլում դուք պետք է ներառեք js:


Որպեսզի դուք ունենաք նոր տարածաշրջան, որի միջոցով կարող եք ցուցադրել բլոկները, ձեզ հարկավոր է.
- Ավելացնել տարածաշրջանի տեղեկությունները theme.info.yml ֆայլում
- Խմբագրել page.html.twig-ը՝ դրան ավելացնելով նոր տարածաշրջանի արդյունքը
Ավելացնել տարածաշրջանի տվյալները drupalbook.info.yml ֆայլին
Բոլոր մարզերը միավորված են տարածաշրջանային բանալիներով.


Մենք արդեն տեսել ենք, որ Drupal-ում մենք ունենք Twig ներկառուցված և ինչպես օգտագործել այն: Այս հոդվածում մենք կքննարկենք, թե ինչպես աշխատել Drupal ձևանմուշների հետ, ինչ ձևանմուշներ կան Stable թեմայով, ինչպես վերասահմանել Stable կաղապարները և ինչպես վերասահմանել Drupal-ի տարբեր սուբյեկտների կաղապարները:
Այսպիսով, եկեք սկսենք Stable theme templates-ից, անցնենք Stable theme-ի կաղապարների պանակը.


Անցյալ ձեռնարկներում մենք արդեն միացրել ենք CSS-ը մեր թեմային: Դա անելու համար մենք drupalbook.info.yml ֆայլում նշել ենք.
libraries:
- drupalbook/global-styling
Հաջորդը, մենք ստեղծեցինք drupalbook.libraries.yml ֆայլը, որտեղ մենք արդեն նշել ենք, թե որ CSS ֆայլը պետք է ներառի.
global-styling:
version: 1.x
css:
theme:
css/style.css: {}
css/print.css: { media: print }
Այսուհետ մենք մանրամասն կանդրադառնանք, թե ինչպես աշխատել CSS-ի հետ մեր թեմայում:


Եթե բացում եք Stable theme page.html.twig կաղապարի ֆայլը՝
/core/themes/stable/templates/layout/page.html.twig
Այնուհետև կտեսնեք, որ այն տարբերվում է Drupal 7 page.tpl.php ձևանմուշից՝ նախ ընդլայնմամբ և երկրորդ՝ գանգուր փակագծերի առատությամբ {}։ Այս ամենը պայմանավորված է նրանով, որ Drupal-ն օգտագործում է Twig կաղապարի շարժիչը:


Այս հոդվածից սկսած՝ մենք կստեղծենք մեր թեման Drupal-ում: Դասընթացի այս բաժնում մենք կվերլուծենք Drupal-ի թեմայի հիմունքները, որտեղ ինչ է, ինչպես ներառել և օգտագործել CSS, JavaScript: Ձեր թեման հիմնված կլինի հիմնական թեմանյի վրա: Եթե ցանկանում եք սովորել Drupal, ապա հիմնական թեման հիանալի սկիզբ է: Եթե ցանկանում եք սովորել Drupal, ապա կայուն թեման հիանալի սկիզբ է: Պետք չէ սկսել Bootstrap-ից, անընդհատ հարցեր ու սխալներ կունենաք։ Դասընթացի հաջորդ բաժնում Drupal-ի համար թեմաներ ստեղծելու մեր գիտելիքներով մենք կսկսենք աշխատել Bootstrap-ի հետ։
Ահա պաշտոնական փաստաթղթերը
