۵۰ نکته مهم آموزشی وردپرس برای طراحان وب
WordPress Cheat Sheet for developers
Last Updated on December 4, 2019
If you wish to download the WordPress cheat sheet directly into your computer, download this pdf. file.
This WordPress Cheat Sheet should be enough to get you started developing or tweaking WordPress themes.
Basic Template Files | |
---|---|
style.css | Style sheet file |
index.php | Home Page file |
single.php | Single post page file |
archive.php | Archive or Category file |
searchform.php | Search form file |
search.php | Search content file |
404.php | Error page file |
comments.php | Comments template file |
footer.php | Footer content file |
header.php | Header content file |
sidebar.php | Sidebar content file |
page.php | Single page file |
PHP Snippets for Header | |
---|---|
bloginfo(‘name’); | Title of the site |
wp_title(); | Title of the specific post or page |
get_stylesheet_directory_uri(); | The style.css file’s location |
bloginfo(‘pingback_url’); | Pingback URL for this site |
bloginfo(‘template_url’); | Location for the site’s theme files |
bloginfo(‘version’); | WordPress version for the site |
bloginfo(‘atom_url’); | Atom URL for the site |
bloginfo(‘rss2_url’); | RSS2 URL for the site |
get_site_url(); | Exact URL for the site |
bloginfo(‘name’); | Name of the site |
bloginfo(‘html_type’); | HTML version of the site |
bloginfo(‘charset’); | Charset parameter of the site |
PHP Snippets for Templates | |
---|---|
the_content(); | Content of the posts |
if(have_posts()): | Check if there are posts |
while(have_posts()): the_post(); | Shows posts if posts are available |
endwhile; | Closes the ‘while’ PHP function |
endif; | Closes the ‘if’ PHP function |
get_header(); | Header.php file’s content |
get_sidebar(); | Sidebar.php file’s content |
get_footer(); | Footer.php file’s content |
the_time(‘m-d-y’); | The date in ’۰۸-۱۸-۰۷′ format |
comments_popup_link(); | Link for the comments on the post |
the_title()’; | Title of a specific post or page |
the_permalink(); | URL of a specific post or page |
the_category(); | Categor of a specific post or page |
the_author(); | Author of a specific post or page |
the_ID(); | ID of a specific post or page |
edit_post_link(); | Link to edit a specific post or page |
get_links_list(); | Links from the blogroll |
comments_template(); | Comment PHP file’s content |
wp_list_pages(); | List of pages of the site |
wp_list_cats(); | List of categories for the site |
next_post_link(‘%link’); | URL to the next post |
previoust_post_link(‘%link’); | URL to the previoust post |
get_calendar()’ | The built-in calendar |
wp_get_archives(); | List of archives for the site |
posts_nav_link(); | Next and previous post links |
bloginfo(‘description’); | Site’s description |
Navigation menu |
---|
Category Based Navigation |
<ul id=”menu”> |
<li <?php if(is_home()) { ?> class=”current-cat” <?php } ?> > |
<a href=”<php bloginfo(‘home’); ?>”>Home</a></li> |
<?php wp_list_categories(‘title_li=&orderby=id’); ?> |
</ul> |
Pages based Navigation |
<ul id=”menu”> |
<li <?php if(is_home()) { ?> class=”current_page_item” <?php } >>> |
<a href=”<php bloginfo(‘home’); ?>”>Home</a></li> |
<?php wp_list_pages(‘sort_column=menu_order&depth=1&title_li=’); ?> |
</ul> |
Extra stuff | |
---|---|
/%postname%/ | Custom permalinks |
include(TEMPATEPATH . ‘/x’); | Include any file |
the_search_query(); | Value for search form |
_e(‘Message’); | Prints out message |
wp_register(); | Displays the register link |
wp_loginout(); | Displas the login/logout link |
<!–next page–> | Divides the content into pages |
<!–more–> | Cuts off the content and adds a read more link |
wp_meta(); | Meta for administrators |
timer_stop(1); | Time to load the page |
echo get_num_queries(); | Queries to load the page |
وردپرس معروفترین سیستم مدیریت محتوا در وب می باشد که نزدیک به ۲۰% وب سایت ها توسط وردپرس راه اندازی می شوند. وردپرس نرم افزاری بسیار آسان برای پیاده سازی وب سایت می باشد که قابلیت های بسیاری در راه اندازی سایت های پیچیده نیز دارد و از طریق آن هر نوع سایتی را می توانید راه اندازی نمایید.
بلاگ خود را راه اندازی نموده اید و چیزی در مورد آن نمی دانید؟ می خواهید امکانات جدیدی به سایت وردپرس خود اضافه نمایید؟ این ۵۰ نکته آموزشی وردپرس را مطالعه نمایید.
The Loop |
---|
<php if(have_posts()): ?> |
<php while(have_posts()): the_post(); ?> |
// Post content here (Custom HTML & PHP code) |
<php else; ?> |
<php endif; ?> |
به دلیل همین محبوبیت استفاده از وردپرس مقالات آموزشی در مورد آن زیاد می باشد ولی همین تعداد مقالات باعث گیج شدن دانشجو می گردد در زیر ۵۰ مقاله ناب وردپرس را برای شما آورده ام که به آن نیاز خواهید داشت . دلیل اینکه مقالات را به انگلیسی براتون میذارم اینه که مقالات انگیسی به روز تر و کامل ترن.
برای مبتدیان
۰۱٫ وردپرس – شروع
این فایل آموزشی ویدئویی به شما هر آنچه که برای شروع کار با وردپرس به آن احتیاج دارید را آموزش می دهد, شامل نصب, ایجاد صفحات, مدیریت قالب ها, و اضافه نمودن پلاگین ها.
۰۲٫ نکات وردپرس
با توجه به گستردگی و کد نویسی های وردپرس ممکن است یادگیری وردپرس برای شما پیچیده باشد این مقاله مواردی اولیه را به صورت نکته در اختیار شما قرار می دهد.
۰۳٫ آموزش منوهای وردپرس
این مقاله آموزشی به شما نحوه مدیریت منوهای وردپرس را آموزش می دهد.
۰۴٫ آموزش کامل میانبرها
پس از معرفی کدهای میانبر در نسخه ۲٫۵ وردپرس و بعد از آنکه نشان داد قابلیت مفیدی می باشد. در این مقاله همه چیز در مورد میانبرها آماده.
۰۵٫ یادگیری وردپرس در یک هفته
آموزش گام به گام وردپرس در یک هفته که شما را به تدریج با وردپرس آشنا می سازد. این مقاله مفیدی برای اشخاصی می باشد که زمان زیادی ندارند.
۰۶٫ کار با ویرایشگر وردپرس
مقاله آموزشی جهت آموزش نحوه کار با ویرایشگر متون و بدنه وردپرس
۰۷٫ وردپرس کاران به مبتدیان پیشنهاد می نمایند
مقاله ای که اشخاص خبره در زمینه وردپرس به مبتدیان آن مواردی را اعلام می نمایند.
۰۸٫ حذف تصاویر
مقاله مناسبی جهت مدیریت تصاویر و مدیرت تصاویر مهم و به کار گیری آنها در بدنه
ارتقاء طراحی سایت شما
۰۹٫ وردپرس برای طراحان
آموزش وردپرس به طراحان برای ایجاد سایت وردپرس زیبا
۱۰٫ آموزش ساخت ماژول های وردپرس
ساخت ماژول وردپرس مانند ساخت پلاگین وردپرس می باشد ولی از آن ساده تر می باشد. این مقاله نحوه ساخت ماژول های وردپرس را به شما آموزش می دهد.
۱۱٫ نحوه ساخت اسلایدر ارسالی های مهم
همیشه نیاز دارید مقالاتی را در سایت به صورت مهم نمایش دهید توسط این مقاله آموزشی نحوه ایجاد بخش مقالات مهم را یاد خواهید گرفت
۱۲٫ چگونه رنگ بندی قالب را انتخاب نماییم
از آزمایش انتخاب رنگ های مختلف برای ساخت بلاگ خود نترسید
مقاله آموزشی مفید که به شما سه مورد را در انتخاب قالب سایت گوشزد می نماید
۱۳٫ فرمت بندی آسان صفحات در وردپرس
این مقاله به شما نحوه فرمت بندی صفحات و ارسالی ها وردپرس را آموزش می دهد
۱۴٫ آموزش کامل نحوه ایجاد ارسالی های سفارشی
وردپرس نرم افزار مدیریت محتوای بسیار کاملی می باشد که به شما امکان ارسال انواع مختلف ارسالی ها به سایت را می دهد. با استفاده این مقاله نحوه ساخت انواع مختلف داده ها را در وردپرس آموزش خواهید دید
اضافه نمودن تصاویر به سایت
مقالات این بخش نحوه و تکنیک های اضافه نمودن تصویر به ارسالی های وردپرس را آموزش می دهد.
۱۵٫ چگونه تصویر نویسنده را به بلاگ اضافه نماییم
این مقاله نحوه اضافه کردن تصویر نویشنده را به صفحات سایت وردپرس آموزش می دهد
۱۶٫ چگونه سایزهای اضافی تصاویر وردپرس را اضافه نماییم
در صورتی که قصد دارید از سایزهای مختلف تصویر در ارسالی های وردپرس خود استفاده نمایید این مقاله را مطالعه نمایید
۱۷٫ نحوه ساخت گالری تصاویر در وردپرس
در این مقاله به شما نحوه ساخت گالری مدیا در وردپرس بدون نیاز به نصب پلاگین آموزش داده خواهد شد
۱۸٫ مدیریت بهتر تصاویر در وردپرس
در این مقاله به شما بهترین تکنیک های استفاده از تصاویر در سایت آموزش داده می شود
۱۹٫ چگونه تصاویر بلاگ مطلوبی داشته باشیم
این مقاله به شما بهترین نحوه استفاده از تصاویر در بلاگ را آموزش می دهد
ایجاد قالب وردپرس
۲۰٫ نحوه ایجاد قالب وردپرس از پایه
این مقاله به شما ساخت قالب وردپرس را از شروع تا پایان و از پایه آموزش می دهد
۲۱٫ نحوه ایجاد قالب پروفایل در وردپرس
این مقاله به شما نحوه ایجاد سایت پروفایل به مانند این سایت را آموزش می دهد
۲۲٫ نحوه ساخت قالب وردپرس
نحوه ایجاد قالب های قدرتمند و پیچیده وردپرس را آموزش می دهد
۲۳٫ طراحی برای وردپرس: سری کامل
این مقاله به شما از دانلود وردپرس و نصب آن بر روی سرور تا ایجاد قالب وردپرس را به شما آموزش می دهد
۲۴٫ ایجاد قالب تایپوگرافی وردپرس
نحوه ساخت قالب های تایپوگرافی شده را به شما آموزش می دهد
۲۵٫ ارتقاء و بهینه سازی فرآیند ساخت قالب
این مقاله به شما نحوه بهتر طراحی نمودن قالب وردپرس را آموزش می دهد
استفاده از شبکه های اجتماعی
۲۶٫ استفاده از فیس بوک، توئیتر و گوگل پلاس در وردپرس
به شما نحوه استفاده از شبکه های اجتماعی را در سایت آموزش می دهد
۲۷٫ اضافه نمودن کلید پینترست در سایت
به شما نحوه قرار دادن کلید پین در سایت را آموزش می دهد
۲۸٫ نحوه اضافه نمودن کارت توئیتر در وردپرس
توئیتر قابلیت خاصی به نام کارت توئیتر دارد که به شما امکان اضافه نمودن فایل مدیا و لینک به پست ها را می دهد. این مقاله به شما نحوه استفاده از آن را آموزش می دهد
۲۹٫ نحوه ایجان خبرنامه ایمیل در وردپرس
به شما نحوه ایجاد خبرنامه در وردپرس آموزش داده خواهد شد
سفارشی نمودن وب سایت
۳۰٫ سفارشی نمودن بخش مدیریت
این مقاله به شما نحوه سفارشی سازی بخش مدیریت وردپرس را آموزش می دهد
۳۱٫ ایجاد یک نوع جدید ارسالی در وردپرس
این مقالات به شما نحوه ایجاد انواع سفارشی را آموزش می دهد که با استفاده از این ابزار می توانید انواع مختلف اطلاعات را در سایت خود استفاده نمایید
۳۲٫ استفاده از جستجوی سفارشی گوگل در وردپرس
این مقاله به شما نحوه اضافه نمودن جستجوی گوگل مخصوص به سایت شما را به سایت آموزش می دهد
۳۳٫ اضافه نمودن آیکون به منو بدون نصب پلاگین
این مقاله به شما نحوه ایجاد منوهای تصویر و منو همراه آیکون بدون نصب پلاگین منو جدید را آموزش می دهد
۳۴٫ ایجاد سایت چند زبانه توسط وردپرس
در این مقاله به شما آموزش داده می شود چگونه از وردپرس برای ساخت سایت چندزبانه خود استفاده نمایید
۳۵٫ تغییر دهنده قالب وردپرس
نسخه جدید وردپرس این امکان را به شما می دهد قالب خود را در یک محیط با استفاده از ویرایشگر ویرایش نمایید این مقاله به شما نحوه ویرایش قالب را با استفاده از این ویرایشگر آموزش می دهد
استفاده از پلاگین ها
۳۶٫ 5 پلاگین مهم اولیه برای بلاگ شما
در مقاله پلاگین هایی که برای ساخت بلاگ خود به آنها احتیاج خواهید داشت آموزش داده شده
۳۷٫ نحوه نمایش آخرین فعالیت های شما در وردپرس
این پلاگین به شما نحوه نمایش آخرین فعالیت های شما در سایت را آموزش می دهد
۳۸٫ نحوه ساخت اولین پلاگین شما
این مقاله به شما آموزش می دهد چگونه پلاگین مورد نیاز خود را ایجاد نمایید
۳۹٫ پلاگین های لازم و پیشنهادی برای قالب وردپرس شما
این مقاله به شما پلاگین هایی را معرفی می نماید که می توانید در قالب خود از آنها استفاده نمایید
۴۰٫ نحوه ایجاد پلاگین های الحاقی
این مقاله به شما نحوه ایجاد پلاگین های الحاقی را که برای به اشتراک گذاری مطالب بین سایت ها از آن استفاده می شود را آموزش می دهد
امنیت سایت وردپرس
۴۱٫ امن سازی وردپرس توسط .htaccess
وردپرس با ۷۰ میلیون کاربر در اینترنت آیا نرم افزار امنی می باشد؟ این مقاله در مورد نحوه استفاده از .htacess برای امن سازی وردپرس می باشد
۴۲٫ روش های هک رایج وردپرس
وردپرس از چه نقاطی بیشتر آسیب پذیر است؟ از چه روش های معمولا وردپرس صدمه می بیند؟ و روش های جلوگیری از هک سایت وردپرس چیست؟
مهارت های پیشرفته
۴۳٫ مدیریت چرخه وردپرس
چرخه ها پایه های سیستم های مدیریت محتوا می باشند. در این مقاله این چرخه ها توضیح داده می شود.
۴۴٫ استفاده از کدهای کوتاه در وردپرس
وردپرس دارای قابلیت خاصی به نام کدهای کوتاه می باشد که به شما امکان انجام تغییرات و اضافه کردن امکانات بسیاری را می دهد. این مقاله نحوه استفاده از کدهای کوتاه را پوشش می دهد.
۴۵٫ فیلدهای سفارشی کاربر پسند با متاها
این مقاله به شما نحوه اضافه نمودن متاها را به ارسالی ها با استفاده از فیلدهای سفارشی و سایر امکانات آموزش می دهد
۴۶٫ استفاده زیبا از وردپرس با استفاده از تصاویر هوشمند
این مقاله به شما ایجاد سایت وردپرس را برای سایزهای مختلف صفحه و ابزارهای مختلف آموزش می دهد
۴۷٫ مواردی که می بایست در مورد وردپرس ۳٫۵ بدانید
این مقاله بر قابلیت های جدید وردپرس ۳٫۵ نسبت به نسخه های قبلی تاکید دارد.
۴۸٫ درج ماژول ها توسط کدهای کوتاه
بهتر است این مقاله را مطالعه نمایید تا کاربرد آن را متوجه شوید
۴۹٫ استفاده از WP_Query در وردپرس
این مقاله به شما نحوه استفاده از WP_Query برای ایجاد لیست های ارسالی را می دهد
۵۰٫ اضافه نمودن ساب دامنه و دامنه اضافی به هاست
نکاتی بیشتر در طراحی وب سایت با وردپرس
این مقاله به شما نحوه ایجاد ساب دامنه و دامنه اضافی بر روی هاست را آموزش می دهد که برای ایجاد سایت های جدید در هاست فعلی خود به آن احتیاج خواهید داشت.
در یک جهان عالی هر توسعه دهنده وردپرسی باید به یه تیم کرک دسترسی داشته باشه تا بتونه کدهای مورد نظرشو بدست بیاره.
اما اگه دارید خودتون کار میکنید و پلتفرم وردپرس رو انتخاب کردید، پیش مشتریها بعنوان یه فرد مجهز شناخته میشید. ازتون انتظار دارن طراحی هایی انتخاب کنید که کار باهاش راحت باشه.
در هر حال یکی از جنبه های مهم هر پروژه توسعه ای طراحیه. اگه طراحیتون انقدر بد باشه که کاربرهارو فراری بده، دیگه اهمیتی نداره کدهاتون چقدر عالین.
تو این مقاله نگاهی میندازیم به ۸ تا از بهترین طراحی هایی که میتونید به عنوان یه توسعه دهنده تو طراحی هاتون بکار ببرید و مهارتهای بازاریابیتونو افزایش بدید.
- با مدهای طراحی کنونی پیش برید
نمیخوام زیر و بم تک تک مدهای طراحی رو تحلیل کنم و برای هر کدوم یه صفحه توضیح بدم. حتما خودتون میدونید الآن چه مدلهایی رو بورسند. اما بد نیست یکم بیشتر تلاش کنید که مدهای طراحی رو دربیارید و بروز بمونید.
از parallax scrolling میتونید مدلهایی رو که بیشتر استفاده شدند ببینید: یه روش طراحی مؤثر که تصاویر روی صفحه سریع تر از پس زمینه حرکت میکنند و افکت خیره کننده ای بوجود میارن. بکارگیری این طرح سادست و به صفحات طراحی عمق و جذابیت بصری میبخشه. میتونید این طراح رو تو صفحه make headlines really pop ببینید.
پارالاکس فقط یکی از مدهای جذابیه که با تمرکز بر اسکرول بوجود اومده. یکی دیگه از این مدلها اسکرول بینهایته که روش انجام کار کمی جای بحث داره.
یکی دیگه از مدها، طراحی مادیگرا یا متریال: گوگل میخواد یه زبان بصری یکپارچه در سراسر همه محصولات و سرویسهاش بوجود بیاره. طراحی مادیگرا سعی میکنه بدون وابستگی به پلتفرم تجربه بی نظیری ارائه بده و کارهاش اول-موبایل هستند.
ادامه که بدیم میرسیم به طراحی مبتنی بر کارت (که پینترست یکی از قدیمیهاشه)، روشی که بر نمایش چشم نواز و فشرده اطلاعات تأکید داره.
این مدها و گرایشها بخاطر اینکه خیلی خوب میتونن با رعایت یه سری قوانین طراحی، کاربر رو جذب و با سایت همراه کنند، محبوبیت زیادی کسب کردند. در ادامه این مقاله در مورد بیشتر این طراحی ها باز هم صحبت خواهیم کرد و بیشتر باهاشون آشنا خواهیم شد. آشنا شدن با مدهای جدید، مثل اونی که اول از همه گفتیم، روش خوبی برای سرعت بخشیدن به فرایند یادگیری و ارتقای مهارت های طراحیتونه.
- اجرای طراحی واکنشگرا (ریسپانسیو)
طراحی ریسپانسیو میتونه با اندازه نمایشگر، پلتفرم و دستگاه کاربر هماهنگ بشه. در جهانی که موبایل حرف اولو میزنه، این طراحی از الزامات سایتهای مدرنه. اما از طرف دیگه این طراحی برای جستجوهایی که در مورد رسانه هاست کابوسیه و میتونه راحت هک بشه.
اما در هر حال نمیتونید از زیرش در برید: کاربرها هم انتظار دارن سایتها و برنامه های موبایل بدون مشکل روی همه دستگاه ها نمایش داده بشن. به عنوان یه توسعه دهنده میدونید که ایجاد یک تجربه عالی در پلتفرم های مختلف مستلزم آزمایش های بی شمار و اصلاح اشتباهاته اما در این مورد هیچ بهونه ای پذیرفته نیست.
برای اینکه باز هم اهمیت این طراحی رو تأکید کنم بگم، بی توجهی به این طراحی حیاتی یعنی باید با یک سوم ترافیک سایتتون خداحافظی کنید.
اما با همه این اهمیت، اجرای این نوع طراحی خیلی سادست و این روزها توسعه دهنده ها این کار رو برامون ساده تر هم کردند. فقط دقت کنید که این کارو درست انجام بدید و یه وقت طراحیتونو برای بخش قابل توجهی از کاربرها خراب نکنید.
- محتوایی بسازید که براحتی در دسترس باشد
نرخ خروج در سایتها خیلی متغیره، اما یکی از حقایق تلخ طراحی آنلاین اینه که مردم زیادی روی محتواتون کلیک میکنند و مستقیم به در مجازی شما وارد میشن.
این مردم برای موندن یا نمودن روی سایتتون به شدت سریع تصمیم میگیرن و کار شما به عنوان طراح اینه که تا جای ممکن سایت رو براشون جذاب و خواستنی کنید که بیشتر روی سایت بمونن و به دور و اطراف نگاه کنند. انتخاب قالب های بد، نبود گزینه های مجستجو نوشتن محتوای بی کیفیت و بی ربط کاربرها رو از سایت دور میکنند.
طراح ها همیشه میخوان کاربر بتونه خیلی سریع تشخیص بده کدوم قسمت از سایت در مورد اون اطلاعاتیه که دنبالش میگشته. جهتیابی رو کاربرپسند کنید و همه چیز رو با کلمات واضح و روشن برچسب بزنید تا سردرگمی پیش نیاد.
- از فضای سفید بهره ببرید
توسعه دهنده ها بخاطر طبیعت کارشون، اغلب آدمای منظمی هستن. بیشتر از اینکه به زیبایی سایت توجه کنند به بهینه سازیش دقت میکنند. به همین دلیله که اغلب سعی میکنند با سایتها مثل روزنامه های قدیمی رفتار کنند و پرشون کنند از اطلاعات، اما این مدل سایتها هم برای کاربرها مثل کابوس میمونن.
شما میخواهید در هر قسمت از سایتتون، چشم کاربرها به سمت اطلاعات مهم بچرخه. استفاده مؤثر از فضای سفید یکی از روشهای زیبای اجرای این روشه که در طول زمان امتحانشو پس داده.
فضای سفید علاوه بر تأکید کردن روی اطلاعات مهم، درک مطلب رو افزایش میده و کاری میکنند که ظاهر سایت به نظر صاف و صیقلی بیاد. این رو هم به ترفندهای طراحیتون اضافه کنید تا سایتهاتون از همون لحظه ای که منتشر میشن کاربر جذب کنند.
- اهمیت فونتها
از نظر طراحی، فونتها اهمیت بسزایی دارند. استفاده از هر فونتی یه دلیل داره. معمولا کل سایت پر از متنه، مگر اینکه بخواهید یه گالری عکس داشته باشید.
قبلا تعداد فونتهای قابل استفاده در طراحی سایت خیلی محدود بود، اما خداروشکر کم کم بیشتر شدند. حالا دیگه مرورگرها هم از فونتهای مختلف پشتیبانی میکنند و شما محدود به استفاده از یه فونت خاص نیستید و میتونید کل وب رو بگردید تا فونت مناسب سایت خودتونو پیدا کنید.
باید فونتی انتخاب کنید که توجه مخاطب رو از محتوای سایت دور نکنه یا تو طراحی کلی سایت به نظر نابجا نیاد. انتخاب فونت و جور کردن فونتها با هم یکی از وظایف طراحه که دقت زیادی می طلبه.
- فرم ها ساده باشند
کاربرها از پر کردن فرم خوششون نمیاد. حالا میخواد آنلاین باشه یا آفلاین. اما تو طراحی سایت گاهی مجبوریم فرم هم داشته باشیم، چون راه اصلی تعامل کاربر با سایت از طریق همینهاست: یعنی عضویت، بازیابی رمز عبور فراموش شده، صفحات ارتباط با ما، عضویت در خبرنامه و ….
اگه یکم وقت بذارید و بیشتر تلاش کنید میتونید فرمهای مفیدتری درست کنید که کاربرپسند و مد روز باشند و پروفایل طراحی صفحاتتونو بالا بکشند.
اینجا برای شما هم به عنوان توسعه دهنده یه مزیت هایی داره. خیلی از طراح ها از فرمهایی که روی سایتهاشون کار گذاشتند – از نظر فنی – خجالت زده اند. اما نسبت به سایر مشکلاتی که باهاشون دست و پنجه نرم کردید بدیهی ترند.
- صفحات ۴۰۴ مهربونی بسازید
همه سایتها برای یه مدت کوتاه هم که شده، بالاخره یه وقتی خراب میشن یا با مشکل روبرو میشن. با این که این مسئله قابل پیش بینیه اما بیشتر کاربرها وقتی با این صفحه روبرو میشد فکر میکنند سایتتون قابل اعتماد نیست. پس چرا یکم بیشتر براش وقت صرف نمیکنید تا یه صفحه خطایی بسازید که به کاربرها اطمینان خاطر بده.
هر چی که بسازید بهتر از صفحه پیشفرض سروره. یه صفحه خطای خوب طراحی شده به کاربرها اطمینان خاطر میده و کاربرها خیالشون راحت میشه که همه چی تحت کنترله و به زودی به حات عادی برخواهد گشت.
اگه از وردپرس استفاده میکنید میتونید از افزونه هایی که برای این کار هست استفاده کنید.
- جزئیات کوچک هم خیلی مهمند
تا الآن همه گرایشات مهم طراحی رو پوشش دادیم: واکنشگرایی، دسترس پذیری، استفاده از فضای سفید، تایپوگرافی، فرمها و صفحات ۴۰۴٫ حالا میخواهیم یکم عناصر سطحی که میتونید برای بالا بردن سطح بازی طراحیتون ازشون بهره ببرید رو باز تر کنیم.
اگه هیچی هم از این مقاله نگرفته باشید، اما اینو به خاطر داشته باشید که: طراحی همه اش از جزئیاته.
این نکات کوچک هستن که باعث میشن در نهایت کاربر، طراحی رو خوب ارزیابی کنه.
بعنوان یه توسعه دهنده حتما طور دیگه ای به بکارگیری جزئیات عادت کردید، اما قبول کنید که این ریزه کاری ها هم تو این حرفه مهمند. درک این واقعیت میتونه شما رو به طراح بهتری تبدیل کنه.
- خلاصه
همه چیزهایی که تو این مقاله گفتیم، بعلاوه یه محتوای عالی، پایه و اساس طراحی سایت اند. بکارگیری این نکات میتونه ظاهر و حال و هوای هر سایتی رو بهتر کنه. اجازه بدید یه بار دیگه این فهرست رو مرور کنیم:
۱- از طراحی های مد روز استفاده کنید
۲- طراحی واکنشگرا داشته باشید
۳- محتوا براحتی در دسترس باشه
۴- بخاطر داشته باشید که فضای سفید خیلی میتونه در جهت اهداف شما کمک کنه
۵- اهمیت فونتها رو درک کنید
۶- فرم ها رو تا حد ممکن ساده طراحی کنید
۷- صفحات ۴۰۴ کاربرپسند طراحی کنید
۸- قبول کنید که جزئیات کوچک اهمیت زیادی دارند
به عنوان یه توسعه دهنده با استفاده از این روشها نه تنها کاربر نهایی رو خوشحال خواهید کرد، بلکه بازاریابی سایتتون هم راحتتر خواهد شد.
سعید رضایی و حامد حسین نسب
دیدگاه خود را ثبت کنید
تمایل دارید در گفتگوها شرکت کنید؟در گفتگو ها شرکت کنید.