طراحی و بهینه سازیمشاهده

هاست

نمایش و عدم نمایش محتوای نوشته وردپرس

افزونه ها , افزونه وردپرس

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

 

نمایش و عدم نمایش محتوای نوشته وردپرس

 

افزونه ای که قصد معرفی آن را دارم با عنوان WP-ShowHide در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۱۰.۰۰۰ نصب فعال و کسب امتیاز ۴.۵ را ازآن خود نماید. این افزونه دارای بخش تنظیمات خاصی نمی باشد و کافی است تا آن را نصب و فعال کرده و سپس محتوایی را که قصد دارید به صروت نمایش/عدم نمایش در سایت قرار داده شود را مانند نمونه زیر بین دو شورت کد قرار دهید.

 

 

نمایش و عدم نمایش محتوای نوشته وردپرس

 

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

 

 

با این کار به جای لینک ساده متن نمایش محتوای کامل نشان داده خواهد شد که با کلیک بر روی آن میتوان محتوای کامل آن بخش از نوشته را مشاهده کرد. با استفاده از کد زیر نیز میتوانید دکمه را به گونه ای نمایش دهید که به صورت خودکار تعداد کلمات مخفی شده را محاسبه کرده و متن آن را به گونه ای تعیین کنید که “برای نمایش ۲۰۰ کلمه دیگر کلیک کنید” را به کاربر نمایش دهید.

 

 

موفق باشید


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود نسخه : 1.04
.

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1396/04/19 1 افزونه ها , افزونه وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=26554

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
3,402پنهان کردن آیتم های غیرضروری در وردپرس تاریخ : 1392/08/5
3,029افزونه ایجاد فاو آيکون برای وردپرس تاریخ : 1395/05/2
3,322افزونه کوتاه کننده لینک وردپرس URL Shortener Pro نسخه 1.0.10 تاریخ : 1396/11/20
1,323افزونه بزرگنمايي تصاوير محصولات برای ووکامرس تاریخ : 1395/09/5
2,039افزونه وردپرس نحوه دریافت بازخورد سریع از کاربران Article Feedback تاریخ : 1395/01/26
7,623افزونه وردپرس دسته بندی ویژه تصاویر با Category Featured Image تاریخ : 1392/08/30
195ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive Tabs تاریخ : 1396/09/9
2,410تعیین پوسته پیشفرض در وردپرس با فایل Config تاریخ : 1393/02/11
5,686قالب سایت فیلم برای وردپرس تاریخ : 1392/08/7
2,928ویرایش صفحه ی ورود و خروج در وردپرس تاریخ : 1393/05/9
278افزونه ساخت تب های حرفه ای در وردپرس CodeTabs تاریخ : 1396/09/26
15,496افزونه فارسی سئو وردپرس Yoast SEO Premium نسخه 6.3.1 تاریخ : 1396/12/1
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب