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

بسیار خب شروع می کنیم.

ساخت شورت کد دکمه وردپرس

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

به سراغ فایل functions.php پوسته خود رفته و کد زیر را داخل آن قرار دهید

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

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

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

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

ساخت شورت کد دکمه وردپرس

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

موفق باشید

6 دیدگاه برای “ساخت شورت کد دکمه وردپرس

  • Alireza
    - ۱ تیر , ۱۳۹۳

    ممنون آموزش خیلی خوبی بود .

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

  • مهدی ربیعی
    - ۲۲ اسفند , ۱۳۹۳

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

    • الناز بیک زاده
      - ۲۶ اسفند , ۱۳۹۳

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

  • حمید
    - ۱۳ مهر , ۱۳۹۴

    پیشنهاد میکنم به این سایت هم یه سر بزنید
    http://cssreel.com/Website/icono

  • امیر محمد
    - ۲۷ خرداد , ۱۳۹۵

    متاسفانه وقتی عنوان طولانی برای شورت کات قرار میدم نمایش داده نمیشه !
    چه کنم ؟!

    • الناز
      - ۲۷ خرداد , ۱۳۹۵

      سلام دوست عزیز. منظورتون از عنوان طولانی چیه؟ لطفا کد رو واسم بفرستید

دیدگاه خود را بیان کنید