دیجی اسکریپت

دیجی اسکریپت | صفحه 494 از 1681 | دانلود رایگان اسکریپت

بررسی رفتار کاربر در وردپرس و شمارش تعداد کلیک
[ad_1]

بررسی رفتار کاربر در وردپرس
بررسی رفتار کاربر در وردپرس

شما باید همواره رفتار کاربران خود را دنبال کنید و تمامی استراتژی‌های سایت خودتان را بر اساس سلیقه و نیاز کاربران برنامه‌ریزی کنید. یکی از مواردی که می‌تواند به شما برای شناخت بهتر سلایق کاربر کمک کند، بررسی رفتار کاربر در وردپرس می‌باشد.

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

بررسی رفتار کاربر در وردپرس

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

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

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

بررسی رفتار کاربر در وردپرس با Monsterinsights

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

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

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

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

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

پس از نصب کردن افزونه، باید آن را به گوگل آنالیتیکس متصل کنید، برای این کار مقاله افزونه گوگل آنالیتیکس برای وردپرس – Google Analytics را مشاهده کنید.

پیگیری لینک‌های بازاریابی در وردپرس

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

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

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

برای این کار باید پس از نصب افزونه وارد تنظیمات آن شوید. در تنظیمات این پلاگین مانند تصویر زیر چندین تب مختلف وجود دارد که شما باید بر روی “Publisher” کلیک کنید.

تنظیمات  Publisher
تنظیمات Publisher

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

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

رهگیری لینک‌های خروجی

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

برای این کار نیز افزونه MonsterInsights به شما کمک خواهد کرد، برای مشاهده آن کافی است وارد پیشخوان وردپرس شوید و از بخش گزارش‌ها» ناشران آن‌ها را مشاهده نمایید.

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

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

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

اگر از افزونه EDD یا ووکامرس برای فروش فایل در سایت خود استفاده می‌کنید می‌توانید به‌راحتی با استفاده از پلاگین MonsterInsights لینک‌های تجارت الکترونیک خودتان را پیگیری کنید.

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

خب حالا شما می‌توانید دو گزینه برای رهگیری مشاهده کنید که باید آن‌ها را فعال کنید و در آخر بر روی Save در پایین صفحه کلیک کنید.

بعد از فعال کردن این گزینه‌ها باید به پیشخوان خود بازگردید، وارد گوگل آنالیتیکس» افزودنی‌ها شوید. در این بخش شما باید”Install” روی باکس ECommerce کلیک کنید.

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

حالا شما می‌توانید نتایج را در بخش گزارش‌ها» ECommerce مشاهده کنید. البته شما می‌توانید به داده‌های دقیق‌تر دیگری نیز از طریق گوگل آنالیتیکس دسترسی پیدا کنید که برای این کار باید به پنل خود در گوگل آنالیتیکس بروید و به بخش Conversions» Ecommerce مراجعه کنید.

نکته: این قابلیت برای نسخه پولی این افزونه است و شما برای استفاده از آن باید افزونه خود را ارتقاء دهید.

بررسی تعداد دانلود فایل در وردپرس

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

همچنین شما می‌توانید در صورت دلخواه پرونده‌های دیگری نیز برای رهگیری به تنظیمات این افزونه اضافه کنید. به‌عنوان‌مثال ممکن است شما در سایت خود محتوایی را برای دانلود قرار داده باشید که در تنظیمات پیش‌فرض این افزونه وجود ندارد، اصلاً نگران نباشید چراکه شما می‌توانید با رفتن به پیشخوان» گوگل آنالیتیکس » تنظیمات و در قسمت File Downloads، هر نوع فایل دانلودی دلخواهی را اضافه کنید و پس‌ازآن بر روی ذخیره تغییرات کلیک کنید تا فایل موردنظر شما نیز رهگیری شود.

برای مشاهده نتایج به‌دست‌آمده نیز می‌توانید، به قسمت گزارش‌ها در این پلاگین‌ها مراجعه نمایید.

شمارش تعداد کلیک روی لینک های سایت

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

خب برای این کار باید به پیشخوان» نوشته‌ها» افزودن نوشته بروید و از طریق آیکون “+” در سمت راست، یک بلوک HTML ایجاد کنید، سپس کد زیر را در آن جایگذاری کنید؛ البته به یاد داشته باشید که باید لینک موردنظر خود را به آن اضافه کنید.

<a href="https://www.example.com" data-vars-ga-category="Call to action clicks" data-vars-ga-action="CTA link click" data-vars-ga-label="Homepage CTA clicks">My custom link</a> 

پیوندی که در بالا برای شما آورده شده است دارای سه ویژگی برای لینک سفارشی شما می‌باشد که می‌توانید آن را در پیوند نیز مشاهده کنید، هر یک از این ویژگی‌ها یک کارایی مخصوص دارند:

  • data-vars-ga-category: تنظیم دسته برای لینک سفارشی.
  • data-vars-ga-action: توصیف رفتار و حرکت لینک سفارشی.
  • data-vars-ga-label: برچسب لینک سفارشی است که به شما برای شناسایی کمک خواهد کرد.

خب حالا که این لینک سفارشی را ایجاد کردید می توانید با کمک پلاگین MonsterInsights، آن را رهگیری کنید و نتایج را مشاهده کنید، برای این کار باید به بخش Behavior» Events بروید.

موفق و پیروز باشید. 🙂

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

[ad_2]

لینک منبع مطلب

دانلود رایگان سورس فرم ها به صورت css3
[ad_1]

با استفاده از این سورس ها میتوانید با استایل زیبا فرم های خود را بسازید.

http://1.s3.envato.com/files/79364952/banner.png

» دانلود رایگان سورس فرم ها به صورت css3

» پیش نمایش

» حجم  :۳۰۸ کیلوبایت

» منبع : FreeScript.ir

 

نوشته دانلود رایگان سورس فرم ها به صورت css3 اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب

پوسته فروشگاهی Modus برای ووکامرس
[ad_1]

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

 

پوسته فروشگاهی Modus برای ووکامرس

 

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

 

قابلیت های پوسته فروشگاهی Modus برای ووکامرس:

  • کاملا راستچین شده
  • کاملا واکنش گرا
  • سازگار با ووکامرس
  • جستجو زنده محصولات
  • ویرایش کدهای CSS
  • ۱۵ دموی متفاوت و زیبا
  • پشتیبانی از تمامی مرورگرها
  • نصب دمو با یک کلیک
  • تنظیمات حرفه ای
  • پشتیبانی از افزونه WPML
  • سئو بسیار مناسب
  • اشتراک گذاری در شبکه های اجتماعی
  • مگامنو حرفه ای
  • هدر و فوتر های متنوع
  • پشتیبانی از افزونه Contact form 7
  • طراحی مدرن و تمیز
  • و امکانات دیگر…

نوشته پوسته فروشگاهی Modus برای ووکامرس اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افزونه مخفی سازی وردپرس HIDE My WP نسخه ۶٫۰٫۱
[ad_1]

Hide My WP یک افزونه فوق العاده در زمینه تغییر و مخفی سازی وردپرس می باشد. این افزونه کاربردی قادر است تمامی اطلاعاتی که نمایانگر استفاده شما از سیستم وردپرس می باشد را از دید کاربران مخفی کند. این افزونه تمامی لینک های مطالب ، برگه ها ، فایل های آپلود شده ، لینک فایل های CSS و Javascript قالب ها و… را به آدرس دلخواه تغییر دهد. به قابلیت های کلی این افزونه اشاره می کنیم.

هم اکنون می توانید آخرین نسخه افزونه hide my wp را از سایت دلکد دریافت کنید.

افزونه مخفی سازی وردپرس HIDE My WP نسخه 6.0.1

قابلیت های افزونه HIDE My WP مخفی سازی وردپرس نسخه ۶٫۰٫۱

  • قابلیت مخفی سازی صفحه wp-login.php
  • قابلیت مخفی سازی صفحه مدیریت wp-admin
  • تغییر آدرس مطالب ، برگه ها ، جستجو ، و… به آدرس جدید یا دلخواه
  • حذف وردپرس از سورس وب سایت
  • تغییر آدرس مسیر فایل های قالب
  • تغییر آدرس فایل های آپلود شده
  • و امکانات فراوان دیگر…

نوشته افزونه مخفی سازی وردپرس HIDE My WP نسخه ۶٫۰٫۱ اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افزونه فارسی ایجاد پاپ آپ وردپرس Layered Popups نسخه ۶٫۶۱
[ad_1]

Layered Popups نام یک افزونه تجاری برای وردپرس می باشد که به وسیله آن می توانید به راحتی اقدام به ایجاد پاپ آپ های حرفه ای در وب سایت خود کنید. این افزونه یکی از پر فروش ترین و محبوب ترین پلاگین ها در زمینه ایجاد پاپ آپ وردپرس می باشد.
از قابلیت های کلیدی این افزونه می توان به نمایش پاپ آپ در هنگام بارگذاری صفحه ، نمایش پا آپ در هنگام اسکرول کردن ، نمایش پاپ آپ در هنگام خروج از وب سایت اشاره نمود. یکی از قابلیت های کلیدی این افزونه می توان به وجود بیش از ۱۵۰ قالب پیش ساخته برای استفاده ، قابلیت قرار دادن پاپ آپ در سایت های غیر وردپرسی و همچنین شناسایی نرم افزار های Ad Blocker اشاره نمود

افزونه فارسی ایجاد پاپ آپ وردپرس Layered Popups نسخه 6.61

امکانات افزونه فارسی ایجاد پاپ آپ وردپرس Layered Popups نسخه ۶٫۶۱

  • سازگاری کامل با ووکامرس
  • سازگار با مرورگرهای مدرن
  • قابلیت استفاده و تغییر بیش از ۱۵۰ قالب موجود
  • قابلیت نمایش پاپ آپ در هنگام بارگذاری صفحه
  • قابلیت نمایش پاپ آپ در هنگام اسکرول صفحه
  • قابلیت نمایش پاپ آپ در هنگام بستن صفحه
  • امکان ساخت پاپ اپ ها به وسیله Drag / Drop
  • قابلیت نمایش فرم های تماس ، ثبت نام ، خبرنامه و… درون پاپ آپ
  • افکت ها و انیمیشن های زیبای نمایش و بسته شدن
  • قابلیت قفل کردن پاپ آپ (منوط به لایک کردن ، تکمیل فرم و…)
  • و…

نوشته افزونه فارسی ایجاد پاپ آپ وردپرس Layered Popups نسخه ۶٫۶۱ اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

دانلود افزونه چت و پشتیبانی آنلاین فارسی برای وردپرس
[ad_1]

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

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

» دانلود افزونه چت و پشتیبانی آنلاین برای وردپرس

» پیش نمایش

» حجم  : ۸۲۰ کیلوبایت

» منبع : freescript.ir

 

 

نوشته دانلود افزونه چت و پشتیبانی آنلاین فارسی برای وردپرس اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب

دانلود اسکریپت مدیریت بک آپ SmartBackup
[ad_1]

با استفاده از این اسکریپت میتوایند یک سیستم مدیریت و تهیه بک آپ به سایت خود اضافه کنید.

دانلود اسکریپت مدیریت بک آپ SmartBackup

این اسکریپت قابلیت مشخص کردن زمان بک آپ ( هر ساعت ، روز و… ) را داراست و میتوایند تنظیم کنید بک آپ ها از طریق FTP و یا SFTP منتقل شوند.

                                                                                                   

» دانلود اسکریپت مدیریت بک آپ SmartBackup

» حجم  : ۲ مگابایت

» منبع : freescript.ir

 

نوشته دانلود اسکریپت مدیریت بک آپ SmartBackup اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب

دانلود رایگان قالب دریاهاست به صورت html
[ad_1]

با استفاده از این قالب میتوانید طراحی صفحه اصلی سایت هاستینگ خود را تغییر دهید.

دانلود رایگان قالب دریاهاست به صورت html

» دانلود رایگان قالب دریاهاست به صورت html

» پیش نمایش

» حجم  : ۱٫۳۹ مگابایت

» منبع : freescript.ir

 

نوشته دانلود رایگان قالب دریاهاست به صورت html اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب

طراحی واکنش گرای سایت های وردپرسی
[ad_1]

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

 

طراحی واکنش گرای سایت های وردپرسی

در مقدمه کمی درباره واکنش‌گرایی صحبت کردیم اما ترجیح می‌دهم تعریف دقیقی از این واژه داشته باشم تا بهتر بتوانیم زوایای آن را مورد بررسی قرار دهیم. واکنش‌گرایی یا حالت رسپانسیو (Responsive) چیست؟

 

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

 

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

 

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

طراحی واکنش گرای سایت های وردپرسی

برای اینکه بتوانیم مسئله واکنش‌گرایی را ثابت کنیم بد نیست نگاهی به آمار و ارقام استفاده از تلفن همراه در ایران بیندازیم. طبق آماری که از سازمان فناوری اطلاعات اعلام شد، در حال حاضر حدود ۵۳ کاربر تلفن همراه هوشمند داریم. این آمار هر روز در حال رشد است و انتظار می‌رود تا سال آینده به رقم شگفت‌انگیزی برسیم. با این حال شما فکر می‌کنید چند درصد از این کاربران، سایت‌ها را داخل گوشی موبایل خود مشاهده می‌کنند؟ هنوز آمار دقیقی ارائه نشده اما تقریبا حدود ۶۵ درصد از کاربران، سایت را با گوشی موبایل خود می‌بینند. درصد کمی نیست و با رشد عجیبی رو به روست.

 

درآمدی بر ورود سایت‌های واکنش‌گرا

استارت این موضوع بین سال‌های ۲۰۰۵ تا ۲۰۰۸ که گوشی‌های هوشمند روی کار آمدند خورد و در نهایت در سال ۲۰۱۲ گوگل اعلام کرد که وبسایت‌ها باید کاربرپسند باشند. یکی از فاکتورهای مهم کاربرپسند بودن هم این است که کاربر بتواند در دستگاه‌های هوشمند خود نیز وبسایت را مشاهده کرده و با آن کار کند. از همان‌جا بود که طراحان شروع به مشاهده سایت‌هایشان در گوشی‌های همراه کردند و با صحنه‌های بهم ریخته‌ای مواجه شدند! حال باید چه کرد؟ آیا می‌توان این حالت بهم ریخته را درست کرد؟ در نهایت به این نتیجه رسیدند که امکانی به نام واکنش‌گرایی را باید برای سایت‌های خود فعال کنند و به دنبال آموزش طراحی سایت ریسپانسیو رفتند. با کمک آموزش‌های واکنش‌گرایی توانستند با CSS3 و HTML5 عملیات ریسپانسیو در css را امکان‌پذیر ساخته و مشاهده سایت‌ها را برای کاربران موبایلی نیز ساده کنند.

 

پیشرفت واکنش‌گرایی به کجا رسید؟

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

 

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

طراحی واکنش گرای سایت های وردپرسی

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

 

  •  رعایت ۷ گزینه در طراحی وبسایت واکنش گرا

 

۱- توجه به سرعت بارگذاری

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

 

۲- توجه به مرورگرهای موبایل

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

 

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

 

دانلود افزونه Wptouch

کد ریسپانسیو در وردپرس

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

 

قطعه کد زیر را داخل فایل header و بین دو تگ <head> و </head> قرار دهید:

<meta name="viewport" content="width=device-width">

حال برای اینکه رزولوشن‌های مختلفی را در نظر بگیرید، نیازمند ایجاد تغییر در CSS هستید. قطعه کد زیر را داخل فایل style.css قالب قرار دهید:

<link href="template.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 1024px)" />
<link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 327px)" href="mobile.css">
<link rel="stylesheet" media="only screen and (min-width:328px) and (max-width: 768px)" href="templates/template/tablet.css">

همان‌طور که مشاهده می‌کنید اعداد ۱۰۲۴ برای دستگاه‌های کامپیوتر و لپ‌تاپ، ۳۲۷ برای گوشی‌ها و عدد ۳۲۷ تا ۱۰۲۴ برای تبلت‌ها و مینی‌ لپ‌تاپ‌هاست. این اعداد یک استاندارد کلی است اما اگر بخواهید می‌توانید اعداد خود را در بازه‌های مشخصی تغییر دهید.

 

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

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

 

بهترین ابزارهای تست رسپانسیو بودن

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

 

mobile friendly testاین ابزار برای گوگل است و مسلما اطلاعات درستی را در اختیار ما قرار می‌دهد. علاوه بر اینکه به شما اطلاعات سایت را می‌دهد بلکه تصویر آن را در دستگاه‌های مختلف نمایش می‌دهد و در نهایت بیان می‌کند که سایت شما موبایل فرندلی است یا خیر.

طراحی واکنش گرای سایت های وردپرسی

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

طراحی واکنش گرای سایت های وردپرسی

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

 

نتیجه‌گیری نهایی

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

نوشته طراحی واکنش گرای سایت های وردپرسی اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

دانلود افزونه امن کردن لینک ها برای وردپرس
[ad_1]

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

دانلود افزونه امن کردن لینک ها برای وردپرس

» دانلود افزونه امن کردن لینک ها برای وردپرس

» پیش نمایش

» حجم  : ۵۲ کیلوبایت

» منبع : freescript.ir

 

نوشته دانلود افزونه امن کردن لینک ها برای وردپرس اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب