نویسنده: الناز

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

وردپرس دارای افزونه های بسیار زیادی برای اشتراک گذاری است اما ممکن است بسیاری از ما با ظاهر یا محل قرار گیری آنها  مشکل داشته باشیم. با این آموزش کوتاه و مفید می توانیم دکمه های اشتراک گذاری بدون افزونه و مطابق با استایل سفارشی داشته باشیم

در ابتدا کد های زیر را جایی که می خواهیم دکمه ها نمایش یابند می گذاریم:

صفحه را بارگذاری کنید. می بینید که لینک ها به صورت متن و نا مرتب چیده شده اند.

حالا نوبت به استایل دهی می رسد.

در اینجا استایلی که من انتخاب کرده ام ساده و در عین حال زیبا و سبک است

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

موفق باشید

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

20 دیدگاه برای “افزودن دکمه های اشتراک گذاری بدون افزونه

  • محمد
    - ۲۵ فروردین , ۱۳۹۳ در ۶:۳۷ ق.ظ

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

    ممنون.

    • الناز
      - ۲۵ فروردین , ۱۳۹۳ در ۶:۵۶ ق.ظ

      سلام دوست عزیز. بله درست میگید.
      استایل را تغییر دادم الان دیگه مشکلی نخواهد داشت
      ممنون بابت اطلاع رسانی

      • محمد
        - ۲۵ فروردین , ۱۳۹۳ در ۷:۲۰ ق.ظ

        ممنونم از پیگیریتون.

  • آیلین
    - ۳۰ فروردین , ۱۳۹۳ در ۹:۴۵ ب.ظ

    سلام،
    این کدها فقط داخل حلقه کارایی دارند، ولی من میخوام در هدر قرارشون بدم!!!

    • الناز
      - ۳۱ فروردین , ۱۳۹۳ در ۴:۵۹ ق.ظ

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

  • سئو
    - ۱۷ خرداد , ۱۳۹۳ در ۴:۲۳ ق.ظ

    تشکر مفید بود

  • آناز
    - ۲۸ خرداد , ۱۳۹۳ در ۱۱:۴۳ ق.ظ

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

  • طراحی سایت
    - ۱۲ مرداد , ۱۳۹۳ در ۱۱:۵۴ ق.ظ

    سایت خیلی خوبی دارین موفق باشین

  • Mohammad
    - ۱۸ آذر , ۱۳۹۳ در ۹:۲۵ ق.ظ

    زیبا!

  • دانلود رای
    - ۴ بهمن , ۱۳۹۳ در ۷:۳۴ ب.ظ

    بهتر بود اگه کلاس ها و آی دی ها رو عجیب غریب می گرفتید که یه وقت تو قالب موجود نباشه من استایل رو گذاشتم قالب پوکید!

    • الناز بیک ز
      - ۶ بهمن , ۱۳۹۳ در ۴:۲۹ ب.ظ

      دوست عزیز میتونید خودتون اسم کلاس ها و آی دی هارو تغییر بدید و عجیب غریب بزارید 😀

  • شبکه اجتما
    - ۲۷ اردیبهشت , ۱۳۹۴ در ۹:۳۵ ق.ظ

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

    • الناز
      - ۲۷ اردیبهشت , ۱۳۹۴ در ۵:۲۱ ب.ظ

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

  • mohsen
    - ۳۰ مرداد , ۱۳۹۴ در ۱۱:۲۳ ق.ظ

    سلام و احترام. کلوب و فیس نما، دنبالر و پی سی گپ رو قرار بدید عالی میشه. اینا ک نصفشون بسته فیل… هست

  • سایه روشن
    - ۱۶ شهریور , ۱۳۹۴ در ۳:۵۷ ق.ظ

    با سلام و خسته نباشید
    به نضر من اگه تو استایلش کد :
    }a hover
    { ; opacity: 0.7
    اضافه کنید قشنگتر بشه
    ممنون از مطالب مفیدتون

    • الناز
      - ۱۶ شهریور , ۱۳۹۴ در ۹:۴۳ ق.ظ

      سلام. ممنونم دوست من. چشم واسه استایلش اضافه می کنم

  • sam
    - ۲۸ آذر , ۱۳۹۴ در ۳:۳۱ ب.ظ

    مطلب جالبی بود.

  • علی
    - ۲۵ شهریور , ۱۳۹۵ در ۵:۱۹ ب.ظ

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

    مرسی

  • معماری
    - ۱۸ مهر , ۱۳۹۵ در ۱۱:۰۲ ب.ظ

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

    • الناز
      - ۶ آبان , ۱۳۹۵ در ۸:۵۳ ق.ظ

      سلام. بله

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

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