ریسپانسیو کردن عکسها در وردپرس

زمان جاریtime : شنبه 16 تیر 1403 - 8:13 بعد از ظهر

شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .

صفحه اصلیHome page / آموزش استفاده از نرم افزار های برنامه/کد نویسی / ریسپانسیو کردن عکسها در وردپرس

ارسال پاسخ جدید

تعداد بازدیدvisits : 340

giasi

معاونت

ارسال هاAnswers :	3677
عضویتRegistration date :	3 /2 /1392
حمایت کردهThanks :	23
حمایت شدهThanked :	2399

ریسپانسیو کردن عکسها در وردپرس

چطور عکسهای ارسالی و کلیه عکسها ریسپانسیو کنیم

راحت هست و سخت نیست باید از 3 مسیر روی قالب کار کرد

1- از فانکشن دستور ریسپانسیو ایجاد کنیم

کد:


function responsive_images($atts, $content = null) {
     return '<div class="image-resized">' . $content .'</div>';
}

add_shortcode('responsive', 'responsive_images');

2- تعریف استایل واکنش پذیری داخل فایل اصلی استایل قالب یا اگه استایل ریسپانسیو جدا دارید قرار دهید

کد:

@media only screen and (max-width:767px) {
    .image-resized img {
        width:100%;
        height:auto;
    }

}

کد:

/* 240px screens */@media only screen and (max-width: 319px) { .image-resized img { width:240px; height:auto; }} /* 320px screens */@media only screen and (min-width: 320px) and (max-width: 479px) { .image-resized img { width:320px; height:auto; }} /* 480px screens */@media only screen and (min-width: 480px) and (max-width: 767px) { .image-resized img { width:480px; height:auto; }}

3- حال برای فراخوان آنها داخل بلاگ

[

کد:
responsive]<img src="image_url" alt="alt" title="title" />[/responsive]

وب تخصصی و کاری من (سئو وب )

بهینه سازی کلیه سیستمهای وبلاگ نویسی از رزبلاگ تا بلاگفا

سیستم مدیریت محتوای وردپرس .......جوملا

بردن هر کلمه به صفحه اول گوگل .....

آخرین متد های موتور جستجو گوگل پاندا و پنگوئن

دوشنبه 27 مرداد 1393 - 15:15

وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شدهThanks :

سپاس هاThanks (2) : majid - mahan12 -

adv-coder

[avatar_answeradv-coder]

[starsadv-coder]

[rankingadv-coder]

ارسال‌هاAsnwers :	[Count_Alladv-coder]
عضویتRegistration date :	[registerdateadv-coder]
محل زندگیLiving position :	[cityadv-coder]
سنAge :	[age_answeradv-coder]
شناسه یاهوYahoo ID :	[yahooadv-coder]
تعداد اخطارWarnings :	[warningadv-coder]
حمایت کردهthanks :	[thanksadv-coder]
حمایت شدهThanked :	[thanksadv-coder]

پاسخAnswer 1 : ریسپانسیو کردن عکسها در وردپرس

مرسی.ولی اون کلمه ی فانکشن رو درست کنید.نوشتید فاکشن

[emzaadv-coder]

دوشنبه 27 مرداد 1393 - 15:16

وب کاربرUser's blog

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

giasi

معاونت

ارسال‌هاAsnwers :	3677
عضویتRegistration date :	3 /2 /1392
حمایت کردهthanks :	23
حمایت شدهThanked :	2399

پاسخAnswer 2 : ریسپانسیو کردن عکسها در وردپرس

گیر دادی ها

نصیحت:::::::::::::::: همیشه به اصل محتوا کار داشته باشید ::::::::::::::::::::::::::

دوشنبه 27 مرداد 1393 - 15:17

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

adv-coder

[avatar_answeradv-coder]

[starsadv-coder]

[rankingadv-coder]

ارسال‌هاAsnwers :	[Count_Alladv-coder]
عضویتRegistration date :	[registerdateadv-coder]
محل زندگیLiving position :	[cityadv-coder]
سنAge :	[age_answeradv-coder]
شناسه یاهوYahoo ID :	[yahooadv-coder]
تعداد اخطارWarnings :	[warningadv-coder]
حمایت کردهthanks :	[thanksadv-coder]
حمایت شدهThanked :	[thanksadv-coder]

پاسخAnswer 3 : ریسپانسیو کردن عکسها در وردپرس

نقل قول از giasi
گیر دادی ها
نصیحت:::::::::::::::: همیشه به اصل محتوا کار داشته باشید ::::::::::::::::::::::::::

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

[emzaadv-coder]

دوشنبه 27 مرداد 1393 - 15:20

وب کاربرUser's blog

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

mrdesigner آفلاین

ارسال‌هاAsnwers :	1945
عضویتRegistration date :	16 /9 /1391
حمایت کردهthanks :	451
حمایت شدهThanked :	651

پاسخAnswer 4 : ریسپانسیو کردن عکسها در وردپرس

ممنون

به زودی با سایتی متفاوت

دوشنبه 27 مرداد 1393 - 15:36

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.

moisrex

درباره ماAbout us	لینک های ماOur links	کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex. ایمیلE-mail : Moisrex @ Gmail.com	کدستانMoisrex اینتکIntec تک پیکTak-Pic فتوشاپPhotoshop	کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد

انجمن کدستان Moisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستانMoisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستان Moisrex