retina ready بودن قالب های سایت یکی از مواردیه که افراد برای انتخاب قالبشون بهش توجه می کنن. رتینا ردی بودن قالب ها امروزه برای طراحان سایت هم خیلی مطرحه.در مجموع قالب های وردپرس زیادی ارایه شدن که این ویژگی رو دارن.
قبلا هم قالب های رتینا ردی وردپرس رو بهتون معرفی کردیم.در این مقاله ابتدا بهصورت مختصر در مورد رتینا ردی بودن سایت و مزایای اون صحبت خواهیم کرد،سپس به بررسی راه های ممکن برای ایجاد این ویژگی در قالب ها می پیردازیم:
کدهای کاربردی وردپرس:آموزش اطمینان یافتن از retina ready بودن قالب سایت
مقدمه:
وقتی که به صفحه نمایش دستگاهتون نگاه می کنید، ممکنه بتونید پیکسل ها رو جدا از هم ببینید. مثلا با نگاه کردن به یک تصویر که با css گوشه های منحنی شکل داره یا یک تصویر خیلی تار، می تونید این مربع های ریز رو ببینید. این پیکسل ها واقعا کوچک هستن، اما بدر نظر افراد متخصص در این زمینه نقص مهمی به شمار می رن.ممکنه حتی در مشاهده ی شما هم به صفحه به نظر نرسن!
کم کم طراحی های ریسپناسیو و واکنش گرا روی کار اومد و افراد به این فکر افتادن که بتونن اندازه عکس ها و …رو طبق سایز دستگاه تغییر بدن. قبل از این، مدیران وب و طراح ها به سادگی سایت رو روی مروگرشون طراحی می کردن و این سایت همیشه استاتیک و پایدار بود. هر چیزی همان طور که می خواستید دیده می شد. اما با قابلیت رتینا ردی همه چیز قابل تغییر و دینامیک شده و بسته به این که شما از چه دستگاهی استفاده می کنید،سایز ها و کیفیت ها و…در سایت تغییر می کنن.
retina ready بودن سایت چه فایده ای داره؟
تصاویر واضح تر وطبیعی تر:اصل تکنولوژی رتیناست. ایده ای که باعث به وجود اومدن این تکنولوژی شد،تغییر پیکسل ها،وضوح رنگ ها و تصاویر طبق دستگاه مورد استفاده بود.
زیبایی بیشتر: با بزرگ و کوچک شدن صفحات ممکنه تصاویر کم کیفیت شن یا حتی فونت های کلا دچار تحول شن. این تکنولوژی سبب کاهش دیدن این نواقص میشه.
راه های اطمینان یافتن از نمایش آماده رتینا سایت:
برای اطمینان یافتن از این موضوع ابتدا باید با دستگاه های مختلف از قبیل تب لت،فب لت،لپ تاپ،pc ها و انواع موبایل ها این موضوع رو چک کنید.
برای اطمینان یافتن از این موضوع،افزونه ها و کد هایی معرفی شدن.
افزونه های برای ایجا سایت های retina ready
در زیر نام چند افزونه رو به همراه لینکشون برای دانلود می بینید که همگی به طور غیر مستقیم این قابلیت رو در سایت ایجاد می کنن.
2- افزونه Retina Image Support
کدهایی برای ایجاد سایت های 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>
امیدوارم از این مطلب،بهره کافی رو برده باشید
منبع:بیگ تم