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

هاست

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

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

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

 

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

 

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

 

 

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

 

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

 

 

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

 

 

موفق باشید

لطفا به این مطلب امتیاز بدید


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


هاست مناسب برای تمامی اسکریپت های 20script MyHBD.net >

هاست
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 1 افزونه ها , افزونه وردپرس

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,700آموزش تنظیمات رفع خطاهای وردپرس تاریخ : 2018/01/24
4,227افزونه امنیتی وردپرس Security Pro نسخه 2.2.2 تاریخ : 2016/02/15
1,784افزونه ایجاد کوپن تخفیف هوشمند در ووکامرس Woocommerce Smart Coupons تاریخ : 2019/04/22
4,760ساختن صفحه فرود در وردپرس با افزونه Blank Slate تاریخ : 2018/01/10
8,995افزونه آی فریم پیشرفته برای وردپرس با Advanced iFrame Pro تاریخ : 2015/02/21
13,166دانلود قالب وردپرس فور موزیک تاریخ : 2015/03/29
3,804تغییر متن فوتر وردپرس با افزونه Remove Footer Credit تاریخ : 2018/05/26
10,076افزونه معرفی و آشنایی تیم کاری با Team Builder برای وردپرس تاریخ : 2015/09/20
740قرار دادن کد دلخواه در هدر و فوتر وردپرس با افزونه HT Script Pro تاریخ : 2019/08/29
2,036افزونه اسلایدر Zoom In/Out برای وردپرس تاریخ : 2018/08/9
2,028افزونه ورود و عضویت در وردپرس با اکانت شبکه اجتماعی AccessPress Social Login تاریخ : 2019/04/26
816آموزش حذف کامل افزونه وردپرس و اطلاعات آن از دیتابیس تاریخ : 2019/08/26
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب