طراحان قالب وردپرس و برنامه نویسان وب سایت اغلب متهم به انجام وظایف زیاد در زمان اندک هستند عواملی مانند سرعت و سفارشات زیاد, طراحی قالب وردپرس در کیفیت وب سایت طراحی شده بسیار اثر گذار است در این پست 27 نکته کاربردی که در طراحی و توسعه قالب وردپرس بهتر است که بدانید را مرور و بررسی می کنیم.
همیشه طراحی قالب وردپرس را با قالب پیش فرض آغاز کنید
هرچند که ممکن است تا حدودی خسته کننده و اتلاف وقت به نظر می رسد اما هنگامی که با مشکلی مواجه می شوید می توانید با رجوع به قالب پیش فرض وردپرس راه حل را به سادگی پیدا می کنید و همچنین استفاده از این راهکار در یادگیری طراحی قالب نیز بسیار موثر است.
هنگامی که شما با یک قالب پیش فرض وردپرس طراحی را شروع می کنید, از قالبی استفاده می کنید که توسط طراحان و کاربران متعددی مورد آزمایش قرار گرفته و در نتیجه تمام اشکالات آن به خوبی رفع شده است و به عبارت دیگر، شما با کدنویسی تمیز و مطلوب طراحی قالب سایت را آغاز می کنید.
طراحی و طرح بندی قالب
وبلاگ وردپرس بسیار منعطف و در عین حال بسیار قدرتمند است قبل از طراحی باید ساختار عناصر را مشخص کنید به چه بخش هایی نیاز دارید آیا قصد دارید از ابزارک در قالب موردنظر استفاده کنید و یا نیازی به ابزارک ندارید گرافیک، منوها،رنگ، فونت باید چگونه باشد؟ و با در نظر گرفتن سرعت و سئو سایت بخش های ایده آل برای قالب شما چیست؟!
نگه داشتن قالب، کمتر بیشتر است!
من موافقم که امکانات قالب های وردپرس واقعا با حال است ، صدها نفر از کد کوتاه استفاده می کنند، هزاران نفر از ابزارک ها و میلیون ها نفر از گزینه های اختصاصی قالب وردپرسی، اما کاربران و مشتریان نهایی واقعا به این همه امکانات نیاز دارند؟ چرا وقت خود را هدر دهید به انجام کاری که هرگز استفاده نخواهد شد، و یا حتی بدتر، آنها گیج کننده باشد و یا درگیری با پلاگین های قالب؟ شکی نیست گه قالب باید ایده آل هایش را داشته باشد اما کدنویسی بیش از حد هم نه تنها هیچ کمکی نمی کند بلکه مضر هم هست و نکته آخر اینکه فراموش نکنید نبوغ در سادگی است.
کد نویسی استاندارد قالب وردپرس
کد نویسی قالب وردپرس را با استاندارد های کدنویسی بروز کنید به این منظور به این لینک مراجعه کنید با وجود اقیانوسی از قالب های جذاب وردپرس در سطح اینترنت , طراحان حرفه ای وردپرس و یا طراحان مبتدی توجه زیادی به کدنویسی استاندارد ندارند اطمینان حاصل کنید که برنامه نویسی و طراحی وردپرس شما با استاندارد های روز وردپرس هم خوانی دارد برای تست استاندارد بودن قالب وردپرس از پلاگین تم چک استفاده کنید.
محیط تست قالب وردپرس
توسعه دهندگان و طراحان وردپرس همیشه در حال تلاش برای رسیدن به بهترین نتایج در رسانه ها هستند تا تمامی احتمالات را مورد آزمایش قرار دهند،خطاهای احتمالی را رفع می کنند به این منظور از ومپ یا زمپ و یا نرم افزار های دیگر استفاده میکنند توصیه می شود از محتوایی مرتبط با موضوع سایت موردنظر در هنگام طراحی و تست گرفتن در شبیه ساز سرور استفاده کنید.
طراحی فرندلی (سایت های مورد علاقه ی گوگل یا Google Friendly)
اگر می خواهید صحات وب سایت شما مورد علاقه گوگل واقع شود به بازدیدکنندگان سایت اطلاعاتی را بدهید که به دنبال آن هستند و همچنین سایت شما دارای سئو داخلی و بیرونی باشد.
گزینه ای برای صفحات و یا پست ها که در حال حاضر در دسترس نیست ایجاد کنید هنگامی که بازدید کننده با خطای 404 برخورد می کند بهتر است وی را راهنمایی به خواندن پست های دیگر بکنید و بهتر است یک صفحه اختصاصی از قبل به این منظور برای سایت طراحی کرده باشد و به غیر از موارد خاص به هیچ وجه صفحه 404 سایت را به صفحه اصلی ریداکت نکنید.
توصیه می شود از این 4 امکان در طراحی صفحات 404 استفاده کنید:
پس از ایجاد صفحه، تیتر بزنید که صفحه موردنظر در دسترس نمی باشد و یا متن دلخواه خود را بنویسید
این صفحه حتما باید واضح و خوانا باشد
با برچسب های بیشتر در پایان محتوا بازدید کننده را راهنمایی و هدایت کنید
می توانید از دسته ها, جستجو و نوشته های قبلی نیز برای هدایت دقیقتر کاربر استفاده کنید
شناسایی صفحات با دسته بندی پست ها
شاید ذکر این نکته عجیب به نظر برسد اما مهم است, در طراحی قالب وردپرس اولین نکته حائز اهمیت شناسایی صفحات سایت با استفاده از دسته بندی پست ها است با دسته بندی هدایت و عملکرد کاربران بهتر و دقیقتر می شود.
کامنت گذاری در کدنویسی
کامنت گذاری در کدنویسی برای راحتی در طراحی و ویرایش مجدد و بروزرسانی قالب مهم است نه تنها در طراحی قالب وردپرس بلکه در هر پروژه طراحی وب سایت, توضیحات شما مانند یک راهنما است که حتی می توانید در کار گروهی نیز از این امکان استفاده کنید.
نگهداری CSS پروژه
که به معنی نگهداری کد پیش فرض در فایل های CSS و قالب است این کار باعث می شود تا اشتباه گذشته خود را دیگر تکرار نکنید. در حالی که یک طراح باید در هنگام طراحی احساس آزادی مطلق داشته باشد لطفا, قالب های پروژه را نگه دارید! می توانید در پروژه های آینده نیاز کاربران دیگری را با همین کدها رفع کنید و در کل یک وردپرس کاربر پسند را طراحی کنید.
به طراحی قالب وردپرس واکنش گرا و flat چشمک بزنید
رشد 75 درصدی وب گردی از طریق تلفن های همراه و تبلت آمار فوق العاده زیادی از مخاطبان جدید است تا مار را به این فکر وا دارد که طراحی سایت واکنش گرا یک ضرورت غیر قابل انکار است که طراحی قالب وردپرس واکنش گرا جز بایدهای آن است همچنین طراحی تخت یا flat نیر اکنون در حال افزایش است طراحی تخت و واکنش گرا که از رنگ های جامد استفاده می شود و دیگر خبری از سایه ها و حاشیه ها نیست و شاید عجیب نباشد که طراحی وب سایت های واکنش گرا در آینده جزو یکی از معیار های سئو و بهینه سازی وب سایت باشد.
حفظ انسجام
تقارن, هماهنگی عناصر اصلی سایت, یک دست بودن و زیباشناسی نیز بسیار مهم است به عنوان مثال از یک سایز خاص برای تصاویر استفاده می کنید و یا اینکه و رنگ و فونت قالب در مکان های خاص مختلف است.
نوار منو
نویگشن یا نوار منو برای هدایت بازدیدکننده ضروری است و باید حتما بخشی در طراحی برای آن در نظر بگیرید هرگز برای لینک منو ها از عکس استفاده نکنید زیرا زبان موتورهای جستجو از جمله گوگل, نوشتاری است و این برای سئو سایت شما خوب نیست اگر می خواهید از تصاویر برای منوها استفاده کنید بهتر است عکس را در کنار لینک نوشتاری به کار ببرید توصیه می شود از نوار منو در بالا یا در پایین قالب استفاده کنید.
دسترسی آسان
کاربر باید بدون نیاز به رفتن به صفحه دیگری به صورت آزاد در سایت بگردد ایجاد صفحات خاص به منظور دسترسی به صفحات دیگر برای کاربران سایت آزار دهنده است به عنوان مثال کاربر برای تماشای ویدیو به سایت شما مراجعه کرده است و مایل نیست به صفحات دیگر سایت که به آن علاقه ای ندارد برود اما با صفحاتی برخورد می کند که مجبور است یا آن را بخواند و یا از سایت برود در کل اجبار بازدیدکننده برای توجه به پیام های بازاریابی خود آنها را بی تاب و به احتمال زیاد آن ها را فراری می دهد.
اجتناب از استفاده از تصاویر منحرف کننده
تصاویر باید مرتبط و هماهنگ باشند به عبارت دیگر برخی از تصاویر تحریک کننده قادر به انتقال هر گونه اطلاعات معنی دار دیگری نیز هستند لزومی نیست برای معرفی بخش های مختلف سایت از تصاویر انیمیشنی و یا فلش استفاده کنید تا حد معمول استفاده از تصاویر را در طراحی قالب وردپرس به حداقل برسانید.
سفارشی سازی قالب وردپرس
شاید کمی زمانبر باشد اما سعی کنید قالب های طراحی شده قابلیت سفارشی سازی را داشته باشد به عنوان مثال تبلیغات , رنگ فونت , نوع فونت , سایز فونت و در کل پیکربندی قالب وردپرس سفارشی و کاربرپسند شود و البته زیاده روی در این مورد اصلا توصیه نمی شود.
مستندات و پشتیبانی
با توجه به این واقعیت است که بسیاری از تم های وردپرس در ThemeForest به قیمت $35 به فروش می رسد شما می توانید با ارائه قیمتی کمتر برای خود یک بازاریابی خوب ایجاد کنید و حتما قسمتی را در مدیریت به مستندات و پشتیبانی قالب موردنظر اختصاص دهید این کار باعث تعامل بهتر با مشتری ها می شود که می تواند به نفع طراح قالب و مشتری باشد و همچنین می توانید کاربران را در بروزرسانی قالب ها و ارائه قالب های جدید وردپرس مطلع کنید.
بین المللی شدن و بومی سازی
با توجه به مجموعه های عظیم و متنوع کاربران مدیریت محتوای وردپرس , داشتن یک تم ترجمه آماده در قالب محبوبیت آن قالب را دو چندان می کند کاملا روشن است که اگر به زبان انگلیسی باشد قالب به یکی و دو کشور محدود نخواهد شد و در این صورت شما با مشتریان جهانی مواجهه خواهید شد.
بررسی پلاگین (افزونه) وردپرس
قبل از اینکه شما افزونه ای را برای وردپرس نصب کنید از خود بپرسید "آیا استفاده از این افزونه واقعا ضروری است؟" پلاگین ها یکی از علل اصلی کاهش سرعت وب سایت ها هستند بنابرین پلاگین های وردپرس باید بررسی شوند و سپس نصب شوند یکی از راه هایی که می توانیم متوجه شویم پلاگین موردنظر چقدر روی سرعت سایت اثر گذار است و تجزیه تحلیل پلاگین وردپرس را به صورت دقیق مشاهده کنید استفاده از افزونه P3 Profiler است که امار دقیقی از پلاگین وردپرسی می دهد و میزان بار اضافی ایجاده شده پلاگین را نمایش می دهد.
محدودیت کلمه در خلاصه مطلب
یکی از چیزهایی که در قالب های مجله ای وردپرس به چشم می خورود خلاصه مطالب طولانی است که واقعا اذیت کننده است, حالا فرض کنید در سایت بیش از صدها پست وجود دارد چه ناهمانگی برزگی را رقم می زند. می توانیم برای بهتر کردن خلاصه مطلب با استفاده از کدهای زیر محدودیت ایجاد کنیم :
برای ایجاد خلاصه مطلب در قالب وردپرس در فایل index.php به جای کد از استفاده کنید و همچنین کد زیر را در فایل functions قرار دهید.
add_filter('excerpt_length', 'ilc_excerpt_length');
function ilc_excerpt_length( $length ){
return 10;
}ابزارک خاص قالب وردپرس
داشتن یک ابزارک منحصر به فرد قالب برای کاربر واقعا مطلوب است! که شامل همان بخش سفارشی سازی قالب وردپرس نیز هم می شود برای راهنمایی برای ساخت یک ابزارک خاص برای قالب وردپرس به سایت hongkiat مراجعه کنید.
بازاریابی و طراحی قالب
با کمی جستجو به راحتی متوجه خواهید شد که چه قالب های رایگانی درنت کم است و نیاز به این قالب ها در سطح نت ضروری است به عنوان مثال قالب های فروشگاهی وردپرس آن چنان باید و شاید خوب و کامل نیست پس برای بازاریابی کار خود می توانید طراحی سایت را با یک قالب فروشگاهی آغاز کنید.
شروع طراحی قالب با قالب های دیگر
اغلب برنامه نویسان و طراحان وردپرس به دلیل صرفه جویی در وقت ترجیح می دهند طراحی را با قالب های دیگر آغاز کنند شروع طراحی با قالب های پیش فرض وردپرس مفید است اما با قالب هایی که دارای کپی رایت, شروع کردن یک کابوس مطلق است! در حالی که باعث از بین رفتن اعتبار شما می شود خلاقیت را نیز در طراحی کاهش می دهد و چیز جدیدی برای یادگیری برای شما وجود ندارد و شما یک طراح وردپرس متوقف می شوید!
و اما چند مورد کوتاه و مهم در طراحی قالب وردپرس
برجسته کردن نظرات نویسندگان
استایل تگ های پست کامل واضح و خوانا باشد
ساخت باکس بیو نویسنده برای نشان دادن پس از هر پست سایت
نشان دادن زیر دسته در صفحه دسته بندی های اصلی
استفاده از کد الویت اول باشد و استفاده از پلاگین الویت دوم باشد
جمع بندی :
این مقاله هم به پایان رسید امیدواریم از خواندن آن استفاده کرده باشید البته بسیاری از نکات دیگر نیز در طراحی قالب وردپرس وجود دارد که با تلاش و سعی و تجربه بدست می آید در نهایت خوشحال می شویم شما هم نکاتی کاربردی را در طراحی قالب وردپرس تجربه کرده اید را برای ما بگویید.
هیچ نظری موجود نیست:
ارسال یک نظر