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

دسته‌بندی نشده

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

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

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

ادامه مطلب
بهترین پلاگین های وردپرس برای ناشران یوتیوب
چهارشنبه ۶ بهمن ۹۵

بهترین پلاگین های وردپرس برای ناشران یوتیوب

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

ادامه مطلب
ویرایش منو مدیریت در وردپرس
یکشنبه ۲۱ آذر ۹۵

ویرایش منو مدیریت در وردپرس

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

ادامه مطلب

ادامه مطلب
انتقال سایت وردپرس به یک میزبان جدید و یا سرور بدون هیچ خرابی
چهارشنبه ۱۷ آذر ۹۵

انتقال سایت وردپرس به یک میزبان جدید و یا سرور بدون هیچ خرابی

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

ادامه مطلب

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

استفاده از روانشناسی رنگها برای تبادل بیشتر در سایت وردپرس

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

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

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

چرا رنگ بسیار مهم است؟

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

برطبق داده نمایی Kissmetric’s infographic، ۸۵% از خریداران تصمیم های خود را بر اساس تنها رنگ می گیرند و انتخاب رنگ مناسب ۸۰% روی نام تجاری تاثیر می گذارند.

براساس داده نمایی فوق Kissmetrics بیان می کند که باید رنگ ها را با توجه به ماهیت کسب و کار خود انتخاب کنید. فرایند واضح و جواب قطعی برای انتخاب رنگ مناسب وجود ندارد ولی شما با مطالعه تئوری رنگ ها می توانید برای سایت خود رنگ مناسبی را انتخاب کنید.

تئوری رنگ ها

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

تضاد

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

مکمل

رنگهای مقابل هم در چرخه رنگ، رنگ های مکمل می باشند.این رنگ ها می توانند یکدیگر را تشدید کند و اثر بهتری روی طرح شما داشته باشد.مثلا مکمل رنگ آبی، نارنجی می باشد.

ماهیت

این اشاره به ماهیت رنگ ها دارد:روشنائی، رنگ های گرم(قرمز، نارنجی، زرد) رنگ های انرژی زا و رنگ های تیره تر(بنفش، سبز، آبی) رنگ های آرامش بخش

معنی و فرهنگ رنگ ها

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

قرمز:

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

نارنجی

نارنجی در هند مقدس و در ژاپن نشانه شجاعت و عشق می باشد.در شرق میانه این رنگ برای عذاداری و از دست دادن استفاده می شود.

زرد

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

آبی

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

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

سبز

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

بنفش

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

رنگ صورتی

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

قهوه ای

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

سیاه

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

سفید

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

رنگ و قیف تبدیل

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

آگاهی

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

علاقه

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

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

طراحی

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

تبادل

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

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

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

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

برنامه ریزی در مورد رنگ طرح قالب وردپرس شما یک جزء جدایی ناپذیر از استراتژی تبادل شما می باشد. قبل از ورود به این مرحله باید هدف اصلی سایت و مخاطبان خود را بدانید. مخاطبان روی انتخاب رنگ شما تاثیر می گذارند. زمانی که شما فکر می کنید بیشتر خانمها رنگ صورتی را دوست دارند متعجب خواهید شد که ۳۵% خانمها رنگ مورد علاقه اشان آبی و سپس سبز و بنفش می باشد.

Estēe Lauder در سایت خود از رنگ آبی استفاده می کند.

نمونه سایت با رنگ آبی

نمونه سایت با رنگ آبی

Colour Pop که مخاطبانش خانم هستند از رنگ بنفش برای طرح خود استفاده می کند.

نمونه سایت با رنگ بنفش

نمونه سایت با رنگ بنفش

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

نمونه سایت با طرح سیاه و سفید

نمونه سایت با طرح سیاه و سفید

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

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

چگونه یک رنگ برای عملکرد بهتر انتخاب کنیم؟

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

مطالعات HubSpot نشان می دهد که دکمه قرمز ۲۱% باعث افزایش نرخ تبادل می شود. بطور مشابه در مطالعه  Dmix نشان داده شده است که افزایش چشمگیر نرخ تبادل  ۳۴% در جایگزینی دکمه قرمز با سبز شده است.

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

نمونه سایت با طرح سیاه و زرد

نمونه سایت با طرح سیاه و زرد

۱۰ تا از بهترین افزونه های وردپرس برای افزایش CRO سایت شما

OptinMonster
OptinMonster

OptinMonster

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

OptinMonster افزونه ای است که دارای هزینه می باشد برای یک سایت ۹$ و برای تعداد نامحدودی سایت ۲۹$ می باشد.

OptimizePress
OptimizePress

OptimizePress

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

OptimizePress, سه بسته قیمت متفاوت دارد:۹۷$ برای سه سایت، ۱۹۷$ برای ده سایت، ۲۹۷$ برای سی سایت

ExtraWatch
ExtraWatch

ExtraWatch

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

این افزونه بینشهای مختلف مخاطبان را با رفتارهای واقعی آنها نشان می دهد و این با هزینه کم۱۹$ که در یک زمان پرداخت می کنید در دسترس می باشد.

Q2W3 Fixed Widget
Q2W3 Fixed Widget

Q2W3 Fixed Widget

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

Gravity Forms
Gravity Forms

Gravity Forms

اگر شما با شکل ها کار می کنید و می خواهید آنها را تغییر دهید بهتر است دست نگه دارید با استفاده از Gravity Forms شما می توانید خیلی راحت و سریع این کار را انجام دهید این افزونه با انواع خدمات PayPal, MailChimp, FreshBooks و بسیاری دیگر قابلیت تنظیم بالایی دارد. هزینه این افزونه ۳۹$ می باشد.

Welcome Gate
Welcome Gate

Welcome Gate

امروزه بسیاری از طراحان قالب وردپرس برای سایت خود صفحه خوش آمدگویی قرار می دهند و شمارا متعجب می کنند و این صفحه کامل صفحه اول را می پوشاند. این صفحه به شما دو انتخاب می دهد :یکی ثبت نام در سایت شما و دیگر گذشتن از این صفحه و وارد شدن به سایت می باشد. نویسنده این افزونه ادعا کرده است که ۱۰برابر موثرتر از افزونه پاپ آپ می باشد. هزینه این افزونه برای مدت محدودی رایگان می باشد.

Title Experiments Free
Title Experiments Free

Title Experiments Free

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

Title Experiments Free رایگان می باشد ولی افزونه با تنظیمات بیشتر ۲۹٫۹۹$ در سال می باشد.

Total Feedback
Total Feedback

Total Feedback

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

Total Feedback دارای سه بسته قیمتی می باشد:۲۹٫۹۹$ برای یک سایت، ۶۹٫۹۹$ برای پنج سایت، ۱۴۹٫۹۹$ برای بی نهایت سایت

A/B Theme Testing
A/B Theme Testing

A/B Theme Testing

A/B Theme Testing به شما اجازه می دهد که دو تا قالب انتخاب کنید و با توجه به موضوع خود بهترین را انتخاب کنید. تعداد قالب هایی که می توانید تست کنید محدودیت ندارد. شما با این افزونه حدس و گمان ها را از بین می برید و باعث افزایش نرخ تبادل می شود.

A/B Theme Testing هزینه ۱۹$ در ماه و برای عضویت در WPMU DEV، مبلغ ۴۹$ در ماه می باشد.

AB Press Optimizer
AB Press Optimizer

AB Press Optimizer

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

AB Press Optimizer رایگان شامل محدودیت هایی می باشد. افزونه با ویژگیهای پیشرفته برای یک سایت ۴۹$، برای سه سایت ۹۹$ و برای تعداد نامحدودی سایت ۱۹۹$ می باشد.

در خاتمه

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

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

 

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

برای مشاقده مقالات تخصصی طراحی قالب وردپرس در http://on5.ir

ادامه مطلب
طریقه نصب گوگل آنالیز در وردپرس برای مبتدیان
یکشنبه ۱۶ آبان ۹۵

طریقه نصب گوگل آنالیز در وردپرس برای مبتدیان

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

آنالیز وب در وردپرس

آنالیز وب

چرا گوگل آنالیز برای وبلاگ نویسان مهم است؟

 گوگلآنالیز اجازه می دهد تا پیگیری کنید:

چه کسی سایت شما را ملاقات می کند.

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

این داده ها خیلی مفید هستند و به روشهای متفاوتی به شما کمک می کنند. هنگامی که شما سفارش یک طراحی را می گیرید با استفاده از این اطلاعات می توانید مطمئن شوید که سایت شما متناسب با مخاطبان شده است. اگر بسیاری از کاربران قابلیت پخش فلش را ندارند شما باید از استفاده عناصر فلش دوری کنید. اگر بسیاری از کاربران از وضوح ۱۲۸۰ استفاده می کنند شما باید مطمئن شوید که طرحتان سازگار با این وضوح تصویر یا کمتر باشد.

مدت زمانی که در سایت شما هستند.

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

چه زمانی سایت شما را ملاقات می کنند.

شما با نگاه کردن به ساعات اوج سایتتان در روز می توانید زمان انتشار پست ها را انتخاب کنید. اگر منطقه زمانی با شما یکی نباشد شما باید خود را با آن سازگار کنید.

از کجا به سایت شما رسیده اند.

این قسمت آنالیز به شما نشان می دهد که کاربران از کجا آمده اند برای مثال :از طریق موتورهای جستجو، لینک های مستقیم، ارجاع از لینکهای سایتهای دیگر

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

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

چطور با محتوای سایت شما مرتبط شدند

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

ویدیوی آموزشی

میتوانید این ویدیو را در یوتیوب مشاهده کنید

چطور در گوگل آنالیز ثبت نام کنیم؟

گام اول:

ابتدا باید در گوگل آنالیز ثبت نام کنید. برای انجام این کار این صفحه Google Analytics Signup  ملاقات کنید.

شما صفحه این چنین خواهید دید. اگر شما حساب کاربری در گوگل دارید با آن وارد شوید اگر نه برای خود یک حساب کاربری ایجاد کنید.

مرحله1:ایجادحساب کاربری در گوگل آنالیز

مرحله۱:ایجادحساب کاربری

گام دوم:

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

مرحله2:ایجادحساب کاربری در گوگل آنالیز

مرحله۲:ایجادحساب کاربری

گام سوم:

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

در حال حاضر گوگل به یک حساب کاربری جهانی اشاره می کند که نسخه بتا با ویژگیهای اضافه و آنالیز حساب کاربری کلاسیک است. شما آزاد هستید که هر کدام را انتخاب کنید. حتی اگر شما آنالیز کلاسیک را انتخاب کنید به ویژگیهای اضافه خارج از بتا مجهز می شوید.

مرحله3:ایجادحساب کاربری در گوگل آنالیز

مرحله۳:ایجادحساب کاربری

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

ارائه اطلاعات وب سایت در گوگل آنالیز

ارائه اطلاعات وب سایت

بعد از وارد کردن اطلاعات روی دکمه Get Tracking ID  کلیک کنید. شما برای موافقت با قوانین و خدمات گوگل آنالیز باید روی دکمه  I Agree button. کلیک کنید.

گام چهارم:

حالا شما یک کد ردیابی گوگل آنالیز دارید. این کد را کپی کنید چون باید در قالب وردپرس خود وارد کنید.

کد پیگیری گوگل آنالیز

کد پیگیری گوگل آنالیز

گوگل آنالیز را چگونه در وردپرس نصب کنیم.

به سه طریق گوگل آنالیز را می توان در قالب وردپرس نصب کرد. جایگذاری مستقیم، فایل FUNCTION.PHP، افزونه

روش افزونه(توصیه شده)

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

کد گوگل آنالیز را در صفحه تنظیمات افزونه جایگذاری کنید.

روش جایگذاری مستقیم

کد مرحله ۴ را کپی کنید و در صفحه header.php بعد از تگ <body>  جایگذاری کنید.

روش function.php

نکته:اگر روش کار را یاد دارید این را انجام دهید.

این کد را به فایل function.php اضافه کنید و فراموش نکنید که کد گوگل آنالیز مرحله ۴ را جایگذاری کنید.

<pre><?php
add_action('wp_footer', 'add_googleanalytics');
function add_googleanalytics() { ?>
// Paste your Google Analytics code from Step 4 here
<?php } ?>

وقتی برای اولین بار گوگل آنالیز را نصب کردید شما می توانید به صفحه مرحله ۴ برگردید و روی دکمه ذخیره کلیک کنید. شما اگر روی سربرگ گزارش گیری کلیک کنید آنالیز سایت خود را می توانید مشاهده کنید.۱۲ تا ۲۴ ساعت زمان می برد که گوگل آنالیز وضعیت سایت شما را با توجه به آن چه شما نیاز دارید نشان دهد.

صفحه گزارش گیری گوگل آنالیز

صفحه گزارش گیری آنالیز

گوگل آنالیز برای هر وبلاگی مورد نیاز می باشد.

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

مشاهده بیشتر مقالات تخصصی طراحی قالب وردپرس در http://on5.ir

ادامه مطلب
نحوه اضافه کردن جستجوی سریع با Algolia در وردپرس
چهارشنبه ۱۲ آبان ۹۵

نحوه اضافه کردن جستجوی سریع با Algolia در وردپرس

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

جستجوی سریع با وردپرس

جستجوی سریع

چرا ویژگی جستجوی سریع را در قالب وردپرس اضافه می کنیم؟

بطور پیش فرض جستجوی وردپرس ساده و اغلب نامربوط است. به همین دلیل بسیاری از کاربران وردپرس آن را با ابزار سومی مانند GOOGLE SEARCH یا پلاگین جستجوی وردپرس مانند SEARCHWP اضافه می کنند.

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

با این حال، اجازه دهید تا ببینیم چگونه می توانیم امکان جستجوی سریع را با ابزار Algolia در قالب وردپرس را انجام دهیم.

Algolia چیست؟

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

این برپایه جستجوی سریع ایجاد شده است به این معنی که کاربران به محتوای موردنظر خود سریعتر دسترسی پیدا می کنند بدون اینکه نتیجه صفحات جستجو را ببینند.

Algolia یک برنامه آزاد با ۱۰۰۰۰ مدرک و ۱۰۰۰۰۰ پرس وجو در ماه ارائه می دهد .برنامه پرداخت خود را از ماهی $۴۹ دلار شروع کرده و ۱۴ روز هم بطور رایگان می باشد.

اضافه کردن جستجوی سریع در قالب وردپرس با Algolia

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

ایجاد حساب کاربری Algolia در وردپرس

ایجاد حساب کاربری Algolia

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

صفحه تنظیم پلاگین algolia در وردپرس

صفحه تنظیم پلاگین algolia

از شما شماره شناسه ID و کلید API را سوال می کند، شما این اطلاعات را از حساب کاربری Algolia خود می توانید بدست آورید.

کلید API در Algolia

کلید API

کلیدهای مورد نیاز را در صفحه تنظیمات افزونه کپی کنید بعد روی دکمه ذخیره کلیک کنید تا در تنظیماتتان ذخیره شود.

در مرحله بعد از شما می خواهد تا محتوایتان را شاخص گذاری کنید.شاخص گذاری اجازه می دهد تا Algolia یک شاخص از محتوای شما ایجاد کند و امکان جستجوی سریع را بدون کاهش سرعت سایت بوجود بیاورد.

شما برای انجام شاخص گذاری به Algolia –>indexing  بروید و نوع محتوایی که می خواهید شاخص گذاری شود را انتخاب می کنید. فراموش نکنید که تغییرات را ذخیره کنید.

شاخص گذاری در پلاگین Algolia

شاخص گذاری

Algolia شروع به شاخص گذاری محتوا خواهد کرد.مدت زمان آن بستگی به مقدار محتوای سایت شما دارد.بعد نیاز هست تا شما ویژگی خودکار را فعال کنید.به Algolia->Autocomplete بروید و گزینه Enable automatic را تیک بزنید و بعد به پایین بروید و نوع محتوایی که می خواهید بطور خودکار تکمیل شود انتخاب کنید.

تنظیم گزینه خودکار کامل شدن

خودکارکامل شدن

فراموش نکنید که روی دکمه ذخیره تغییرات کلیک تا تغییرات ذخیره شوند.

در نهایت شما نیاز دارید تا جستجوی پیش فرض وردپرس را با جستجوی سریع Algolia جایگزین کنید.برای انجام این کار به صفحه Algolia->search بروید و گزینه  Use Algolia in the backend’ (Algolia در باطن) را انتخاب کنید.

صفحه جستجو در پلاگین Algolia

صفحه جستجو

انتخاب  Algolia in the backend باعث می شود تا جستجوی سریع Algolia جایگزین جستجوی وردپرس شود.روی دکمه ذخیره کلیک کنید تا تغییرات ذخیره شود.

اضافه کردن جعبه جستجوی سریع در وردپرس

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

اگر شما فرم جستجو به سایت وردپرس خود اضافه کرده اید آنگاه نتایج استفاده از Algolia را نشان خواهد داد.اگر شما فرم جستجو اضافه نکرده اید آنگاه صفحه appreance–>widget بروید و ویجت جستجو را به نوار کناری سایت خود بکشید

ویجت جستجو در پلاگین Algolia

ویجت جستجو

لطفا مطمئن شوید که تنظیمات ویجت خود را ذخیره کرده اید.

شما اکنون می توانید به سایت خود بروید و جستجوی سریع را در عمل ببینید.در جعبه جستجو تایپ کنید تا Algolia نتیجه تایپ شما را نشان دهد.

پیش نمایش پلاگین Algolia در وردپرس

پیش نمایش پلاگین Algolia

امیدواریم که این مقاله به شما در اضافه کردن جستجوی سریع Algolia به سایت وردپرس شما کمک کند.

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

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

ادامه مطلب
چگونه اندازه تصاویر GVATAR در قالب وردپرس را تغییر دهیم.
دوشنبه ۱۰ آبان ۹۵

چگونه اندازه تصاویر GVATAR در قالب وردپرس را تغییر دهیم.

تغییر اندازه تصاویر آواتار در قالب وردپرس

تغییر اندازه تصاویر آواتار

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

نکته: اگر در قالب شما اندازه تصویر آواتار تعیین شده است باید تصویر خود را به آن اندازه تغییر دهید.

تغییر اندازه تصویر آواتار در نظرات قالب وردپرس

نیاز هست فایل comment.php در پوشه‌ی قالب وردپرس خود را باز کنید و به مسیر/wp-content/themes/yourtheme/. بروید.روش دیگر اینکه اگر شرکت وردپرس فایل File Manager را ارائه داده باشد می توانید از طریق آن تنظیمات خود را انجام دهید.

در فایل comment.php باید کد  avatar_size پیدا کنید.

و در تابع wp_list_comments مانند زیر خواهد بود.

<?php
wp_list_comments( array(
	'style'       => 'ol',
	'short_ping'  => true,
	'avatar_size' => 32,
) );
?>

به سادگی سایز را به آنچه می خواهید تغییر دهید. آواتار مربعی شکل است و مقداری که می دهید هم برای طول و هم برای عرض می باشد. آن هنگام تغییرات را ذخیره می کنیم و اگر از ftp استفاده می کنید تغیرات را آپلود می کنید.

 

حالا اگر یک نظر را باز کنید تغییرات را مشاهده می کنید. ولی اگر تغییرات ایجاد نشده بود به این معنی است که تنظیمات css ارجح تر می باشد.بهترین راه برای چک کردن استفاده از Inspect Elements tool در مرورگر می باشد.

بررسی عنصر آواتار نظر رد قالب وردپرس

بررسی عنصر آواتار نظر

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

شما متوجه خواهید شد که اندازه ها متفاوت هستند واین  به این معنی می باشد که فایل style.css اندازه تصاویر را مشخص کرده است.در بسیاری از قالبهای وردپرس مانند۲۰۱۶ از طریق css اندازه تصاویر آواتار را مشخص می کنند.شما باید فایل style.css را در قالب وردپرس خود باز کنید و آواتار را جستجو کنید. باید فایل css که شامل کلاس  .comment-author .avatar می باشد پیدا کنید که شامل کد زیر می باشد:

.comment-author .avatar {
	height: 42px;
	position: relative;
	top: 0.25em;
	width: 42px;
}

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

شاید سوال بپرسید که چرا وقتی تغییر سایز با css امکان داشت چرا ما  avatar_size در فایل comment.php را تغییر داده ایم؟

زمانی که از میانبر css استفاده می کنیم دو منفعت برای ما دارد:

  • تصاویر بدون تار

اگر شما بخواهید تصاویر آواتار را در قالب وردپرس خود تغییر دهید و اندازه آن را بزرگتر از اندازه پیش فرض کنید تصاویر تار خواهد شد.

  • بار شدن سریعتر تصاویر

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

تغییر اندازه تصاویر آواتار برای بیوگرافی نویسندگان

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

شما نیاز دارید که فایل بیوگرافی را به قالب وردپرس خود اضافه کنید.این ممکن است یک فایل single.php  یا function.php یا یک فایل جدا در قالب وردپرس شما باشد.

در قالب وردپرس ۲۰۱۶ از فایل biography.php استفاده می کند.هنگام جستجو شما باید کد get_avatar. را پیدا کنید.برای مثال ما قالب پیش فرض وردپرس ۲۰۱۶ را بیان می کنیم.مسیر پوشه ها در این قالب وردپرس /wp-content/themes/twentysixteen/template-parts/biography.php file می باشد.

اینگونه خوانده می شود:

$author_bio_avatar_size = apply_filters('twentysixteen_author_bio_avatar_size', 32 );
echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );

شما می توانید عدد ۳۲ به هر چیزی که خواستید تغییر دهید.

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

get_avatar( get_the_author_meta( 'user_email' ), 32);

بعد از تغییر اندازه صفحه را بروز رسانی کنید تا تغییرات اعمال شود اگر تغییرات اعمال نشد در فایل style.php کلاس نماد را که برای نظرات در نظر گرفته شده پیدا کنید و اندازه را تغییر دهید.

امیدواریم این مقاله به شما در تغییر سایز تصاویر آواتار در قالب وردپرس کمک کند.

 

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

مشاهده بیشتر مقالات طراحی قالب وردپرس در http://on5.ir

ادامه مطلب

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

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

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

تلگرام