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

wordpress tutorial 2020 14

فهرست مطالب

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

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

افزونه Shortcodes Ultimate
زیباسازی نوشته های وردپرس

[toc]

شورت کد چیست؟

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

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

مطلب پیشنهادی :
آموزش وردپرس | آموزش کار با Wordpress [رایگان]

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

دوستان توجه کنید که افزونه های خیلی زیادی در این رابطه وجود دارد که شما بتوانید یک شورت کد ایجاد کنید ما در این مقاله افزونه Shortcodes Ultimate رو توضیح خواهیم داد که افزونه یکی از راه های خوبی برای ایجاد شورت کد است پس با ما همراه باشید…

مطلب پیش زمینه:آموزش نصب افزونه وردپرس 

 امکانات ویژه افزونه ShortCodes Ultimate :

  • دارای ۵۰ کد کوتاه به‌صورت پیش‌فرض
  • قابلیت سفارشی‌سازی کردن کد CSS
  • دارای کدهای تست‌شده
  • همراه با تنظیمات تخصصی
  •  همراه با رابط کاربری آسان و قابل یادگیری
  • محیط گرافیکی زیبا
  • کاملا واکنش گرا
  •  سازگاری کامل با تمام قالب‎‌های موجود

معرفی افزونه

افزونه ShortCodes Ultimate یک پلاگین وردپرس است که دارای بیش از 50 عنصر برای طراحی و استفاده در نوشته و صفحات وردپرس است. با استفاده از این پلاگین، صاحبان کسب و کار می توانند نوشته ای خود را سفارشی سازی کنند و عملکردهای مختلف مانند زبانه ها، دکمه ها، لبزارک های سفارشی، اسلایدرها، جعبه ها، ویدئوهای واکنشگرا، استفاده از ویرایشگر های CSS سفارشی و غیره را ایجاد کنند. آنچه در مورد این افزونه بیشتر لذت بخش تر است این است که با پشتیبانی RTL همراه است یعنی با راستچین بودن بسیار سازگار است و عناصر کاملا واکنشگرا می باشند.

نصب شورت کد و استفاده از آن:

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

مطلب پیشنهادی :
آموزش طراحی صفحه با ویژوال کامپوزر | آموزش Visual Composer (قسمت چهارم)

تنظیمات Shortcodes Ultimate :

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

  1. Custom Formatting: زمانی که این گزینه را فعال کنید در واقع میتوانید فرمت های موجود در این افزونه را به صورت سفارشی تغییر دهید.
  2. skip default setting:  در این قسمت هم از تنظیمات شما قادر خواهید بود که هر تغییری در گزینه ها داده اید آن را به حالت پیشفرض برگردانید.
  3. Shortcodes prefix: از این گزینه در واقع برای اضافه کردن پیشوند ها به نوشته ها مورد استفاده قرار می گیرد. توجه داشته باشید که ممکن است با تغییر دادن این گزینه، سایر گزینه های قبلی نیز دچار مشکل شوند.
  4. Custom CSS code: همان طور که میدانید این افزونه خود کد های کوتاه را ایجاد میکند در این قسمت شما خواهید توانست که به صورت دستی کد های آن را سفارشی سازی کنید.

تنظیمات Available shortcodes :

پس از اینکه تنظیمات عمومی را انجام دادید سپس وارد بخش بعد خواهیم شد. میتوانید در این بخش به گزینه بعدی در نوار کناری مراجعه کنید و گزینه Available Shortcodes را انتخاب کنید. روی گزینه Tabs کلیک کنید تا به صفحه کد کوتاه این قابلیت وارد شوید.

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

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

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

مطلب پیشنهادی :
فیلم آموزشی نصب افزونه وردپرس به 3 روش های مختلف
افزونه Shortcodes Ultimate
افزونه Shortcodes Ultimate

مطالب کامل و دقیق تر در ویدئوی زیر است…

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

نتیجه گیری

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

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

۶ دیدگاه دربارهٔ «فیلم آموزشی زیباسازی نوشته های وردپرس با افزونه Shortcodes Ultimate;

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

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

    پاسخ

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