افزونه ریسپانسیو وردپرس Archives

رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images

تاریخ : 7th مارس 2019
موضوع : دانلود رایگان اسکریپت , دانلود قالب
بازدید : 288 نمایش

رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images
[ad_1]

رسپانسیو کردن تصاویر وردپرس

قبلا در مورد طراحی سایت ریسپانسیو یا واکنش گرا توضیحاتی دادیم. این افزونه به طور اتوماتیک تصاویر وردپرس در اندازه های مختلف ارائه می دهد. تمام عکس ها در هر سایزی شامل تگ عکس همراه با ویژگی srcset می شود. در وردپرس زمانی که تصویری آپلود می کنید، به طور پیش فرض تصاویر در اندازه های مختلف تولید می شود.

رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images

سپس برای افزودن تصاویر در اندازه های مختلف می توانید از تابع add_image_size مانند زیر استفاده کنید. با این تابع می توان یک سایز تصویر جدید تعریف کرد. در آخر این کد را در فایل functions.php قالب خود ذخیره نمایید.

<?php add_image_size( $name, $width, $height, $crop ); ?>

این تابع چهار پارامتر دارد که نام، عرض، ارتفاع و کات کردن تصاویر را مشخص می کند. مقدار پارامتر $crop به صورت پیش فرض false است. از این به بعد پس از آپلود تصاویر، تصویر شما با اندازه جدیدی که تعریف کردید هم ذخیره می شود.

نحوه کار با افزونه RICG Responsive Images

پس از نصب و فعال سازی افزونه، تصاویر وبسایت شما رسپانسیو می شود و زمانی که وارد سایت می شوید مرورگر بهترین تصویر را برای بارگذاری انتخاب می ج-حکعتفلقشفغ

ند.

به ۷۸*+-+

۷۶ف۵۴ض÷۱۲۳مین راحتی!

نوشته رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

ادامه مطلب...

رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images

تاریخ : 28th فوریه 2019
موضوع : دانلود رایگان اسکریپت , دانلود قالب
بازدید : 316 نمایش

رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images
[ad_1]

رسپانسیو کردن تصاویر وردپرس

قبلا در مورد طراحی سایت ریسپانسیو یا واکنش گرا توضیحاتی دادیم. این افزونه به طور اتوماتیک تصاویر وردپرس در اندازه های مختلف ارائه میدهد. تمام عکس ها در هر سایزی شامل تگ عکس همراه با ویژگی srcset میشود. در وردپرس زمانی که تصویری آپلود میکنید، به طور پیش فرض تصاویر در اندازه های مختلف تولید میشود.

رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images

سپس برای افزودن تصاویر در اندازه های مختلف میتوانید از تابع add_image_size مانند زیر استفاده کنید. با این تابع میتوان یک سایز تصویر جدید تعریف کرد. در آخر این کد را در فایل functions.php قالب خود ذخیره نمایید.

<?php add_image_size( $name, $width, $height, $crop ); ?>

این تابع چهار پارامتر دارد که نام، عرض، ارتفاع و کات کردن تصاویر را مشخص میکند. مقدار پارامتر $crop به صورت پیش فرض false است. از این به بعد پس از آپلود تصاویر، تصویر شما با اندازه جدیدی که تعریف کردید هم ذخیره میشود.

نحوه کار با افزونه RICG Responsive Images

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

به همین راحتی!

نوشته رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

ادامه مطلب...

ساخت نسخه موبایل سایت وردپرسی با mobble

تاریخ : 21st آگوست 2018
موضوع : اسکریپت , اسکریپت جدید , اسکریپت رایگان , اسکریپت فارسی
بازدید : 295 نمایش

ساخت نسخه موبایل سایت وردپرسی با mobble
[ad_1]

ساخت نسخه موبایل سایت وردپرسی با mobble

ساخت نسخه موبایل سایت وردپرس

امروز قصد دارم شما را با یک افزونه کاربردی و متفاوت آشنا کنم، افزونه mobble به شما کمک می کند تا یک نسخه موبایل از سایت خود را ایجاد کنید تا در زمانی که کاربران با موبایل خود از سایت شما بازدید کردند، بتوانند همه محتوای سایت شما را به راحتی مشاهده کنند.

نحوه کار با افزونه mobble

خب همگی این مرحله رو حفظیم 🙂 آموزش نصب افزونه در وردپرس را ببینید. پس از راه اندازی و فعال سازی افزونه گزینه جدیدی به نام mobble در منو تنظیمات وردپرس ایجاد می شود. با کلیک بر روی آن می توانید تنظیمات افزونه را پیکربندی کنید.

تنظیمات افزونه

در این قسمت می توانید اطلاعات دستگاه های مختلف اعم از موبایل و تبلت را به کلاس body قالب خود مانند <body class=”handheld android tablet اضافه کنید. تیک گزینه “Mobify body class” را فعال و تغییرات را ذخیره کنید.

این افزونه توابع شرطی مرتبط با موبایل را برای سایت شما مانند is_iphone ()، is_mobile () و is_tablet () فراهم می کند.

چهار تابع مفید و سودمند:

is_handheld(); // any handheld device (phone, tablet, Nintendo) is_mobile(); // any type of mobile phone (iPhone, Android, etc) is_tablet(); // any tablet device (currently iPad, Galaxy Tab) is_ios(); // any Apple device (iPhone, iPad, iPod)

is_handheld(); // any handheld device (phone, tablet, Nintendo)

is_mobile(); // any type of mobile phone (iPhone, Android, etc)

is_tablet(); // any tablet device (currently iPad, Galaxy Tab)

is_ios(); // any Apple device (iPhone, iPad, iPod)

دو نمونه مثال:

در این مثال یک شیوه نامه خاص برای دستگاه آیفون بارگذاری می کند.

<?php if (is_ios()) { wp_enqueue_style(‘ios’, get_template_directory_uri() . ‘/ios.css’); } ?>

<?php

if (is_ios()) {

wp_enqueue_style(‘ios’, get_template_directory_uri() . ‘/ios.css’);

}

در این مثال تمام سایدبار از موبایل حذف می کند.

<?php if (!is_mobile()) { get_sidebar(); } ?>

<?php

if (!is_mobile()) {

get_sidebar();

}

موفق و پیروز باشید.

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

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

[ad_2]

لینک منبع مطلب

ادامه مطلب...

رسپانسیو کردن تصاویر وردپرس با RICG Responsive Images

تاریخ : 15th ژانویه 2018
موضوع : اسکریپت , اسکریپت جدید , اسکریپت رایگان , اسکریپت فارسی
بازدید : 402 نمایش

رسپانسیو کردن تصاویر وردپرس با RICG Responsive Images
[ad_1]

رسپانسیو کردن تصاویر وردپرس

قبلا در مورد طراحی سایت ریسپانسیو یا واکنش گرا توضیحاتی دادیم. این افزونه به طور اتوماتیک تصاویر وردپرس در اندازه های مختلف ارائه میدهد. تمام عکس ها در هر سایزی شامل تگ عکس همراه با ویژگی srcset میشود. در وردپرس زمانی که تصویری آپلود میکنید، به طور پیش فرض تصاویر در اندازه های مختلف تولید میشود.

سپس برای افزودن تصاویر در اندازه های مختلف میتوانید از تابع add_image_size مانند زیر استفاده کنید. با این تابع میتوان یک سایز تصویر جدید تعریف کرد. در آخر این کد را در فایل functions.php قالب خود ذخیره نمایید.

<?php add_image_size( $name, $width, $height, $crop ); ?>

<?php add_image_size( $name, $width, $height, $crop ); ?>

این تابع چهار پارامتر دارد که نام، عرض، ارتفاع و کات کردن تصاویر را مشخص میکند. مقدار پارامتر $crop به صورت پیش فرض false است. از این به بعد پس از آپلود تصاویر، تصویر شما با اندازه جدیدی که تعریف کردید هم ذخیره میشود.

نحوه کار با افزونه RICG Responsive Images

به همین راحتی!

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

فاطمه همایون

ارشد فناوری اطلاعات،علاقه مند به طراحی وب،وردپرس،تجارت الکترونیک،عضو تیم میهن وردپرس

[ad_2]

لینک منبع مطلب

ادامه مطلب...

دیجی اسکریپت