retina ready بودن قالب های سایت یکی از مواردیه که افراد برای انتخاب قالبشون بهش توجه می کنن. رتینا ردی بودن قالب ها امروزه برای طراحان سایت هم خیلی مطرحه.در مجموع قالب های  وردپرس زیادی ارایه شدن که این ویژگی رو دارن.

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

کدهای کاربردی وردپرس:آموزش اطمینان یافتن از retina ready  بودن قالب سایت

مقدمه:

وقتی  که به صفحه نمایش دستگاهتون نگاه می کنید، ممکنه بتونید  پیکسل ها رو جدا از هم ببینید. مثلا با نگاه کردن به یک تصویر که با css گوشه های منحنی شکل داره یا یک تصویر خیلی تار، می تونید  این مربع های ریز رو ببینید. این پیکسل ها واقعا کوچک هستن، اما بدر نظر افراد متخصص در این زمینه نقص مهمی به شمار می رن.ممکنه حتی در مشاهده ی شما هم به صفحه به نظر نرسن!

   کم کم طراحی های ریسپناسیو  و واکنش گرا روی کار اومد و افراد به این فکر افتادن که بتونن اندازه عکس ها و …رو طبق سایز دستگاه تغییر بدن. قبل از این، مدیران وب و طراح ها به سادگی سایت رو روی مروگرشون طراحی می کردن و این سایت همیشه استاتیک و پایدار بود. هر چیزی همان طور که می خواستید دیده می شد. اما با قابلیت رتینا ردی همه چیز قابل تغییر و دینامیک شده و بسته به این که شما از چه دستگاهی استفاده می کنید،سایز ها و کیفیت ها و…در سایت تغییر می کنن.

retina ready بودن سایت چه فایده ای داره؟

تصاویر واضح تر وطبیعی تر:اصل تکنولوژی رتیناست. ایده ای که باعث به وجود اومدن این تکنولوژی شد،تغییر پیکسل ها،وضوح رنگ ها و تصاویر طبق دستگاه مورد استفاده بود.

زیبایی بیشتر: با بزرگ و کوچک شدن صفحات  ممکنه تصاویر کم کیفیت شن یا حتی فونت های کلا دچار تحول شن. این تکنولوژی سبب کاهش دیدن این نواقص میشه.

1

راه های اطمینان یافتن از نمایش آماده رتینا سایت:

برای اطمینان یافتن از این موضوع ابتدا باید با دستگاه های مختلف از قبیل تب لت،فب لت،لپ تاپ،pc ها و انواع موبایل ها این موضوع رو چک کنید.

برای اطمینان یافتن از این موضوع،افزونه ها و کد هایی معرفی شدن.

افزونه های برای ایجا سایت های retina ready

در زیر نام چند افزونه رو به همراه لینکشون برای دانلود می بینید که همگی به طور غیر مستقیم این قابلیت رو در سایت ایجاد می کنن.

1 افزونه WP Retina 2x

2- افزونه Retina Image Support

3_ افزونه Retina for WP

4_افزونه Simple WP Retina

5- افزونه wp-retina

کدهایی برای ایجاد سایت های retina ready

بدین منظور کد زیر رو در فایل function.php ذخیره کنید

<p dir="RTL">add_action( 'wp_enqueue_scripts', 'retina_support_enqueue_scripts' );/*** Enqueueing retina.js** This function is attached to the 'wp_enqueue_scripts' action hook.*/function retina_support_enqueue_scripts() {wp_enqueue_script( 'retina_js', get_template_directory_uri() . '/js/retina.js', '', '', true );}</p>

امیدوارم از این مطلب،بهره کافی رو برده باشید

منبع:بیگ تم

یک نظر

  1. هادی قربانی

    این موارد سلیقه ای هست در بخش قالب های رایگان نگاه کنید ببینید چه قالبی مناسب هست

  2. سعید

    خیلی ممنون…یه سوال دیگه هم داشتم.میشه یه قالب رایگان و مناسب برای سایتی که در زمینه ی عکس پست میزاره و از نظر خودتون خوبه بهم معرفی کنین؟

  3. سعید

    سلام می خواستم بپرستم فونت شما در متن این صفحه چی بوده؟منظورم فونتی که سایزش بزرگتره(چند خط اول)

  4. هادی قربانی

    با سلام مشکلی نداره
    شما باید کمی با کدنویسی هم آشنا باشید و برخی موارد موجود در این کد ها رو نسبت به قالب خودتون تغییر بدید.
    در صورت نیاز باید از کد بین تگ شروع و پایانی php قرار بگیره اینا به کدنویسی قالب شما بستگی داره

  5. MJ

    سلام
    کد هایی که دارین میذارین همشون مشکل داره قبلا هم گفتم
    لطفا فقط کپی نکنید خودتون کد ها رو امتحان کنید

  6. hadi

    با سلام .
    بنده مدير سايت نارمك دانلود به نشاني زير هستم .
    به استحضار مي رساند ما علاقمند به تبادل لينك يا لوگو با سايت شما هستيم در صورت رضايت جهت تبادل لينك يا لوگو ضمن ارسال مشخصات ما را جهت اقدام مشابه در جريان قرار دهيد .

  7. محمد

    درسته ممنون می شم که این دو کد رو برای الان هم که شده این جا قرار بدید که من خیلی نیاز دارم بیشتر از چند خط و دقایقی زمانتون رو نی گیره

  8. Mona

    یه سری کد های HTML برای این کار تعریف شده که توضیحش مفصله.
    یه پست به طور جداگانه ر آینده می ذارم در این ارتباط.دنبال کنید تا پاسختونو دریافت کنید

  9. محمد

    با سلام قسمتی توی سایت پیدا نکردم این جا می پرسم.

    بعضی سایت ها رو دیده باشید یک قسمتی هست Bookmark Us می خواستم کد این قابلیت رو داشته باشم که وقتی کسی روی این لینک یا قسمتی که قرار می دم وقتی کلیک کنند سایت براشون بوکمارک بشه
    , و یک کد دیگه مثل این که با کلیک روش صفحه من به عنوان صفحه خانگی Home Page کاربر قرار بگیره ممنون
    می شم کمک کنید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *