logo

Լրացուցիչ Բլոկների Տեսակներ (EBT) - Դասավորության Կառուցողի նոր փորձառություն❗

Լրացուցիչ Բլոկների Տեսակներ (EBT) - ձևավորված, կարգավորելի բլոկների տեսակներ՝ սլայդշոուներ, ներդիրներ, քարտեր, բացվող ցանկեր և շատ ուրիշներ։ Ներառված կարգավորումներ՝ ֆոնի, DOM տուփի, JavaScript փլագինների համար։ Փորձեք դասավորությունների կառուցման ապագան արդեն այսօր։

EBT մոդուլների ցուցադրական տարբերակներ Ներբեռնել EBT մոդուլները

❗Լրացուցիչ Պարբերությունների Տեսակներ (EPT) - Պարբերությունների նոր փորձառություն

Լրացուցիչ պարբերության տեսակներ (EPT) - անալոգիական պարբերության վրա հիմնված մոդուլների հավաքակազմ։

EPT մոդուլների ցուցադրական տարբերակներ Ներբեռնել EPT մոդուլները

Scroll

Դեմո. EPT պարբերություններ

20/05/2025, by Ivan

EBT մոդուլների միջոցով դուք կարող եք հեշտությամբ ստեղծել լենդինգ էջեր առանց HTML/CSS գիտելիքների։

Հեշտ օգտագործում Paragraphs-ի հետ

EBT մոդուլները ստեղծում են պարբերության տեսակներ, որոնք կարող եք օգտագործել Paragraph դաշտերում՝

Ստեղծել EPT պարբերություններ

Այսպիսով, կարող եք ավելացնել նոր պարբերություն էջում ընդամենը մի քանի քլիքով։

Ահա լրացուցիչ տեղեկատվություն Paragraph մոդուլի մասին՝

https://www.drupal.org/docs/contributed-modules/paragraphs

Պարբերության պարունակություն և կարգավորումներ

Պարբերության խմբագրման ձևում կտեսնեք երկու ներդիր՝ Պարունակություն և Կարգավորումներ։ Պարունակություն ներդիրը պարունակում է դաշտեր՝ վերնագրեր, տեքստեր, պատկերներ և այլն։ Կարգավորումներ ներդիրը պարունակում է EPT-ի ընդհանուր կարգավորումներ՝ «Դիզայնի Ընտրանքներ», օրինակ՝ DOM Box, ինչպես նաև մոդուլին հատուկ կարգավորումներ՝ javascript plugin-ի կարգավորումներ, նախապես սահմանված ոճեր՝

EPT Դիզայնի Ընտրանքներ

DOM Box՝ արտաքին ու ներքին բացվածքներ, եզրագծեր

Յուրաքանչյուր EBT բլոկ ունի DOM Box կարգավորումներ՝ բլոկի վերևում և ներքևում բացվածքներ (margins), ինչպես նաև ներքին բացվածքներ (paddings) ավելացնելու համար՝

Drupal EPT DOM Box

 

Կարող եք սահմանել եզրագիծ՝ միայն մեկ կողմի, երկու կողմի կամ բոլոր կողմերի համար։ Մի մոռացեք նշել եզրագծի չափսը DOM Box-ում, հակառակ դեպքում եզրագիծը չի հայտնվի։

Հետնապատկերի գույն, պատկեր կամ վիդեո

EPT պարբերության բոլոր տեսակները ունեն հետնապատկերի կարգավորումներ։ Հնարավոր է ընտրել հետնապատկերի գույն, պատկերներ կամ արտաքին վիդեոներ՝ հիմնված Media մոդուլի վրա։

Նկար

Փորձարկեք DOM Box կարգավորումները, որպեսզի բլոկները ավելի լավ տեսք ունենան, փորձեք ավելացնել լրացուցիչ ներքին կամ արտաքին բացվածքներ, կամ եզրագիծ։ Ահա օրինակ EPT Accordion/ՀՏՀ մոդուլի համար՝
https://www.drupal.org/project/ebt_accordion

Ֆոնային տեսանյութ

EPT մոդուլները առայժմ աջակցում են միայն YouTube-ի ֆոնային տեսանյութերը։

Որտե՞ղ են հավաքվում ծրագրավորողները։

Stack Overflow սրահում։

Կարո՞ղ եք ինձ երաժշտական ​​նոտա տալ ծրագրավորման համար։

C#

Հետնապատկերի պատկերի ոճի դաշտում կարող եք ընտրել, թե ինչպես պետք է պահվի հետնապատկերի պատկերը։ Եթե ձեր պատկերը փոքր է, փորձեք ընտրել «Cover» կամ «Parallax», որպեսզի պատկերը լրացնի ամբողջ պարբերության ֆոնը.

Նկար
Parallax background image

Եզրից եզր պարբերություններ

Շատ հաճախ լենդինգ էջերում անհրաժեշտ է օգտագործել ամբողջ լայնությամբ հետնապատկեր՝ միևնույն ժամանակ կենտրոնացնելով պարունակությունը։ EBT կարգավորումներում կա «Edge to Edge» անունով նշակետ, որը դարձնում է պարբերության արտաքին կոնտեյները ամբողջ լայնությամբ՝

Նկար
Edge to edge paragraph

Ո՞րն է կյանքի իմաստը։

42

Կետ-ստորակետը բացակայում է։

Բարև, Աշխարհ!

Stack Overflow համալսարանում։

Եթե ​​այն աշխատում է, մի՛ դիպչեք դրան։

Container Max Width (Կոնտեյների առավելագույն լայնություն) թույլ է տալիս կարգավորել պարունակության լայնությունը բլոկի ներսում, որը օգտագործում է Edge to Edge տարբերակը։ Քանի որ բլոկը ձգվում է ամբողջ լայնությամբ, անհրաժեշտ է որոշել տեքստի լայնությունը՝ տարբեր բլոկներում դա կարող է տարբեր լինել։ Դուք կարող եք փոխել Container Max Width դասերի արժեքները, իսկ լռելյայն EBT-ն առաջարկում է հետևյալ լայնության տարբերակները՝

  • Auto (100%) — Տեքստի կոնտեյների ամբողջ լայնություն
  • xxSmall — 280px
  • xSmall — 480px
  • Small — 780px
  • Default — 960px
  • Large — 1120px
  • xLarge — 1320
  • xxLarge — 1600

Նախապես սահմանված ոճեր

EBT մոդուլները սովորաբար ներառում են նախապես սահմանված ոճերի հավաքածու։ Սա օգնում է ժամանակ խնայել նոր կոմպոնենտը լենդինգ էջում ձևավորելիս։ Կարող եք նաև ստեղծել ձեր սեփական ոճը և ավելացնել այն EBT մոդուլին։

Նկար
Styles

Արդյունք՝

Որպես ծրագրավորող, որտե՞ղ եք տեսնում ձեզ 10 տարի հետո։

Նստած համակարգչի առջև, հավանաբար ծրագրավորում։

Կարո՞ղ եք չորս բառով նկարագրել ծրագրավորողների կյանքը։

Կերեք։ Քնեք։ Կոդավորեք։ Կրկնեք։

Ինչպե՞ս են ծրագրավորողները վայելում կյանքը։

Երբ նրանք տեսնում են, որ իրենց կոդը աշխատում է առանց սխալների։

Ո՞րն է ծրագրավորման մեջ ամենամեծ սուտը։

HTML-ը ծրագրավորման լեզու է։

Կարգավորելի JavaScript հավելվածներ

Որոշ EPT մոդուլներ, ինչպիսիք են EPT Slideshow-ն, օգտագործում են JavaScript պլագիններ՝
https://www.drupal.org/project/ept_slideshow

Դուք կարող եք հարմարեցնել այս JavaScript պլագինը ձեր կարիքներին համապատասխան՝

Նկար

 

Միակ սլայդի ռեժիմ՝

Jane Doe

Jane Doe

Girl 3

Jane Doe

John Doe

John Doe

Բազմակի սլայդներ — կարուսել ռեժիմ։

Նկար
EPT Slideshow settings
Նկար
Carousel settings
Jane Doe

Jane Doe

Girl 3

Jane Doe

John Doe

John Doe

Շնորհակալություն EBT մոդուլն օգտագործելու համար։ Ես ուրախ կլինեմ լսել EBT մոդուլների վերաբերյալ ցանկացած գաղափար։

Ստեղծեք խնդիր Drupal.org-ում

Հարց տվեք

Ուղարկեք հաղորդագրություն LinkedIn-ում