هر چیزی در گذر زمان نیاز به تغییر دارد و مجبور است خود را با تکنولوژیهای جدید سازگار کند. وبلاگ پانویس هم از این قاعده مستثنی نیست. به همین خاطر در سال جدید تصمیم گرفتم تغییراتی در ظاهر پانویس بدهم.
تغییر پوسته وبلاگ
اولین تغییر، پوسته وبلاگ است. برای این کار، بعد از بررسی دموی چیزی نزدیک به ۱۰۰ پوسته، پوسته Avada را از سایت themeforest به قیمت ۵۹ دلار خریدم و آن را راستچین و فارسی کردم. این پوسته پرفروشترین پوسته در تاریخ وردپرس است و انصافاً این رکورد برازنده این پوسته همهچیزتمام است.
پوسته Avada علاوه بر استانداردهای طراحی زیادی که رعایت کرده است، واکنشگرا هم هست. پوسته واکنشگرا برخلاف پوستههای غیرواکنشگرا، پوستههایی هستند که مطابق با اندازه صفحه نمایش وسیله کاربر، واکنش نشان میدهند و خودشان را مطابق این اندازه وفق میدهند؛ این یعنی اگر کاربر با هر وسیلهای مثل کامپیوتر، لپتاپ، تبلت و موبایل که وارد سایتی با پوسته واکنشگرا بشود، چینش عناصر موجود در صفحه به گونهای تغییر میکند که کاربر مدام نیاز به زوم کردن و اسکرول افقی در سایت نداشته باشد؛ بنابراین اگر با موبایل وارد همین صفحه بشوید، میبینید که متن نوشتهها برای خواندن نیاز به زوم کردن ندارند. علاوه بر این، تمام قسمتهای سایت به صورت یک صفحه باریک به اندازه صفحه موبایل چیده میشوند تا نیاز به اسکرول افقی نداشته باشید. همچنین اگر دقت کنید، مثلاً منوهای بالای صفحه با یک تپ، نمایان/پنهان میشوند. حتی کادرهای ورودی متن و عکسهای موجود در نوشتهها هم واکنش نشان میدهند.
نکته مهمی که در مورد سایتهای با پوسته واکنشگرا وجود دارد، این است که اخیراً توسط موتورهای جستجویی مثل گوگل، بیشتر به این نوع پوستهها اهمیت داده میشود. به عبارت دیگر، گوگل مدتی پیش رسماً اعلام کرد از این به بعد، سایتهای واکنشگرا در نتایج جستجو از اولویت برخوردار خواهند بود.
تغییر فونت وبلاگ
دومین تغییر، فونت وبلاگ است. فونت کل وبلاگ را از Tahoma به IranianSans که یک فونت آزاد است، تغییر دادم. این فونت زیبایی و خوانایی بیشتری نسبت به فونت قبلی دارد.
امیدوارم با این تغییرات، تجربه بهتری از خواندن نوشتههای وبلاگ داشته باشید.
اگر میخواهید از انتشار نوشتههای بعدی پانویس باخبر شوید، میتوانید به طور رایگان، مشترک خوراک پانویس و یا کانال تلگرام پانویس شوید و یا برای اشتراک ایمیلی، ایمیل خود را در کادر زیر وارد و ثبت کنید:
دقت داشته باشید که برای فعالسازی اشتراک ایمیلی، باید ایمیلی که از طرف وبلاگ برایتان فرستاده میشود را تأیید کنید.
لینک ثابت: https://panevis.ir/?p=1633
قالب بسیار زیبایی هست دکتر.
قیمت خوبی هم داره البته… (گرچه واسه من بالا هست قیمتش)
یاد پست اینستای شما افتادم، واقعا باید سعی کنم و شروع کنم به بازآموزی و آموزش کدنویسی و طراحی وب…
به نظرم آوادا اصلا پوسته ی مناسبی نیست. من خودم آوادا استفاده کردم بسیار سنگین بود و امکانات خیلی زیادی داشت که اصلا مورد استفاده قرار نمیگرفت. مخصوصا برای شما که از اکثر امکاناتش هم استفاده نکردین الان این امکانات توی تمام صفحات لود میشه که اصلا خوب نیست. حتی من خودم دستی خیلی از امکانات اضافش رو از توی کدها پاک کردم اما باز خیلی کند بود.
بعد خیلی تصادفی با پوسته ی Vantage آشنا شدم که بسیار عالی و سبک هست به نظرم اکثر امکانات Avada رو داره. با این تفاوت که میتونی این امکانات رو deactivate کنی که دیگه اصلا تو کد ظاهر نمیشه. از طرف دیگه رایگانه و نسخه ی رایگانش با نسخه ی پولی تفاوت فاحشی نداره.
به عنوان نمونه یکی از پست های سایت خودم که پست طولانی و درازی هست، با همین پست شما مورد بررسی قرار دادم: https://gtmetrix.com/compare/FyRZhvQ4/p81Kv4xu
دو تا پارامتر اساسی Total # of requests و Total page size هست که نوشته ی بنده با پوسته ی Vantage تفاوت فاحشی با نوشته ی شما با پوسته ی Avada داره
دلایلم برای انتخاب پوسته اوادا زیاد بود؛ از جمله
۱. ظاهر وبلاگش که مدتها دنبالش بودم.
۲. واکنشگرا بودن باورنکردنیش که حتی توی مانیتورها و مرورگرهای قدیمی هم عالی عمل میکنه
۳. پرفروشترین بودنش توی تمفارست
۴. مطمئن بودن از پشتیبانی مادامالعمرش
۵. دریافت رایگان بهروزرسانیهای بعدی
۶. انتشار خیلی سریع آپدیت بعد از انتشار هر نسخه جدید وردپرس
در مورد نسخه رایگان پوسته Vantage با شما موافق نیستم. به این سایت مقایسهگر هم اعتمادی ندارم. مثلاً آیا حجم کل اون صفحه از وبلاگتون با اون همه عکس، فقط ۲۹۸ کیلوبایته؟!
ممنون از پاسختون. بهرحال این تجربه ی من از Avada بود که گفتم شاید بد نباشه که اینجا گفته بشه.
به نظرم خیلی خوب فارسی سازی کردین. فقط یه نکته ی آزار دهنده در رابطه با همه ی پوسته های واکنشگرا وجود داره در مورد کامنت های تو در توه که اگه تعدادش از دو تا بیشتر بشه واقعا شکل بدی به سایت میده
مثل این عکس:
https://i.imgsafe.org/6283159.png
بایستی یه دستی تو CSS ببرین و فاصله ی بین کامنتهای تو در تو رو صفر و یا حداقل خیلی کم کنین که تو موبایل اینجوری نشون داده نشه.
سرعت یک سایت ربط چندانی به تصاویر صفحه اول سایت ندارد. بیشتر قالب و هاست روی سرعت یک سایت و وبلاگ تاثیر میگذارد.
به علاوه استفاده از افزونههای (بد) مانند بعضی از افزونههای نمایش مطالب مرتبط به شدت موجب کند شدن یک سایت میشوند.
سرعت وبلاگ پانویس بر طبق سنجش الکسا ۷.۶۷ ثانیه است. که به بسیار کند است. و باز طبق آمار الکسا ۹۷ درصد سایتها سرعتشان از پانویس بیشتر است.
به نظر من دلیل کند بودن سرعت پانویس، استفاده از افزونههای بد است. من خودم تا آنجا که بتوانم هرگز از افزونه استفاده نمیکنم.
من مطلب جالبی را در این رابطه خواندم، دقیق نمیدانم کجا، آدرسش را یافتم حتما در اختیارتون میگذارم
از کامنتتون ممنونم؛ اما هیچوقت به این سیستمهای ارزیابی سایت اعتماد نداشتم و ندارم. تقریباً هیچ دو سیستمی نیست که نتایج یکسان داشته باشن. مثلاً سیستم https://gtmetrix.com رو ببینید که زمان لود شدن پانویس رو در لحظه نوشتن این کامنت، ۵ ثانیه نشون میده.
در ضمن تا به حال حتی یک کامنت هم مبنی بر کند بودن پانویس دریافت نکردم.
به نکته خوبی اشاره کردید. آوادا اصلاً یک پوسته وبلاگی نیست. عمده کاربردهاش مصارف شرکتی و تجاری هست. اما در خصوص سنگین بودنش چندان موافق نیستم. چون من روی هاست اشتراکی هم از این پوسته استفاده کردم و مشکل پیج لود مشاهده نکردم.
از اظهارنظرتون ممنونم همشهری عزیز:-)
ولی من از ابتدای وبلاگنویسیم تا به حال، همیشه این چینش رو دوست داشتم. به همین خاطر این پوسته رو خریدم. مشکل پیجلود هم واقعاً نداشتم تا به حال.
با سلام و ادب
واقعا دست شما درد نکنه
متشکر از پاسخگویی شما
یه سوالی داشتم
چگونه می توان فاصله بین خطوط در نوشته های پست هایم را اصلاح کنم؟
می دونم که باید line-height رو تغییر بدم، اما بیش از ۵۰ تا line-height در قست ویرایشگر قرار داره.
کدومش رو باید تغییر بدم تا فاصله بین خطوط در نوشته های پست تغییر کنه؟
ممنون و متشکر
خب روی متن یکی از پستهاتون راستکلیک کنید و بعدش گزینه Inspect رو بزنید. با این کار کلاسش مشخص میشه. حالا میتونید مقدار line-height رو تغییر بدید یا اگه نداشت، خودتون اضافه کنید و بهش مقدار بدید.
با سلام و ادب
واقعا عالی شده
می خواستم بدونم چه جوری میشه فونت دلخواه خودمون رو به پوسته وردپرس اضافه کنیم؟
اول باید فونت موردنظرتون رو در هاستتون قرار بدید. بعدش با دستور fontface فونت رو فراخوانی میکنید. عبارت «تغییر فونت پوسته وردپرس» رو گوگل کنید.
امکانات خوبی داره . مرسی