آشنایی با تنظیمات ردیف و ستون

( جمعه ، 2 مهر سال 1400 )

حق کپی ویدئو

مجاز نمی باشد.

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

جلسه چهل و پنج

آموزگار :

مهدی جبین پور

در این آموزش قصد داریم شما را با تنظیمات ردیف و ستون بیشتر آشنا کنیم.به طور کلی همه قسمت ها و المان هایی که در طراحی برگه ها با ویژوال کامپوزر از آن ها استفاده می شود قابلیت ویرایش و تنظیم دارند. با استفاده از آیکون(مداد)، که برای هر کدام از ردیف، ستون، المان و ردیف داخلی قرار دارد، امکان ویرایش آن¬ها به طور جداگانه وجود دارد.
( ادامه مطلب … )

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

آنچه توانسته ایم لطف خدا بوده است ، ابزار وردپرس بعنوان یکی از مراجع بزرگ طراحی وب و وردپرس در حال فعالیت می باشد 🙂

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

آنچه توانسته ایم لطف خدا بوده است ، ابزار وردپرس بعنوان یکی از مراجع بزرگ طراحی وب و وردپرس در حال فعالیت می باشد 🙂

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

آشنایی با تنظیمات ردیف و ستون

( جمعه ، 2 مهر سال 1400 )

تنظیمات ردیف اصلی

برای تنظیمات ردیف اصلی، بر روی آیکون (مداد) کلیک کنید تا صفحه ردیف تنظیمات باز شود. صفحه ردیف تنظیمات دارای چند بخش(تب) است که هر کدام برای تنظیم مواردی از ردیف کاربرد دارند.

بخش عمومی تنظیمات ردیف

در تب عمومی صفحه ردیف تنظیمات، ارتفاع ردیف با کمک جعبه بازشونده­ای که روبروی گزینه “ارتفاع ردیف” قرار دارد قابل تغییر است.

در صورتی­که بخواهید محتوای ردیف، کل عرض صفحه را در بر بگیرد، گزینه “محتوای تمام عرض” را فعال کنید.

با استفاده از گزینه “تصویر پس­زمینه” می­توانید برای ردیف یک تصویر پس­زمینه در نظر بگیرید. همچنین با استفاده از گزینه “روکش پس­زمینه”، یک لایه رنگی با شفافیت بالا روی تصویر پس­زمینه قرار می­گیرد و باعث جذابیت تصویر می­شود.

برای غیر فعال کردن و عدم نمایش ردیف در سایت، گزینه “غیر فعال کردن ردیف” را روشن کنید.

بخش جداکننده شکل تنظیمات ردیف

تب جداکننده شکل در صفحه ردیف تنظیمات، امکان جداکردن ردیف از بقیه ردیف­ ها و المان­ های صفحه را با استفاده از اشکال مورب و منحنی فراهم می­کند. استفاده از جداکننده­ ها به زیبایی بیشتر سایت کمک می­کنند. جداکننده شکل در ردیف بصورت جداکننده بالا و جداکننده پایین هستند و هر کدام طرح­های خاص و منحصر بفردی را برای استفاده در اختیار شما قرار می­دهند.

بخش ستون­های تنظیمات ردیف

در تب ستون­ ها از تنظیمات ردیف، مکان قرارگیری محتوای ردیف با گزینه “پوزیشن محتوای ستون­ ها” قابل تغییر است. با استفاده از این گزینه محتوای ستون در بالا، میانه و پایین ردیف تنظیم می­شود.  برای ایجاد فاصله بین ستون­ ها، اندازه­ای که می­خواهید بین ستون­ ها فاصله باشد را در قسمت “فاصله اضافی”، تعیین کنید.

بخش طراحی تنظیمات ردیف

تب طراحی برای زیبایی هر چه بیشتر ردیف کاربرد دارد. برای ایجاد تغییر با کد نویسی CSS، نام کلاس یا شناسه(Id) ردیف را در قسمت مشخص شده تب طراحی نوشته و کدهای CSS را در بخش CSS اضافی تنظیمات برگه بنویسید.

بخش متن: نوع فونت متن، رنگ نوشته، فاصله بین حروف و تنظیمات مربوط به محتوای متنی از این بخش قابل تغییر است.

بخش پس زمینه: با استفاده از گزینه ­های این قسمت، می­توانید برای ردیف رنگ و یا تصویر پس ­زمینه اعمال کنید.

بخش فاصله: تغییر فاصله­ های مارجین (Margin) که فاصله خارجی محتوا بوده و پدینگ(Padding)  که فاصله داخلی محتوا می­باشد در فیلد فاصله­ ها تنظیم می­شوند.

بخش حاشیه: برای ایجاد کادر(Border)  و مرزبندی برای عناصر از حاشیه استفاده می­شود. نوع، ضخامت، رنگ و گرد بودن لبه های کادر نیز از این بخش قابل تغییر است.

باکس سایه ها: با استفاده از این فیلد می­توانید برای عناصر سایت، طرح سایه ایجاد کنید.

تنظیمات ستون

برای ویرایش و تنظیمات ستون، آیکون (مداد) روی ستون را کلیک کنید. صفحه تنظیمات ستون دارای چند بخش است که در ادامه توضیح می­دهیم.

بخش عمومی تنظیمات ستون 

در تب عمومی می­توانید برای نمایش عناصر موجود در ستون، یک انیمیشن انتخاب کنید و مدت زمان نمایش آن را نیز تنظییم کنید.

بخش طراحی تنظیمات ستون

تب طراحی در تنظیمات ستون مشابه تب طراحی ردیف می باشد که در بالا گفته شد.

بخش ریسپانسیو تنظیمات ستون

در صورتیکه بخواهید المان­ های یک ستون در بعضی از دستگاه­ ها نمایش داده نشود (مثلاً عدم نمایش یک ستون در حالت موبایل) می­توانید در بخش ریسپانسیو از گزینه “پنهان کردن در دستگاه های همراه” استفاده کنید و گزینه مربوط به دستگاه مورد نظر را فعال نمایید.

تنظیمات ردیف داخلی

تنظیمات ردیف داخلی مشابه تنظیمات ردیف می­باشد که در بالا گفته شد.

برای نوشتن دیدگاه باید وارد بشوید.

20 دیدگاه. Leave new

فهرست