69b9b1e7993169c3e1c40e1b6a942463

دوباره حق حق گریه، دوباره آه
سلام بی تو به عکست به هر پگاه

منی که مرده ام اینجا بدون تو
تویی که خفته ای آنجا چو تکه ماه

4369a9c7951a8b60333d29d9bea3ac72

من دارم از این گور خالی میکنم دل
از سوگواری های عالی میکنم دل

از این مسافر های گرد از راه رفته
از چشم خیس و راه خالی میکنم دل

849fc5c969613c90dc5dadcd3b864d47

من شبی خواب تو را دیدم و شیدا گشتم
از خودم گم شدم و در تو هویدا گشتم

قصر رنگین و قمر، قرص و هوا، بی مانند
این همه بود و تو را دیدم و پیدا گشتم

6429aed0c33cd4fa24863a9a8a14ec27

نم نم قطره ی بارون
روی گونه ی خیابون

توی دریای خیالت
میزنه موج پریشون

61d6899b684c1b132394651d1cc45556

جامی از نور به دستان شب است.

پلک خود میبندم

تا در اندیشه ی دل، با ماه، پرواز کنم.

اضافه کردن section جدید در gantry5

یکشنبه, 22 آذر 1394 ساعت 21:05

با سلام
یکی از تفاوت های gantry5 و gantry4 این است که در نسخه ی 5 به شکل پیش فرض section های کمتری برای ماژول ها وجود دارد. برای اضافه کردن یک section جدید در قالب gantry5 میتوانید مراحل زیر را طی نمایید:

فایل هایی که باید اضافه شوند:

  • \blueprints\styles\$$sectionname$$.yaml
  • \scss\$$templatename$$\_$$sectionname$$.scss

در فایل اول تنظیمات صفحه ی style مشخص میشوند، برای مثال:

 

name: $$Sectionname$$ Colors
description: $$Sectionname$$ colors for the $$templatename$$ theme
type: section

form:
fields:

background:
type: input.colorpicker
label: Background
default: "#FFFFFF"
text-color:
type: input.colorpicker
label: Text
default: "#666666"

برای اینکه در فایل های css کامپایل شده نیز این تنظیمات اعمال شود باید در  فایل scss\configuration\_colors.scss هم این تنظیمات را اعمال نمایید، به عنوان مثال در انتهای این فایل عبارت زیر را بیاورید(دقت کنید که پس از تغییر نام باید ابتدای خط ها یک $ بماند، یعنی متغیر php باشند):

// $$Sectionname$$
$$$Sectionname$$-background: #ffffff !default;
$$$Sectionname$$-text-color: #000000 !default;

این ها دو متغیر هستند که با توجه به تنظیمات صفحه ی style مقدار دهی میشوند. لذا هنوز در css ما خروجی نمیدهند. برای این کار فایلی که در مسیر \scss\$$templatename$$\_$$sectionname$$.scss ساختیم را با به شکل زیر پر میکنیم:

#g-$$sectionname$${
padding: $section-padding 0;
background: $$$sectionname$$-background;
color: $$$sectionname$$-text-color;
border-top: 1px solid rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(0,0,0,0.05);
}

@media print {
#g-$$sectionname$${
background: #ffffff !important;
color: #000000 !important;
}
}

 اما این فایل به شکل اتوماتیک توسط gantry فراخوانی نمیشود، برای فراخوانی آن باید در فایل \scss\$$templatename$$.scss خط زیر را وارد نمایید:

// $$Sectionname$$
@import "$$templatename$$ /$$Sectionname$$";

همچنین $$sectionname$$ را در قسمت انتهایی فایل gantry\theme.yaml اضافه نمایید:

admin:
styles:

section:
- header
- navigation
- showcase
- feature
- subfeature
- main
- footer

- $$sectionname$$
configuration:
- …

در پوشه ی layouts واقع در روت قالب شما، فایل layout ای که میخواهید از قسمت layout های قالب در مدیریت قالب بارگزاری کنید را ویرایش نموده و عبارت $$sectionname$$ را در زیر مجموعه ی layout اضافه کنید. همچنین میتوانید این قسمت را به شکل /$$sectionname$$/: اضافه نمایید. مانند بقیه ی مواردی که زیر مجموعه ی layout آمده اند.

امیدوارم که این آموزش زیاد برای شما گیج کننده نبوده باشد.
موفق باشید
یا علی

تعداد بازدید 1899 دفعه

نوشتن دیدگاه


/component/jcomments/captcha/98995.html
تصویر امنیتی جدید

استفاده از مطالب با ذکر منبع بلا مانع است.