طراحی قالب برای دروپال 8

شما اینجا هستید

4 پست / 0 جدید
آخرین ارسال

وضعیت: آفلاین
  • تعداد ارسال: ۳۱۳
  • تاریخ عضویت: ۲۰۱۴/۱۲/۲۱
  • آخرین حضور: ۲۰۱۹/۰۸/۱۰
  • سمت: کاربر عضو
  • موقعیت: نامشخص

سلام
دوستان میشه توضیحاتی در مورد اصول طراحی قالبهای دروپال 8 بدین ؟
مثلا موارد زیر چه هستند و چرا css رو اینقدر باز کردن و ...
ghaleb.libraries.yml
ghaleb.theme


وضعیت: آفلاین
  • تعداد ارسال: ۸۷۸
  • تاریخ عضویت: ۲۰۰۹/۱۱/۰۱
  • آخرین حضور: ۲۰۲۰/۱۲/۰۴
  • سمت: مدیر کل
  • موقعیت: تهران

مراحل زیر را دنبال کنید:
1- دایرکتوری جدیدی برای قالب درست کرده و فایل theme.info.yaml را در آن قرار دهید. دقت کنید دایرکتوری با قالبی که می سازید همنام باشد.
2- اطلاعات که برای شناسایی قالب توسط دروپال نیاز است در این فایل قرار دهید. این اطلاعات شامل نام قالب ، توضیحات ، هسته دروپال، کتابخانه ها ، استایل ها ، ناحیه های قالب هستند. مثال:
name: DrupalCMS
type: theme
description: DrupalCMS theme for drupal 8.
core: 8.x
global-styling:
  version: 1.x
  css:
    theme:
      css/style.css: {}
      css/print.css: { media: print }
regions:
  header: Header
  content: Content
  sidebar: Sidebar
  footer: Footer

3- شخصی سازی های خود بروی قالب را انجام دهید.
4- قالب را به دایرکتوری قالب های دروپال 8 (themes/custom) انتقال داده و اقدام به فعال سازی آن نمایید.
5- دیگر تغییرات تماما مشابه دروپال 7 است با این تفاسیر که نام فایل ها تفاوت یافته است.
البته شما میتوانید قالب را طوری طراحی کنید که زیر مجموعه قالب دیگری باشد که به آن اصطلاحا sub-theme می گویند.


وضعیت: آفلاین
  • تعداد ارسال: ۳۱۳
  • تاریخ عضویت: ۲۰۱۴/۱۲/۲۱
  • آخرین حضور: ۲۰۱۹/۰۸/۱۰
  • سمت: کاربر عضو
  • موقعیت: نامشخص

ghaleb.libraries.yml و ghaleb.theme نقششون چیه؟
چرا اینقدر کامپوننت داره و css هاش زیادن؟به اونا توجه نکنم؟


وضعیت: آفلاین
  • تعداد ارسال: ۸۷۸
  • تاریخ عضویت: ۲۰۰۹/۱۱/۰۱
  • آخرین حضور: ۲۰۲۰/۱۲/۰۴
  • سمت: مدیر کل
  • موقعیت: تهران

بیشتر شدن تعداد کدهای تعریف هر یک از اجزای قالب به این دلیل است که در دروپال 8 علاوه بر تمامی قابلیت های دروپال 7 از jQuery 2.0، HTML5 و CSS3 نیز استفاده می شود و المنت های پیشفرض آن بصورت ریسپانسیو تعریف شده اند.
در دروپال 8 اجزای قالب، در سه سطح میتوانند به دروپال اضافه شوند:
1- بصورت سراسری در کل دروپال
2- در هر قالب از دروپال
3- در هر صفحه ای که در حال نمایش باشد

فایل yourtheme.libraries.yml برای تعریف همین اجزا مورد استفاده قرار میگیرند.
فایل yourtheme.breakpoints.yml برای تنظیمات تعاملی قالب می باشد.
فایل yourtheme.theme برای تعریف توابع پردازشی است. (مشابه فایل template.php دروپال 7)
فایل های *.html.twig نگهدارنده دستورات بسیار ساده twig برای نمایش قالب هستند. (مشابه فایل های tpl.php دروپال 7)