افزونه حرفه ای لایک مطالب

دسته‌ها : افزونه علی میرزائی 51 دیدگاه‌ها

افزونه لایک مطالب

با سلام خدمت دوستان و همراهان وردپرسی.
امروز در خدمتتون هستیم با یک افزونه حرفه ای برای لایک مطالب. حالا چرا حرفه ای؟!؟
ابتدا، چون افزونه ای بسیار سبک و کاربردیه و از تکنولوژی آژاکس در اون استفاده شده. بعلاوه، فارق از یک استایل خاص و به دردنخوره و شما میتونید با کمی دانش css هر نوع طرحی رو که خواستید به اون بدید (که این خودش قابلیت مفیدی برای طراح ها و توسعه دهنده هاست).

به عنوان نمونه، در زیر کدی رو آماده کردیم که پس از نصب پلاگین، میتونید با قرار دادن اون در شیوه نامه (style.css) قالب، طرحی زیبا رو در دکمه لایکتون داشته باشید.

.iLikeThis{
	display: table;
	color: #bc5788;
	background: #ffd8eb url(images/button-love.png) no-repeat center left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5);
	height: 24px;
	overflow: hidden;
	padding: 15px 23px 5px 100px;	
}
.iLikeThis:hover{
	color: #bc5788;
	background: #fec6e2 url(images/button-love.png) no-repeat center left;
}
.iLikeThis span.counter{
	background: none;
	padding: 0px 0px 0px 15px;
	margin-left: 0px;
	font-size: 25px;
    font-weight: lighter;
    line-height: px;
}

* توجه: در کد بالا یک بک گراند آدرس دهی شده، برای این استایل شما باید تصویر زیر رو دانلود و در یک پوشه ی قالب(که اینجا ما اون رو images تعریف  کردیم) بارگذاری کنید.

دکمه لایک

امیدوارم از این افزونه نهایت لذت و استفاده رو ببرید…

دیدگاه کاربران در مورد این نوشته

  1. جالب بود.ممنون

    توسط دوربین مداربسته پاسخ

  2. یک کد کم داشت قالبم ؛ درست شد

    توسط مجید پاسخ

  3. با سلام
    این افزونه قابلیت sort هم داره ؟
    یعنی بتونیم مطالبی که بیشتر لایک خورده رو به صورت نزولی مرتب کنیم
    ( اگر نداره پیشنهاد چه افزونه ای رو میدید )
    با تشکر از سایت خوبتون

    توسط مجید پاسخ

    1. بله! با استفاده از ابزراک مخصوص این افزونه، میتونید عناوین مطالبی رو که دارای بیشتری تعداد لایک هستند، نمایش بدید.

      توسط علی میرزائی پاسخ

      1. من این افزونه رو نصب کردم ولی توی سایت فقط یک 0 نمایش میده
        گزینه چارچوب جی کوئری رو هم فعال و غیر فعال کردم باز هم تاثیری نداشت

        توسط مجید پاسخ

  4. جالبه …

    توسط لینک نما پاسخ

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

    توسط حسين پاسخ

    1. سلام،
      بله متوجه مشکلتون شدم، این مسأله میتونه به خاطر تداخل افزونه ای یا وجود باگ در کدنویسی قالب شما باشه!!! پیشنهاد میکنم یه بار افزونه هایی ر. که دارای منبع در صفحه اصلی هستند، غیر فعال کنید و در صورت ادامه مشکل، از یک قالب دیگه استفاده کنید.
      راستی تابع افزونه رو کجا فراخوانی کردید؟ (داخل حلقه while هست؟!؟)

      توسط علی میرزائی پاسخ

  6. علی جان خیلی خیلی ممنون.
    سایت مفیدی داری
    من الان دارم چرخ می زنم داخلش
    یه سئوال
    افزونه ای هست که وقتی کاربر لایک میزنه آواتارش رو هم نشون بده؟
    مثل سایت pinpersia.com
    ممنون میشم راهنماییم کنی.

    توسط بهروز پاسخ

    1. خیلی وقت پیش، یه نمونه دیده بودم که وقتی یک کاربر (نام نویسی کرده) مطالب رو لایک میزد، آواتارش رو هم نشون میداد.
      منتها الان اسمش رو یادم نیست :) اما جستجو کن، احتمالا موردهای بهتر هم هست!

      توسط علی میرزائی پاسخ

      1. علی جون ، واقعا خسته نباشی!!! 😀
        تو اوج جوونی پیر شدی رفت!!! 😀
        خیلی گشتم چیزی پیدا نکردم. اگه چیزی یادت اومد خوشحال میشم به منم یه خبری بدی 😀

        توسط بهروز پاسخ

        1. نه بابا دیگه اونقدرام پیر نشدم، اینم از اون افزونه ای که میگفتم:
          http://tiny.alimir.ir/V6
          البته! سری افزونه های kento یه مقدار سنبل شده و پر ایرادند که این رو من به طراح هندی افزونه هم گفتم، منتها ایشون بیشتر تمرکزش روی کمیت ارسال افزونه است و نه کیفیت!

          توسط علی میرزائی پاسخ

          1. دستت درد نکنه …
            تو هندی هم بلدی؟!
            میگم یکم شبیه سوپر استارای بالیوودی ها 😀

            این و تست کردم ، کلا وقتی نصب کردم مطالب سایت رو نشون نداد و جای متن مطالب سفید اومد! 😀

            توسط بهروز

          2. خواهش میکنم، نه بابا! انگلیسی مکاتبه کردیم… 😉
            باشه، سر فرصت بررسی میکنم ببینم مشکلش چیه!!!

            توسط علی میرزائی

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

    توسط نگاه پاسخ

    1. سلام،
      در سایتتون که به نظر مشکلی نبود و بین اعداد و علامت ‘+’ فاصله مناسبی وجود داشت.
      اگه منظورتون غیر از این بوده، لطفا دقیقتر توضیح بدید.

      توسط علی میرزائی پاسخ

  8. ممنون ، و البته این افزونه یک ابزارک هم داره که میتونه (حداکثر 15 تا از) مطالب بیشتر لایک شده رو در سایدبار نشون بده.

    توسط airin پاسخ

  9. سلام.
    داداش من یه سوال پرسیده بودم بی زحمت میشه کمک کنید ؟؟

    توسط نـــــویـــد مـــیــــمـــ پاسخ

    1. با سلام،
      فک میکنم پرسشتون به دست من نرسیده! اگه در موضوع وردپرسه در سامانه پرسش و پاسخ مطرحش کنید.

      توسط علی میرزائی پاسخ

  10. سلام
    یک مشکل عجیب دارم
    من این کد ها رو به css قالبم اضاف کردم ولی تغییری نکرد بعد اومدم از طریق برنامه xampp یک تست کردم دیدم کار کرد در صورتی که در سایتم کار نکرد قالب ها یکی هستن هم تو سرور هم تو xampp
    به نظر شما مشکل از چیه ؟

    توسط مجید پاسخ

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

      توسط علی میرزائی پاسخ

      1. سلام

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

        توسط مجید پاسخ

  11. با سلام و خسته نباشی
    این کارارو انجام دادم اصلا هیچی نیومد
    حتی میخوام دکمه پرینت و سیو هم تو نوشته هام بزارم اما بازم هیچ تغییری انجام نمیشه
    چکار انجام بدم؟؟؟؟

    توسط امیر پاسخ

    1. متوجه نشدم! مشکل شما دقیقا چیه؟!؟

      توسط علی میرزائی پاسخ

  12. سلام تو قالبم قرار میدم اینجور میشه! میشه راهنمایی کنید عکس هم دانلود و آپلود کردم

    توسط هادی پاسخ

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

    توسط هادی پاسخ

    1. ممنونم هادی جان.
      از دستور float:right استفاده کنید.

      توسط علی میرزائی پاسخ

  14. جالب بود ممنون

    توسط امین پاسخ

  15. پسر کارت حرف نداره عالیه
    فقط باید رنگ قلب رو قرمز کنیم
    ههههه
    D:

    توسط طنزکده پاسخ

  16. با سلام لطفا آموزش ساخت زمینه های دلخواه و دکمه لایک (عین ماله سایت خودتون رو هم آموزش بدین)

    توسط نوید میرزاآقازاده پاسخ

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

      توسط علی میرزائی پاسخ

  17. سلام
    من نصب کردم ولی وقتی روی دکمه لایک کلیک میشه عددی اضافه نمیشه و فقط سه تا نقطه(…) میشه
    مشکل از چیه؟

    توسط مهدی پاسخ

    1. سلام،
      آره اولش اونطوریه ولی چندثانیه بعد باید عدد رو هم نشون بده.
      کتابخونه ی جی کوئری فعاله؟!

      توسط علی میرزائی پاسخ

      1. نه هرچقدر هم صبر میکنم همون میمونه.با کامپیوتر های مختلف چک کردم.
        آره جی کوئری هم دارم تو سایت

        توسط مهدی پاسخ

        1. حدس میزنم مشکل به خاطر تداخل کتابخونه های جی کوئری در قالب شماست!!! یه بار تو پنل تنظیمات افزونه، بخش “چهارچوب جی کوئری” رو غیر فعال و نتیجه رو بررسی کنید.
          افزونه تو فضای لوکال نصبه؟!؟

          توسط علی میرزائی پاسخ

  18. سلام
    یه تقاضا و یه سوال دارم !
    تقاضا: لطفا یه تصویر از پیاده سازی این افزونه بزارید
    سوال: شما از چه پلاگینی برای syntax کدها در متن استفاده می کنید ؟

    توسط حامد پاسخ

    1. سلام.
      منظورتون از پیاده سازی نصب افزونه است؟!؟
      به لینک زیر مراجعه کنید:
      http://alimir.ir/%d9%86%d9%85%d8%a7%db%8c%d8%b4-%da%a9%d8%af%d9%87%d8%a7-%d8%af%d8%b1-%d9%85%d8%b7%d8%a7%d9%84%d8%a8-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3/

      توسط علی میرزائی پاسخ

  19. سایت محشری دارید.
    من بابا تازه این سایت را پیدا کردم بهترین سایتی که تا حالا دیدم اینه

    توسط نويد پاسخ

    1. درود.. باعث افتخاره منه که همچین دیدگاهی دارید :)

      توسط علی میرزائی پاسخ

  20. خیلی کاربردی بود اقای علیمی

    توسط مرتضی پاسخ

    1. خوشحالم که به دردتون خورده.
      راستی من علیمی نیستما 😉

      توسط علی میرزائی پاسخ

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