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>
امیدوارم از این مطلب،بهره کافی رو برده باشید
منبع:بیگ تم
با سلام این افزونه فقط برای بررسی هست و زیاد کاربردی نیست
سلام من قالب goodnews ورژن 5.6.6 دارم ،آیا من هم لازمه این افزونه ها رو نصب کنم !؟
این موارد سلیقه ای هست در بخش قالب های رایگان نگاه کنید ببینید چه قالبی مناسب هست
خیلی ممنون…یه سوال دیگه هم داشتم.میشه یه قالب رایگان و مناسب برای سایتی که در زمینه ی عکس پست میزاره و از نظر خودتون خوبه بهم معرفی کنین؟
Byekan هست
سلام می خواستم بپرستم فونت شما در متن این صفحه چی بوده؟منظورم فونتی که سایزش بزرگتره(چند خط اول)
با سلام مشکلی نداره
شما باید کمی با کدنویسی هم آشنا باشید و برخی موارد موجود در این کد ها رو نسبت به قالب خودتون تغییر بدید.
در صورت نیاز باید از کد بین تگ شروع و پایانی php قرار بگیره اینا به کدنویسی قالب شما بستگی داره
سلام
کد هایی که دارین میذارین همشون مشکل داره قبلا هم گفتم
لطفا فقط کپی نکنید خودتون کد ها رو امتحان کنید
هرطور که مایلید!
در این جا لینک دو منبع انگلیسی رو قرار می دم.از این منبع و کد هاشون بر حسب نیازتون استفاده کنید.
منبع اول
با سلام .
بنده مدير سايت نارمك دانلود به نشاني زير هستم .
به استحضار مي رساند ما علاقمند به تبادل لينك يا لوگو با سايت شما هستيم در صورت رضايت جهت تبادل لينك يا لوگو ضمن ارسال مشخصات ما را جهت اقدام مشابه در جريان قرار دهيد .
درسته ممنون می شم که این دو کد رو برای الان هم که شده این جا قرار بدید که من خیلی نیاز دارم بیشتر از چند خط و دقایقی زمانتون رو نی گیره
یه سری کد های HTML برای این کار تعریف شده که توضیحش مفصله.
یه پست به طور جداگانه ر آینده می ذارم در این ارتباط.دنبال کنید تا پاسختونو دریافت کنید
با سلام قسمتی توی سایت پیدا نکردم این جا می پرسم.
بعضی سایت ها رو دیده باشید یک قسمتی هست Bookmark Us می خواستم کد این قابلیت رو داشته باشم که وقتی کسی روی این لینک یا قسمتی که قرار می دم وقتی کلیک کنند سایت براشون بوکمارک بشه
, و یک کد دیگه مثل این که با کلیک روش صفحه من به عنوان صفحه خانگی Home Page کاربر قرار بگیره ممنون
می شم کمک کنید