w3designw3design
  • صفحه اصلی
  • وبلاگ
  • خدمات ما
    • طراحی سایت
    • سئو و بهینه سازی سایت
    • کارت ویزیت آنلاین
    • پنل پیامکی
  • نمونه کارها
  • درباره ما
  • تماس با ما
Search
  • صفحه اصلی
  • وبلاگ
  • خدمات ما
    • طراحی سایت
    • سئو و بهینه سازی سایت
    • کارت ویزیت آنلاین
    • پنل پیامکی
  • نمونه کارها
  • درباره ما
  • تماس با ما
  • درباره ما
  • وبلاگ
افزونه Code Snippets

آموزش افزونه Code Snippets برای اضافه کردن کدهای سفارشی

support2021-02-21T10:38:05+03:30
By support آموزش وردپرس, طراحی سایت

در این مقاله افزونه Code Snippets که یکی از بهترین افزونه های اضافه کردن کد اسنیپت ها یا قطعه کدهای سفارشی به وردپرس است را آموزش می دهیم.

گاهی اوقات شرایطی پیش می آید که مجبور به اضافه کردن یک ویژگی به وب سایت وردپرسی خود هستید، در چنین شرایطی کد اسنپت ها (code snippents) به کمک شما می آیند. کد اسنیپت ها قطعه کدهایی هستند که توسط توسعه دهندگان وردپرس برای اضافه کردن ویژگی یا قابلیت خاصی به وردپرس ارائه شده اند. این قطعه کدها را باید به فایل functions.php قالب خود اضافه کنید.

اما یک اشتباه کوچک در کد اسنیپت می تواند وب سایت وردپرسی شما را بشکند و آن را از دسترس خارج کند. یکی از بهترین راه ها برای اضافه کردن کد اسنیپت به وردپرس استفاده از افزونه Code Snippets است.

افزونه Code Snippets افزونه ای است که با استفاده از آن می توانید کد اسنیپت ها را در فایل functions.php وارد نکنید. این افزونه یک رابط کاربری گرافیکی برای مدیریت اسنیپت ها دارد و از آنجا که هیچ یک از کد اسنیپت ها در فایل های قالب شما وارد نمی شوند، حتی پس از تغییر قالب نیز از بین نرفته و ویژگی های آن در سایت باقی می ماند.

در این مقاله به بررسی افزونه Code Snippets می پردازیم و نحوه اضافه کردن کد اسنیپت ها در این افزونه را آموزش می دهیم.

پیشنهاد ویژه: آموزش صفر تا صد طراحی سایت وردپرس 

آموزش افزونه Code Snippets و اضافه کردن قطعه کدهای سفارشی در وردپرس

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

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

با کلیک بر روی این منو صفحه ای مشابه شکل زیر به شما نشان داده می شود.

در این صفحه می توانید تمام قطعه کدهای سفارشی که با استفاده از افزونه Code Snippets در سایت خود ذخیره کرده اید را مشاهده کنید.

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

در قسمت “Enter title here” در بالای صفحه یک عنوان برای کد اسنیپت سفارشی خود وارد کنید. این عنوان می تواند هر چیزی که به شما در تشخیص کد کمک می کند، باشد.

پس از آن کد اسنیپت مورد نظر خود را کپی کرده و در قسمت Code پیست کنید.

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

در باکس Description می توانید توضیحات مربوط به کد اسنیپت و اینکه چه کاری انجام می دهد، از کجا آن را پیدا کرده اید و چرا آن را به سایت خود اضافه کرده اید را وارد کنید.

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

در پایان روی دکمه “Save Changes and Activate” کلیک کنید. اگر می خواهید کد اسنیپت وارد شده را ذخیره کرده اما آن را فعال ننمایید روی دکمه Save Changes کلیک کنید.

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

یکی از ویژگی های افزونه Code Snippets مدیریت آسان خطاها و غیرفعال کردن کد اسنیپت در صورت داشتن خطا است. در ادامه آموزش به بررسی این ویژگی می پردازیم.

مدیریت خطاها در افزونه Code Snippets

هنگامی که کد اسنیپت ها را در فایل functions.php قالب سایت خود یا هر فایل template دیگری به صورت دستی اضافه می کنید، با رخ دادن کوچکترین خطا سایت شما از دسترس خارج خواهد شد. در این صورت خطای Syntax یا خطای 500 را در سایت خود مشاهده خواهید کرد.

برای رفع مشکل باید با از یک FTP Client مانند FileZilla استفاده کرده و کد را از سایت خود پاک کنید. اما افزونه Code Snippets به صورت خودکار خطای Syntax را در کد تشخیص داده و فوراً آن را غیرفعال می کند.

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

مدیریت کد اسنیپت ها

افزونه Code Snippets یک رابط کاربری گرافیکی ساده را برای مدیریت کد اسنپیت ها در وردپرس ارائه می دهد. مدیریت کد اسنیپت ها در وردپرس مشابه صفحه مدیریت افزونه ها است بنابراین برای کاربران وردپرس بسیار آشنا است.

برای این کار در پیشخوان وردپرس به مسیر Snippets » All Snippets بروید.

 

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

گزینه هایی که افزونه Code Snippets برای مدیریت آسان کد اسنپیت ها در اختیار شما قرار می دهد عبارت است از:

  • شما می توانید کد اسنیپت ها را بدون فعال سازی آنها در سایت خود ذخیره کنید. پس از آن در صفحه مدیریت کدها می توانید با فعال کردن دکمه ای که در کنار هر کد قرار دارد، کد مورد نظر خود را فعال کنید.
  • همچنین می توانید هر زمان که بخواهید کد اسنیپت ها را غیرفعال کنید.
  • با استفاده از Edit می توانید کد اسنیپت ها را ویرایش کنید.
  • با استفاده از گزینه Clone می توانید کدها را کپی کنید.
  • شما می توانید تمام کد اسنیپت ها را به صورت عمده یا تنها کد اسنیپت های خاصی را با استفاده از گزینه Export برون بری کنید.
  • همچنین می توانید با استفاده از گزینه Delete کدها را پاک کنید.

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

برای این کار کافی است در پیشخوان وردپرس به مسیر Snippets » Import بروید. صفحه ای مشابه شکل زیر مشاهده می کنید.

در این صفحه می توانید یک یا چند فایل کد اسنیپت را در فرمت json یا xml آپلود کرده و سپس با زدن دکمه Upload files and import آنها را ایمپورت کنید. پس از آن در صفحه All Snippets کدهای ایمپورت شده را فعال کنید.

امیدواریم این آموزش مورد توجه و استفاده شما قرار گرفته باشد.

صفحه افزونه

این را هم بخوانید: 

  • افزونه‌های ویرایش قالب وردپرس و ویرایش قالب بدون کدنویسی
  • آموزش رایگان طراحی سایت صفر تا صد
  • افزونه بادی پرس ( BuddyPress ) و ایجاد شبکه اجتماعی در وردپرس
  • نمایش کد در مطالب وردپرس
  • آموزش افزونه My Custom Functions برای افزودن توابع سفارشی به وردپرس

 

Share this post

Facebook Twitter LinkedIn Google + Email

Author

support

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

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


Related Posts

افزونه DW Question and Answer

ساخت انجمن پرسش و پاسخ وردپرس با افزونه DW Question and Answer

افزونه DW Question and Answer اگر می خواهید یک بخش پرسش و پاسخ پویا و تعاملی به سایت خود اضافه... read more

افزونه Elementor

افزونه Elementor

افزونه Elementor Page Builder چیست؟ افزونه Elementor Page Builder یکی از بهترین و پرطرفدارترین صفحه سازهای موجود در سیستم مدیریت... read more

طراحی قالب سایت

طراحی قالب سایت و انواع آن

طراحی قالب سایت و انواع آن ✅ زمانی که کاربری برای اولین بار وارد سایت شما می شود اولین چیزی... read more

php

php چیست ؟

php چیست ؟ 🔸 PHP یک زبان تفسیرشونده است که اساس و بنیان آن طراحی و ایجاد صفحات پویای وب... read more

پارک دامنه

آموزش پارک دامین در دایرکت ادمین

پارک دامین در دایرکت ادمین یا دومین پوینتر چیست؟ پارک دامین در واقع یک نام دامنه است که به صورت... read more

افزونه Comet Cache

افزونه Comet Cache

افزونه Comet Cache چیست؟ افزونه Comet Cache یکی از افزونه های محبوب کش برای وردپرس است که در سال 2016... read more

نرخ تبدیل

نرخ تبدیل چیست؟

نرخ تبدیل اگر بخواهیم به ساده‌ترین شکل ممکن نرخ تبدیل را تعریف کنیم باید بگوییم نرخ تبدیل یعنی چند درصد... read more

Addon Domain

Addon Domain را چطور در cpanel اضافه کنیم؟

اضافه کردن Addon Domain به سی پنل در این آموزش نحوه ایجاد ادان دامین یا Addon Domain در هاست سی... read more

خطای Internal Server Error 500

آموزش رفع خطای Internal Server Error 500

خطای Internal Server Error 500 می تواند به دلایل بسیار متنوعی ایجاد شود اما از رایج ترین دلایل بروز این... read more

نصب قالب وردپرس

آموزش نصب پوسته در وردپرس

آموزش نصب قالب وردپرس قصد داریم در این مقاله آموزش نصب قالب وردپرس را به شما دوستان w3design توضیح دهیم.... read more

جستجو

Follow Us

Facebook Pinterest Instagram Linkedin Telegram

آخرین مطالب

افزونه BulletProof Security
افزونه BulletProof Security
افزونه Crisp Live Chat
افزونه Crisp Live Chat
خطای INSTALL ERROR
خطای INSTALL ERROR هنگام راه‌اندازی بسته نصبی قالب وردپرس
افزونه Elementor
افزونه Elementor
خطای Internal Server Error 500
آموزش رفع خطای Internal Server Error 500
افزونه Visual Composer
افزونه Visual Composer
بازیابی رمز عبور
آموزش غیرفعال کردن بازیابی رمز عبور در وردپرس
دیتابیس هاست
آموزش تغییر رمزعبور و نام کاربری از طریق دیتابیس هاست
افزونه Cerber Security & Antispam
افزونه Cerber Security & Antispam
افزونه Slimstat analytics
افزونه Slimstat analytics

دسته‌ها

  • آموزش
  • آموزش وردپرس
  • بازاریابی محتوا
  • برنامه نویسی
  • تبلیغات
  • دسته‌بندی نشده
  • سئو
  • سئو خارجی
  • شبکه
  • طراحی اپلیکیشن
  • طراحی سایت
  • کامپیوتر و لپ تاپ
  • گرویتی فرم
  • لینک سازی
  • نرم افزار

بایگانی‌ها

  • مارس 2021
  • فوریه 2021
  • ژانویه 2021
  • دسامبر 2020
  • نوامبر 2020
  • اکتبر 2020
  • سپتامبر 2020

دسترسی سریع

  • خانه
  • وبلاگ
  • نمونه کارها
  • درباره ما
  • طراحی سایت
  • سئو و بهینه سازی
  • کارت ویزیت آنلاین
  • پنل پیامکی

عضویت در خبرنامه

    ۹۱۰۰-۱۰۱۱(۰۱۳) info@w3design.ir
    تمامی حقوق مادی و معنوی این سایت برای تیم w3design محفوظ است.