شورت کد چیست وکار با افزونه shortcodes Ultimate[آموزش قدم به قدم و کامل]

شورت کد چیست

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

تعریف شورت کد:

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

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

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

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

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

شورت کد در وردپرس:

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

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

برای مثال افزونه Contact form 7 را در نظر بگیرید. شما در بخشی که ساخت فرم نام دارد میتوانید در این افزونه انواع فرم ها را با موضوعات مختلف بسازید و زمانی که ساخت فرم به اتمام می رسد آن را ذخیره کنید و یک شورت کد دریافت کنید. در نهایت می توانید این کد کوتاه را در هر یک از بخش های مورد نظر وبسایت خود قرار دهید تا بتوانید از فرم مورد نظر استفاده کنید.

افزونه ی دیگری که به عنوان یک پلاگین شورت کد خوب عمل کرده Shortcodes Ultimate است که بسیار قدرتمند و با کارایی زیاد میتواند کمک خوبی به بکند ما در این مقاله میخواهیم کار با افزونه shortcodes Ultimate رو به شما آموزش بدهیم تا استفاده کامل رو از این مقاله ببرید.

در قسمت اول باید افزونه shortcodes Ultimate را نصب و فعال سازی کنید.

shortcodes Ulitmate
shortcodes Ulitmate

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

تنظیمات افزونه
تنظیمات افزونه

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

custom CSS code :در این قسمت یک کادر برای نوشتن کد css خود وجود دارد که اگر کار با css را بلدید میتونید کد خودتون رو تو اون قسمت وارد و ازش استفاده کنید .

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

در قسمت زیر به چند خصوصیت از تنضیمات افزونه می پردازیم:

تنظیمات پیشرفته
تنظیمات پیشرفته

shortcodes prefix : در این گزینه میتوانید پیشوند دلخواه خود را به کدهای کوتاه خود بدهید .

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

skip default settings : این گزینه را فعال کنید. نمی خواهید که تنظیمات اضافه ای در کد شما به وجود بیایید در نتیجه کد شما بسیار کوتاه تر خواهد بود.

supported blocks : اگر میخواهید که بتوانید در هر قسمت  هر نوع شورت کد را داشته باشید حتما هر سه گزینه را فعال کنید .

required user capability : یعنی این که هر کاربر بتواند به دکمه insert shortcode دسترسی داشته باشد .پیشنهاد  میکنیم که این گزینه را تغییر ندهید که باعث میشود امنیت وردپرس شما کم شود.

ایجاد کد کوتاه در افزونه shortcodes ultimate:

قسمت شیرین و جذاب شورت کد ها همین قسمت است که شما به راحتی میتوانید المان خود را اضافه کنید بدون هیچ دغدغه در کد نویسی.

ایجاد کدکوتاه
ایجاد کدکوتاه

 

با کلیک بر روی Available shortcodes در تصویر هم که میبینید میتوانید به شورت کد ها دسترسی داشته باشید میخواستم همه گزینه ها رو براتون توضیح بدم ولی متن طولانی میشد یکیشو بهتون میگم تا یاد بگیرید.

در قسمت بالا که میبینید هر کدام به دسته های جداگانه تقسیم شده اند مثل box , content و یا Media ولی برای دسترسی به همه ی آنها روی All shortcodes کلیک کنید .

ما میخواهیم که یک دکمه را به صفحه خود اضافه کنیم :

اضافه کردن دکمه
اضافه کردن دکمه

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

در ضمن یاد آوری میکنم که اگر افزونهshortcodes Ultimate را حذف کنید کل آن کدهای کوتاه را که وارد صفحات کرده اید بهم میخورد.

option shortcodes
option shortcodes

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

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

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

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