کاتالوگ آنفایو
051-38550086 051-38515396 09355240891

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

اسکرول بی نهایت : بگذارید به تهش برسیم-قسمت دوم
پنج شنبه ۲۵ خرداد ۹۶

اسکرول بی نهایت : بگذارید به تهش برسیم-قسمت دوم

همونطوری که قبلا گفته شد. توییتر اسکرول بی نهایت رو به طور بهینه استفاده میکنه. کاربر یک لیست رو به افزایش از توییت های رو می بینه، که می تونه به راحتی رو هر توییت کلیک کنه و اون رو در محل گسترش بده، از رفرش شدن صفحه جلوگیری میشه و نتیجه توی همون موقعیت اسکرول باقی میمونه.

فید توییتر

فید توییتر

 

فید توییتر

حتی روی نسخه موبایل توییتر یک علامت “کاغذ پاره” اضافه می کنه که به کاربر میگه از کجا به خوندن ادامه بده. این راه حل ساده و زیرکانه به کاربران اجازه میده توی صفحه به بالا اسکرول  کنند در حالی که یک تشحیص دارند برای بازگشت دارند. از لحاظ روان شناسی این مارکر ها خواننده رو از جدا شدن محتوای خوانده شده و خوانده نشده مطمئن میکنه. این مارکر ها به کاربر حس کنترل و آگاهی بهتری از عمق محتوا و اینکه چه مقدار در اون جلو رفته اند رو میده.

 

توییتر تنها سایت توی این مورد نیست. Discourse یک پلتفرم گفتگو ی نوظهور هستش که با استفاده ازاسکرول بی نهایت به کاربراش قدرت میده. این شرکت همین اسکرول بی نهایت رو برای کاربراش در نظر گرفته و یک نشانگر پیشرفت خاص و جذاب رو پیاده سازی کرده. این نشانگر وقتی که نیاز باشه  ظاهر میشه و تا وقتی که کاربر داره محتوا رو میخونه جلوی دید باقی میمونه (بدون مزاحمت) . این نشانگر آیتمی که در حال حاضر در حال دیده شدن رو  از تعداد کل نتایج شماره گذاری  گذاری میکنه. این راه فوق العاده ای برای دادن حس کنترل به کاربر هست . حتی وقتی داده های زیادی وجود دارند.

 

نشانگر پیشرفت هوشمند در Discourse

نشانگر پیشرفت هوشمند در Discourse

نشانگر پیشرفت هوشمند در Discourse

به سمت ترکیب برید

یک ترکیب از اسکرول بی نهایت و Pagination در اغلب موارد گزینه خوبی هستش. با این راهکار، شما می تونید یک دکمه “Load More” در انتهای لیست اولیه نمایش بدید و وقتی که کلیک شد . یک لیست دیگه ای از آیتم ها توی فهرست لود بشه. این رفتار مشابه کاری هستش که اسکرول بی نهایت به طور خودکار انجام میده. ولی این بار با اختیار انجام میشه. رابط کاربری چند خاصیت از اسکرول بی نهایت رو استفاده میکنه در حالی که اشکالات اون رو نداره.

به خاطر اینکه اسکرول بی نهایت نیازمند این هست که وب سایت ها حجم زیادی از محتوا رو استخراج کنند. راهکار ترکیبی استفاده میشه تا دریافت اطلاعات رو کنترل کنه .

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

برگه بندی بی نهایت ترکیبی در جستجوی تصاویر گوگل

برگه بندی بی نهایت ترکیبی در جستجوی تصاویر گوگل

 

برگه های بینهایت

برگه های بی نهایت مفهموم اسکرول بی نهایت رو به یک سطح جدید می برند. وب سایت هایی که از این مفهموم استفاده می کنن “One Pager” هستند. برای حذف مانع کلیک کردن روی صفحه بعد، طراح کل سایت رو به یک برگه طولانی و قابل اسکرول تبدیل می کنه. Unfold , و Lost World’s Fairs نمونه هایی از این شکل هستند.

 

روی این وب سایت های One-page، بخش های سایت به صورت عمومی و هر کدوم بعد از دیگری پخش میشن.این کار درک از وب سایت رو کاهش میده به این صورت که فابلیت دسترسی رو کاهش میده. این وب سایت ها ممکنه که اسکرول بی نهایت نداشته باشند، ولی کاربرا ممکنه هنوز احساس صفحه های بدون انتها رو داشته باشند.

 

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

ندونستن جایگاه فعلی می تونه کاربرا رو گیج کنه.

ندونستن جایگاه فعلی می تونه کاربرا رو گیج کنه.

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

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

بگذار به انتهای این برسم.

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

و از تله های زیر برای دستیابی به یک تجربه اسکرول بی نهایت قوی، جلوگیری بشه.

کاربر ها دسترسی سریع به محتوای اختصاصی می خواهند.

کاربرا نمی خوان برای دسترسی به تمام محتوای سایت تنها گذاشته بشوند. تشخیص بدید چه محتوایی برای وب سایت شما خاص هست و اون رو در بالای هر برگه ای قرار بدید و مطالب کمتر مرتبط رو فیلتر کنید.

 

کاربرا می خواند احساس کنترل داشته باشند.

اسکرول بی نهایت اون احساس کنترل رو خراب میکنه. یک نمودار پیشرفت هوشمندانه، یک منوی ثابت، یا یک نقشه اضافه کنید.

 

کاربرها اغلب در هنگام اسکرول دنبال نقاط راهنما می گردند.

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

 

برگه بندی مرسوم یا راهکار ترکیبی رو در نظر بگیرید.

یک برگه بندی قدیمی خوب همیشه یک جایگزین برای اسکرول بی نهایت هستش. و اگر در وضعیت شما، مناسب نیست، اونوقت می تونید از یک راهکار ترکیبی استفاده کنید. استفاده از یک دکمه “Load More” میتونه به خوبی رابط شما رو بهبود بده.

 

ایجاد محتوای جذاب بدون یک رابط کاربری گنگ.

مجبور کردن کاربرا برای چرخیدن در یک فهرست بدون انتها فقط در صورتی منطقی است که کاربرا حس کنن ارزشش رو داره.

 

 

کاربرا اغلب منتظر یک فوتر هستند.

اگر یک نوع اطلاعات سبک فوتر در رابط کاربری کاربردی هستند، پس باید در فوتر و پایین صفحه ظاهر بشوند. یک فوتر ثابت معمولا روشی  است که باید با اسکرول بی نهایت استفاده کنید.

 

یک اسکرول بی نهایت همچان یک لیست است.

ااسکرول بی نهایت همچنان نیاز داره تا با استانداردهای رایج هماهنگ باشه. وقتی که کاربرها چشمشون رو برای یک لحظه  از روی صفحه بر میداره یک روی یک لینک کلیک می کنه و بعدش “Back” رو کلیک میکنه انتظار داره بتونه به نقطه دقیقی که بوده برگرده. رابط کاربری شما هر چیزی که هست، مطمئن بشید که نیازهای کاربرها رو برآورده میکنه.

 

افکت ها زیبا هستند ولی ضروری نیستند.

خیلی از رابط هایاسکرول بی نهایت جلوه های مختلفی برای نمایش اطلاعات دارند. ( خواه با نمایش اسلایدی محتوای جدید با روش های دیگر). بیشتر روی نمایش اطلاعات به بهترین روش ممکن تمرکز کنید تا افکت ها.

 

از آن به درستی استفاده کنید

 

اگر هدف گرا هستید و بعد از رسیدن به انتهای گردشتون احساس رضایت می کنید. برای اثر گذار بودن، اسکرول بی نهایت برای این مورد راه های داره. در حقیقت هیچ چیزی بی نهایت نیست.حتی همه این اسکرول های بی نهایتی که ما به اونها نگاه کردیم. کاربرا همیشه باید بدونن که کجا ایستادند، حتی وقتی که محتوا کامل لود نشده. اونها باید بدونند که تعداد کل محتوا چقدر هست و بتونن به راحتی لیست رو مرور کنند. اسکرول بی نهایت باید به بهترین شکل ممکن پیاده سازی بشه، طوری که کاربرا همیشه به راحتی بتونند راهشون رو پیدا کنند.

 

 

کسب اطلاعات لازم درباره ی طراحی سایت در مشهد

 

ادامه مطلب
اسکرول بی نهایت : بگذارید به تهش برسیم-قسمت اول
دوشنبه ۱۵ خرداد ۹۶

اسکرول بی نهایت : بگذارید به تهش برسیم-قسمت اول

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

ادامه مطلب
افزایش بهره وری با ۵ ابزار برای اتوماسیون وردپرس
سه شنبه ۱۹ بهمن ۹۵

افزایش بهره وری با ۵ ابزار برای اتوماسیون وردپرس

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

ادامه مطلب
عقد قرارداد طراحی سایت املاک حافظ
سه شنبه ۱۲ بهمن ۹۵

عقد قرارداد طراحی سایت املاک حافظ

قرارداد طراحی سایت املاک حافظ  با مجموعه طراحی سایت آنفایو بسته شد.

طراحی سایت املاک با امکان جستجوی پیشرفته real time در گروه های خرید و فروش – رهن و اجاره – مشارکت در ساخت – معاوضه میباشد. از سایر امکانات مورد نظر در این پروژه میتوان به نمایش آگهی های lasy load و بخش ثبت آگهی آسان و رایگان اشاره کرد.

تاریخ عقد قرارداد ۲ بهمن ۹۵ بوده و مدت زمان پیش بینی شده برای طراحی این سایت مدت ۱ ماه خواهد بود و طرف قرارداد جناب آقای پوریا جوادی می باشند.

ادامه مطلب
اضافه کردن زیرنویس برای پست ها و صفحات در وردپرس
شنبه ۹ بهمن ۹۵

اضافه کردن زیرنویس برای پست ها و صفحات در وردپرس

آیا تا به حال احساس کردید که شما نیاز به یک زیرنویس برای پست ها و صفحات خود در وردپرس دارید؟ در این مقاله ما به شما  اضافه کردن زیرنویس برای پست ها و صفحات در وردپرس را نشان میدهیم.
نسخه ی نمایشی زنده از آنچه  نظر می رسد در سایت ThemeLab مانند زیر است:

 اضافه کردن زیرنویس در وردپرس

اضافه کردن زیرنویس در وردپرس

ادامه مطلب

ادامه مطلب
چگونه پربحث ترین مطالب (پر نظر ترین) را در وردپرس نمایش دهیم
شنبه ۹ بهمن ۹۵

چگونه پربحث ترین مطالب (پر نظر ترین) را در وردپرس نمایش دهیم

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

ادامه مطلب
طراحی ظاهر برچسب ها در وردپرس
شنبه ۹ بهمن ۹۵

طراحی ظاهر برچسب ها در وردپرس

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

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

function wpb_tags() { 
$wpbtags =  get_tags();
foreach ($wpbtags as $tag) { 
$string .= '<span class="tagbox"><a class="taglink" href="'. get_tag_link($tag->term_id) .'">'. $tag->name . '</a><span class="tagcount">'. $tag->count .'</span></span>' . "\n"   ;
} 
return $string;
} 
add_shortcode('wpbtags' , 'wpb_tags' );

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

[wpbtags]

با استفاده از این کد به تنهایی  لینک تگ و تعداد ارسال در کنار آنها نمایش داده میشود:

ظاهر طراحی شده برچسب ها 

بعضی از تم های وردپرس به سادگی برچسب ها را تحت اطلاعات متا با تاریخ چاپ و نشر، نمایش میدهند

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

ظاهر طراحی شده برچسب ها  در وردپرس

ظاهر طراحی شده برچسب ها

 

نحوه ی نمایش برچسب ها در سایت وردپرس شما مانند زیر است:

امیدواریم این مقاله به شما در طراحی ظاهر برچسب ها در وردپرس کمک کرده باشد.برای مشاهده مقالات بیشتر درباره ی طراحی قالب وردپرس به http://www.on5.ir مراجعه کنید.

آنفایو مرجع مقالات تخصصی طراحی قالب وردپرس

ادامه مطلب
دریافت اطلاعیه های ایمیل برای نقد و بررسی در وردپرس
شنبه ۹ بهمن ۹۵

دریافت اطلاعیه های ایمیل برای نقد و بررسی در وردپرس

دریافت اطلاعیه های ایمیل برای نقد و بررسی در وردپرس

دریافت اطلاعیه های ایمیل

 

در این مقاله، ما به شما دریافت اطلاعیه های ایمیل برای نقد و بررسی در وردپرس را نشان میدهیم

اولین چیزی که شما باید انجام دهید این است  نصب و فعال کردن پلاگینPending Submission Notifications است. این پلاگین خارج از جعبه کار میکند و هیچ تنطیماتی برای شما در پیکربندی وجود ندارد، و شما فورا شروع به دریافت اطلاعیه ها ایمیل در وردپرس خود میکنید

ادامه مطلب

ادامه مطلب

هاست پرسرعت سرور ایران

مشاهده پلن‌ها
آنفایو

استعلام قیمت بصورت آنلاین

تلگرام