آموزش ردیف و ستون در ویژوال کامپوزر
در پیشخوان وردپرس، از زیرگروه برگه ها، یک برگه جدید اضافه کنید و یا از برگه هایی که قبلاً ایجاد کرده اید، یکی را در حالت ویرایش باز کنید. همان طور که می دانید اولین المانی که میبایست در صفحه اضافه شود ردیف است. برای اضافه کردن ردیف که باعث نظم و فاصله به المان های صفحه میشود، با کلیک روی دکمه افزودن المان، المان ردیف را انتخاب کنید.
پس از انتخاب المان ردیف، مانند شکل زیر یک ردیف به صفحه ویرایشگر اضافه میشود که با استفاده از گزینه های آن میتوانید نسبت به تغییرات و سفارشی سازی ردیف اقدام کنید.
در تصویر زیر گزینه های ردیف را به شما معرفی کرده ایم قابلیت جابجایی ردیف با کشیدن و رها کردن موس.
- قابلیت جابجایی ردیف با کشیدن و رها کردن موس.
- اضافه کردن بخش(ستون) جدید در همان ردیف.
- تعداد و ویرایش ستونهای ردیف.
- کوچک کردن ردیف.
- کپی کدهای ردیف برای استفاده در برگه های دیگر.
- تنظیمات ردیف.
- کپی ردیف برای استفاده در همین صفحه(clone).
- حذف ردیف.
- اضافه کردن کدد CSS برای این برگه.
- بزرگ و کوچک کردن صفحهساز .
- Undo و بازگردانی تغییرات به حالت قبلی.
- چسباندن ردیف کپی شده با استفاده از کپی کدها(مورد 5) و ایجاد یک ردیف همانند ردیف کپی شده در برگه جدید.
- ساخت یک الگو از همه ردیف ها و المان های صفحه برای استفاده از این الگو در برگه جدید.
- افزودن المان جدید.
برای مثال، می خواهیم ردیف صفحه را با استفاده از دکمه شماره 3 به دو ستون مساوی تقسیم کنیم.
در یکی از ستون ها المان تصویر و در ستون دیگر المان بلاک متن را اضافه و ذخیره کنید. توجه داشته باشید در هر ستون با استفاده از آیکن مداد می توانید به طور اختصاصی آن ستون را ویرایش و تنظیمات دلخواهتان را اعمال نمایید.
نتیجه نهایی
در نهایت نتیجه کار به شکل زیر خواهد بود.
ردیف داخلی
فرض کنید یک ردیف ایجاد کرده اید که دو ستون دارد. حال اگر بخواهید هر کدام از این دو ستون خود به ستون های بیشتری تقسیم شود، میبایست از ردیف داخلی استفاده کنید. یعنی در ردیف اصلی، یک المان ردیف به عنوان ردیف داخلی اضافه کرده و این ردیف داخلی را به تعداد ستون هایی که در نظر دارید تقسیم کنید. همان طور که در شکل زیر میبینید، ردیف اصلی دارای دو ستون برابر و در هر ستون یک ردیف داخلی با ستون های مربوط به خود طراحی شده است.
در ادامه آموزش ها با امکانات بیشتری از صفحه ساز ویژوال کامپوزر آشنا خواهید شد.