کدنویسی و طراحی با لبخند

بخندید و برنامه نویسی یاد بگیرید!

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

هدف ما اینست که سهم هر چند کوچک در آموزش طراحی و برنامه نویسی داشته باشیم و همراه با خنده و تفریح آموزش بدیم!

مشاهده آموزش ها
کل آموزش ها
25
نظرات و عقیده
11
وردپرس
8
آموزش طراحی
5

مراحل طراحی یک قالب وردپرس

طراحـــــی ، قدرت تخیلی در قالب کد

همانگونه که در مقاله های آموزشی قبلی اشاره کردیم وردپرس یک سایت ساز ایده آل برای شما می باشد؛ ولی کد های آن را می توان با انجام برخی اقدامات بهینه تر نیز کرد؛ ولی اگر شما یک قالب ایده آل ، استاندارد و حرفه ای برای وبسایت خود نداشته باشید اصولا سیستم مدیریت محتوا کار خاصی را نمی تواند انجام دهد، و شما هر چقدر تولید محتوا کنید ، هزینه کنید و زحمت بکشید نتیجه ی دلخواهتان را نخواهید گرفت. پس قالبی که در سایتتان از آن استفاده می کنید نکته کلیدی موفقیت شماست.

 

تاثیر قالب در سئوی وردپرس

تاثیر قالب در سئوی وردپرس

 

چرا قالب شما نقش کلیدی در سئوی سایت وردپرسی شما دارد؟

 

پاسخ این سوال بسیار ساده است؛ زیرا تمامی مطالب شما با استفاده از کد های قالبتان فراخوانی می شوند. اگر مشکلی در کد های قالبتان وجود داشته باشد و تگ ها به درستی به کار برده نشوند، چگالی پایین می آید و قاعدتا ارزش مطالب شما هم کاهش خواهد یافت. برای مثال اگر تگ های هدینگ و عنوان به درستی به کار برده نشوند، یا خاصیت alt برای تصاویر قالب تعریف نگردد یا … شما قطعا به مشکل برخواهید خورد.

 

قالب ایده آل وردپرس باید چه ویژگی هایی داشته باشد؟

 

کدنویسی آن استاندارد بر پایه HTML5 باشد

 

در HTML5 هر بخش از سایت به قسمت های header ، footer ، section ، article ، nav ، aside تقسیم می شود و باید کدنویسی قالب از این تگ ها به درستی استفاده کند. برای آزمایش این موضوع می توانید از ابزاری به نام ولیداتور استفاده نمایید. این ابزار کل کد های سایت شما را بررسی کرده و مشکلات و هشدار های لازم را به شما نشان می دهد.

 

تفاوت SVG و PNG

تفاوت SVG و PNG

 

به جای عکس از فونت آیکون یا SVG استفاده شود

 

عکس ها حجم زیادتری دارند و اگر کاربری که وارد سایت شما می شود سرعت اینترنت پایینی داشته باشد ، این برای او به شدت آزار دهنده خواهد بود و این باعث می شود کاربر به سرعت سایت شما را ترک کند؛ این بدین معناست که تجربه ی کاربری (UX) سایت شما به شدت افتضاح است.

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

 

واکنش گرایی قالب عالی باشد

 

قالبی برای شما مناسب خواهد بود که در هر دیوایسی و در هر اسکرینی (صفحه نمایش) چه دسکتاپ باشد چه اسمارت فون چه تبلت به بهترین شکل دیده شود و کاربر بتواند با المنت های آن به راحتی تعامل داشته باشد. تایپوگرافی آن چشم را اذیت نکند و برای خواندن یا کلیک روی یک المنت مجبور به Zoom in و Zoom out کردن متوالی نباشد. در صفحه های نمایش کوچک مطالب و بلاک های مهم بالا تر از سایر بلاک ها (مانند سایدبار) قرار بگیرد، و اگر منویی نیز دارید به صورت منوی همبرگری در اختیار کاربر قرار بگیرد.

 

رنگبندی و رابط کاربری خوبی داشته باشد

 

در سایت رنگبندی خیلی مهم است و باید توجه داشته باشید که هر رنگی در طراحی بار معنایی به خصوصی دارد مثلا قرمز نشانه ی خطر ، زرد نشانه ی احتیاط ، آبی نشانه ی اعتماد و… است؛ زمینه ی قالب نباید طوری باشد که چشم کاربر را اذیت یا خسته کند به این موضوع در طراحی اصطلاحا می گویند : « رنگبندی قالب چشم را می زند » ، ضمنا باید در کل قالب رنگ ها هماهنگی و تعامل داشته باشند.

 

اهمیت کامنت نویسی در سورس کد

اهمیت کامنت نویسی در سورس کد

 

کدنویسی قالب توسعه پذیر باشد

 

کدنویسی کثیف خیلی اوقات ممکن است دردسرساز باشد ، چرا که نمی توانید به سادگی تغییرات خود را انجام دهید ، نمی توانید چیزی به آن اضافه کنید و آن را توسعه بدهید. جالب اینجاست که بعد از گذشت چند مدتی ، خود کدنویس همان قالب هم نمی تواند بفهمد که دقیقا چه نوشته و مثلا یک تابع برای کجای قالب استفاده شده ، چه کاری انجام می دهد و یا اصلا وجود آن تابع در سورس کد الزامی است یا خیر.

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

 

از حداکثر امکانات وردپرس بهره ببرد

 

وردپرس امکانات زیادی از جمله زمینه های دلخواه (Custom fields) ، پست تایپ ها (Custom post types) ، ابزارک ها و فهرست ها را داراست.

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

در این صورت به آنها بگویید که برای مدیریت بهتر وبسایت خودتان به این امکانات نیاز دارید.

به نظر می رسد که شما نوتیفیکیشن را مسدود کرده اید!
اشتراک گذاری
شاید این مطالب را نیز بپسندید
دیدگاه یا سوال خود را مطرح کنید
guest
0 نظر/ سوال و جواب
Inline Feedbacks
View all comments
0
اگر سوال یا دیدگاهی دارید ، مطرح کنید!x
()
x