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

ویجت وردپرس چیست؟

ویجت وردپرس چیست؟
ابزارک های وردپرس ( ویجت وردپرس ) راهی عالی برای افزودن محتوا به این سیستم ، بخش بندی کردن آن ها و تعامل با وب سایت شما هستند.

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

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

بهترین افزونه ها (پلاگین ) وردپرس در CodeCanyon

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

ویجت ویجت وردپرس وردپرس ویجت وردپرس چیست؟ codecanyon popular wordpress plugins 1 min 768x567 1

ویجت وردپرس چیست ؟

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

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

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

بیشتر تم ها(Theme) در ناحیه فوتر و ساید بار دارای ویجت هستند ، با این حال بسیاری از این ابزارک ها میتوانند در چندین ناحیه همچون بالا و پایین یک متن و حتی در سربرگ(Header) یک وب سایت قرار بگیرند.

نحوه استفاده از ویجت ها

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

حال در اینجا برخی از کاربردهای ویجت ها را که احتمالا شما برای وب سایتتان در نظر داشته باشید را مورد بررسی قرار خواهیم داد :

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

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

ویجت ویجت وردپرس وردپرس ویجت وردپرس چیست؟ Widget plugins min 768x458 1

چطور یک ویجت را به سایتتان اضافه کنید.

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

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

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

وردپرس دارای چندین ابزارک خوب است که از قبل نصب شده اند :

ویجت ویجت وردپرس وردپرس ویجت وردپرس چیست؟ Pre installed WordPress widgets min 768x593 1
  • Archives : آرشیو ماهانه ، طراحی شده برای بلاگ ها – کمی قدیمی یا به نوعی منسوخ شده است.
  • Audio : جاگذاری فایل های صوتی ، آهنگ ها ، پادکست ها
  • Calendar : تقویمی از پست های شما ، بار دیگر برای بلاگ ها استفاده می شود . به ویژه اگر محتوا حساس به زمان باشد ( این ابزارک نیز کمتر امروزه کاربرد دارد)
  • Categories : یک لیست از دسته بندی وب سایت شما ، با لینکی برای رفتن به صفحه آرشیو
  • Custom HTML : انعطاف پذیری عالی – افزودن هرگونه محتوایی که دوست دارید از طریق نوشتن کدهای HTML ! – البته اگر کدنویسی خوشتان نمی آید به هیچ عنوان این قسمت را توصیه نمی کنم .
  • Gallery : این ابزارک پیشرفته تر از ویجت Image می باشد و امکان ایجاد گالری عکس را برای شما فراهم می کند.
  • Image : تصویری را از کتابخانه رسانه وردپرس سایت شما به نمایش می گذارد.
  • Meta : شامل لینک های لاگین یا ورودی و فیدهای RSS . این ابزار زیاد مفید نمی باشد .
  • Navigation Menu : نمایش فهرست ناوبری اصلی یا مواردی خاص به شکل جداگانه.
  • و دیگر موارد مشابه ….

از یک یا دو مکان می توانید ابزارک های لازمه را به سایتتان اضافه کنید : Customizer – Widgets screen.

  • Customizer این امکان را به شما می دهد تا تغییرات مدنظرتان را قبل از ذخیره سازی مشاهده نمائید. بدین معنی است که موارد مختلف را می توانید مشاهده و آزمایش کنید تا ببینید کدام مورد به نظر و ایده شما بیشتر گرایش دارد.
  • Widgets screen قابلیت های بیشتری را به کاربر می دهد . مانند ذخیره ابزارک های بدون استفاده ای که آن ها را تنظیم و پیکربندی کرده ایم و میخواهیم از آن ها بعدا استفاده نمائیم .

برای دسترسی به ویجت ها در Customizer مسیر Appearance > Customize > Widgets. را دنبال کنید.حال منطقه ای را که میخواهید ویجت در آن کار کند را انتخاب کنید.

ویجت ویجت وردپرس وردپرس ویجت وردپرس چیست؟ Widgets in the Customizer min 768x410 1

سپس بر روی دکمه Add Widget کلیک کنید و ویجت مورد نظر خود را اضافه نمائید. تغییرات در سمت راست و برای فارسی زبانان در سمت چپ ظاهر می گردد.بدین ترتیب با تغییر تنظیمات و مشاهده خروجی مطلوب با ابزارک کار میکنیم.

به این نکته توجه داشته باشید که اگر دکمه ذخیره را کلیک نکنید به هیچ عنوان تغییرات مدنظرتان اعمال نخواهد شد.

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

ویجت ویجت وردپرس وردپرس ویجت وردپرس چیست؟ Widgets screen min 768x304 1

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

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

نصب و فعال سازی یک پلاگین ویجت

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

برای نصب پلاگین ویجت مسیر Plugins > Add New را دنبال کنید و کلمه widget را جستجو کنید. البته اگر به دنبال ویجتی هستید که کار معینی را انجام می دهد بهتر است وظیفه آن را بنویسید و آن را جستجو کنید.

پس از پیدا کردن افزونه مورد نظر بر روی Install کلیک کرده و سپس با ظاهر شدن Activate بر روی آن کلیک کنید.

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

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

به مسیر Plugins > Add New رفته و بر روی آپلود فایل کلیک کنید.

ویجت ویجت وردپرس وردپرس ویجت وردپرس چیست؟ Uploading a plugin min 768x301 1

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

نحوه افزودن مناطق اضافی مربوط به ویجت در قالب

اگر قالب شما نواحی مورد نظر ویجت را ندارد ، ساده ترین راه حل پیدا کردن یم قالب یا ظاهری مناسب برای ویجت می باشد.

وردپرس این امکان را به شما می دهد تا از طریق تابع  register_sidebar() مناطق ویجت خود را ایجاد نمائید. اجرای این کار شامل دو مرحله زیر می شود :

  • ثبت مناطق ویجت از طریق تابعی در فایل functions.php .
  • اضافه کردن ناحیه ویجت مد نظر در ظاهر یا قالب مربوطه.پ

ثبت ناحیه ویجت

برای ثبت نواحی ویجت مربوطه ، نیاز به نوشتن تابع زیر در فایل functions.php داریم :

function tutsplus_register_widgets() {
register_sidebar( array(
            'name' => __( 'After Content Widget Area', 'tutsplus' ),
            'id' => 'after-content-widget-area',
            'description' => __( 'Widget area after the content', 'tutsplus' ),
            'before_widget' => '<div id="%1$s" class="widget-container %2$s">',
            'after_widget' => '</div>',
            'before_title' => '<h3 class="widget-title">',
            'after_title' => '</h3>',
) );
}
add_action( 'widgets_init', 'tutsplus_register_widgets' );

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

نمایش ناحیه ویجت در سایت شما

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

  • برای افزودن ویجت در بالا یا زیر محتوا باید به پرونده های index.php یا page.php مراجعه نمائید.
  • برای افزودن یک ویجت به صفحه ای خاص مانند صفحه اصلی ، یک فایل به نام front-page.php ایجاد کرده و محتوای پرونده index.php یا page.php در آن کپی می کنیم.سپس کد مربوط به ویجت خود را در این فایل ذخیره می کنیم.

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بیست − 3 =

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