loading...

طراحی سایت اختصاصی

بازدید : 13
دوشنبه 5 آبان 1404 زمان : 11:01


Container المنتور چیست
کانتینر المنتور
کانتینر المنتور
Container به شما این قابلیت و امکان را می دهد که المان‌های گوناگون را در یک قسمت تیم‌بندی نمایید. این قابلیت و امکان به شما یاری می‌نماید تا به راحتی بتوانید المان‌های متفاوت را جابجا، آراسته و رئیس فرمایید. Containers میتوانند مشمول ستون‌ها و ردیف‌ها باشند و به شما این قابلیت و امکان را می دهند که طرح‌بندی طراحی سایت اختصاصی بغرنج‌تری ساخت‌و‌ساز فرمایید.

مثلا فکر کنید کانتینر مثل یک باکس تعالی میباشد که میتوانید در آن چیزهای مختلفی قرار دهید. در دنیای طراحی سایت، این “چیزها” می توانند متن، تصاویر، دکمه‌ها یا این که هر المان دیگری باشند. کانتینر به شما این قابلیت را می دهد که با کشیدن و آزادکردن المان‌ها، یک کاغذ اینترنت به طور کامل سفارشی بسازید.

تا قبل از این کانتینر وجود نداشت و برای دکورا سیون کردن محتوا خیلی اذیت می‌شدیم، البته الان به راحتی با کانتینر می توانیم دکورا سیون سایتمان را فارغ از هیچ مشکلی زیباتر کنیم. از جمله پیش از این در حالتی که اینجانب یک سکشن 4 ستونه ساخت‌و‌ساز می کردم، 4 ردیف در آن بود ولی الان 4 کانتینر در آن میباشد.

کانتینر به مکان ردیف
کانتینر به مکان ردیف
ساخت کانتینر‌ها
مفتوح کردن المنتور
آغاز برگه یا این که پستی که می خواهید دستکاری نمایید را با المنتور گشوده فرمائید. برای این شغل، به داشبورد وردپرس بروید و برگه یا این که پست متبوع را گزینش نمائید. آن گاه روی دکمه “دستکاری با المنتور” کلیک فرمائید.

بازنویسی با المنتور در نوشته
بازنویسی با المنتور در نوشته
افزودن کانتینر
شما به دو طریق می توانید کانتینر تازه اضافه فرمایید شیوه اولیه اینکه مانند تصویر ذیل با زدن مورد‌ی “اضافه کردن کانتینر نو” کلیک نمایید.

اضافه کردن کانتینر تازه
اضافه کردن کانتینر تازه
شیوه دوم اینکه از تب اضافه کردن المان‌ها یک “کانتینر” را به فریم اواسط ورقه بکشید. کانتینر جدیدی به ورقه شما اضافه می‌گردد.

اضافه کردن کانتینر تازه با کشیدن و ول کردن
اضافه کردن کانتینر نو با کشیدن و آزاد کردن
بعداز فشار دادن دکمه‌ی اضافه کردن کانتینر تازه با دو آیتم روبه‌رو خواهید شد. فلکس جعبه و کانال‌ای، در صدر مورد نیاز میباشد که تفاوت این دو با یکدیگر را بدانید.

گزینش فلکس جعبه یا این که کانال ای برای ایجاد کرد کانتینر
تعیین فلکس جعبه یا این که کانال ای برای تشکیل داد کانتینر
کانتینر فلکس جعبه و کانال ای
المنتور تحت عنوان یکی‌از توسعه یافته‌ترین پلاگین‌های ورقه‌ساز وردپرس، از دو طرز پر استفاده برای پیاده سازی و تهیه ساختار صفحه های به کارگیری می‌نماید: کانال‌ای (Grid) و فلکس‌جعبه (Flexbox). هر مورد از این طریق‌ها قابلیت و امکان‌ها و خصوصیت‌های منحصربه‌فرد به شخصی دارا هستند که در پی به رسیدگی و مقایسه آن ها می پردازیم.

1. فلکس‌جعبه (Flexbox)
فلکس‌جعبه یک سبک طرح‌بندی CSS میباشد که برای ساخت‌و‌ساز ساختارهای انعطاف‌پذیر و تهیه شرایط المان‌ها در یک کانتینر استعمال می گردد. المنتور از فلکس‌جعبه برای ساخت طرح‌های دینامیک و سازگار با اشکال اندازه‌های برگه استعمال می‌نماید.

فلکس جعبه برای کانتینر
فلکس جعبه برای کانتینر
در نصیب جهت گیری بایستی اعتنا نمائید که مطالب شما قرار میباشد در کدام جهت چیده شوند، آنگاه جهت متبوع خویش را تعیین فرمایید. از جمله هنگامی شما جهت افقی را تعیین می کنید، هرتعدادی که کانتینر در آن قرار بگیرد در جهت افقی قرار میگیرد ، مانند تصویر ذیل

جهت افقی برای کانتینر
جهت افقی برای کانتینر
البته در صورتی‌که از جهت عمودی به کارگیری نمائید کانتینرهای شما همگی در جهت عمودی قرار خواهند گرفت. که اما بعدا نیز قابل تغییر و تحول میباشند. که درپی‌ی نوشته‌علمی توضیح خوا‌هیم بخشید.

جهت عمودی برای کانتینر
جهت عمودی برای کانتینر
مزایای به کارگیری از فلکس‌جعبه در المنتور
انعطاف‌پذیری بالا:
فلکس‌جعبه به شما این قابلیت و امکان را می دهد که المان‌ها را به راحتی در یک کانتینر تهیه و سازماندهی فرمائید، سوای نیاز به تمجید اندازه‌های اثبات.
تروتمیز‌سازی دینامیک:
المان‌ها در فلکس‌جعبه میتوانند به طور افقی یا این که عمودی آراسته شوند و شرایط آنها به صورت خود کار بر پایه ی فضای مو جود تهیه و تنظیم گردد.
در اختیار گرفتن عالی بر فضای فی مابین المان‌ها:
شما میتوانید فضای فی مابین المان‌ها را به طور ظریف تهیه و تنظیم نمایید و نسبت به تغییرات در اندازه کاغذ اکران به صورت اتومات عکس العمل نماد دهید.
محدودیت‌ها و نکات
ابهام در طرح‌های بسیار غامض:
اگرچه فلکس‌جعبه در ساخت و ساز طرح‌های بی آلایش و میانگین بسیار توانمند میباشد، ولی در طرح‌های بسیار بغرنج ممکن میباشد نیاز به پیکربندی بیشتری داشته باشید


Container المنتور چیست
کانتینر المنتور
کانتینر المنتور
Container به شما این قابلیت و امکان را می دهد که المان‌های گوناگون را در یک قسمت تیم‌بندی نمایید. این قابلیت و امکان به شما یاری می‌نماید تا به راحتی بتوانید المان‌های متفاوت را جابجا، آراسته و رئیس فرمایید. Containers میتوانند مشمول ستون‌ها و ردیف‌ها باشند و به شما این قابلیت و امکان را می دهند که طرح‌بندی طراحی سایت اختصاصی بغرنج‌تری ساخت‌و‌ساز فرمایید.

مثلا فکر کنید کانتینر مثل یک باکس تعالی میباشد که میتوانید در آن چیزهای مختلفی قرار دهید. در دنیای طراحی سایت، این “چیزها” می توانند متن، تصاویر، دکمه‌ها یا این که هر المان دیگری باشند. کانتینر به شما این قابلیت را می دهد که با کشیدن و آزادکردن المان‌ها، یک کاغذ اینترنت به طور کامل سفارشی بسازید.

تا قبل از این کانتینر وجود نداشت و برای دکورا سیون کردن محتوا خیلی اذیت می‌شدیم، البته الان به راحتی با کانتینر می توانیم دکورا سیون سایتمان را فارغ از هیچ مشکلی زیباتر کنیم. از جمله پیش از این در حالتی که اینجانب یک سکشن 4 ستونه ساخت‌و‌ساز می کردم، 4 ردیف در آن بود ولی الان 4 کانتینر در آن میباشد.

کانتینر به مکان ردیف
کانتینر به مکان ردیف
ساخت کانتینر‌ها
مفتوح کردن المنتور
آغاز برگه یا این که پستی که می خواهید دستکاری نمایید را با المنتور گشوده فرمائید. برای این شغل، به داشبورد وردپرس بروید و برگه یا این که پست متبوع را گزینش نمائید. آن گاه روی دکمه “دستکاری با المنتور” کلیک فرمائید.

بازنویسی با المنتور در نوشته
بازنویسی با المنتور در نوشته
افزودن کانتینر
شما به دو طریق می توانید کانتینر تازه اضافه فرمایید شیوه اولیه اینکه مانند تصویر ذیل با زدن مورد‌ی “اضافه کردن کانتینر نو” کلیک نمایید.

اضافه کردن کانتینر تازه
اضافه کردن کانتینر تازه
شیوه دوم اینکه از تب اضافه کردن المان‌ها یک “کانتینر” را به فریم اواسط ورقه بکشید. کانتینر جدیدی به ورقه شما اضافه می‌گردد.

اضافه کردن کانتینر تازه با کشیدن و ول کردن
اضافه کردن کانتینر نو با کشیدن و آزاد کردن
بعداز فشار دادن دکمه‌ی اضافه کردن کانتینر تازه با دو آیتم روبه‌رو خواهید شد. فلکس جعبه و کانال‌ای، در صدر مورد نیاز میباشد که تفاوت این دو با یکدیگر را بدانید.

گزینش فلکس جعبه یا این که کانال ای برای ایجاد کرد کانتینر
تعیین فلکس جعبه یا این که کانال ای برای تشکیل داد کانتینر
کانتینر فلکس جعبه و کانال ای
المنتور تحت عنوان یکی‌از توسعه یافته‌ترین پلاگین‌های ورقه‌ساز وردپرس، از دو طرز پر استفاده برای پیاده سازی و تهیه ساختار صفحه های به کارگیری می‌نماید: کانال‌ای (Grid) و فلکس‌جعبه (Flexbox). هر مورد از این طریق‌ها قابلیت و امکان‌ها و خصوصیت‌های منحصربه‌فرد به شخصی دارا هستند که در پی به رسیدگی و مقایسه آن ها می پردازیم.

1. فلکس‌جعبه (Flexbox)
فلکس‌جعبه یک سبک طرح‌بندی CSS میباشد که برای ساخت‌و‌ساز ساختارهای انعطاف‌پذیر و تهیه شرایط المان‌ها در یک کانتینر استعمال می گردد. المنتور از فلکس‌جعبه برای ساخت طرح‌های دینامیک و سازگار با اشکال اندازه‌های برگه استعمال می‌نماید.

فلکس جعبه برای کانتینر
فلکس جعبه برای کانتینر
در نصیب جهت گیری بایستی اعتنا نمائید که مطالب شما قرار میباشد در کدام جهت چیده شوند، آنگاه جهت متبوع خویش را تعیین فرمایید. از جمله هنگامی شما جهت افقی را تعیین می کنید، هرتعدادی که کانتینر در آن قرار بگیرد در جهت افقی قرار میگیرد ، مانند تصویر ذیل

جهت افقی برای کانتینر
جهت افقی برای کانتینر
البته در صورتی‌که از جهت عمودی به کارگیری نمائید کانتینرهای شما همگی در جهت عمودی قرار خواهند گرفت. که اما بعدا نیز قابل تغییر و تحول میباشند. که درپی‌ی نوشته‌علمی توضیح خوا‌هیم بخشید.

جهت عمودی برای کانتینر
جهت عمودی برای کانتینر
مزایای به کارگیری از فلکس‌جعبه در المنتور
انعطاف‌پذیری بالا:
فلکس‌جعبه به شما این قابلیت و امکان را می دهد که المان‌ها را به راحتی در یک کانتینر تهیه و سازماندهی فرمائید، سوای نیاز به تمجید اندازه‌های اثبات.
تروتمیز‌سازی دینامیک:
المان‌ها در فلکس‌جعبه میتوانند به طور افقی یا این که عمودی آراسته شوند و شرایط آنها به صورت خود کار بر پایه ی فضای مو جود تهیه و تنظیم گردد.
در اختیار گرفتن عالی بر فضای فی مابین المان‌ها:
شما میتوانید فضای فی مابین المان‌ها را به طور ظریف تهیه و تنظیم نمایید و نسبت به تغییرات در اندازه کاغذ اکران به صورت اتومات عکس العمل نماد دهید.
محدودیت‌ها و نکات
ابهام در طرح‌های بسیار غامض:
اگرچه فلکس‌جعبه در ساخت و ساز طرح‌های بی آلایش و میانگین بسیار توانمند میباشد، ولی در طرح‌های بسیار بغرنج ممکن میباشد نیاز به پیکربندی بیشتری داشته باشید

نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
لینک دوستان
آمار سایت
  • کل مطالب : 606
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 43
  • بازدید کننده امروز : 1
  • باردید دیروز : 0
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 44
  • بازدید ماه : 46
  • بازدید سال : 998
  • بازدید کلی : 689800
  • <
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    کدهای اختصاصی