محدود کردن تعداد کاراکتر ویجت post title

با سلام عنوان مطالب post title در ویجت پست ها وقتی بر روی حالت custom skin هست و بر روی 4 الی 5 ستون میذاریم عنوان بصورت کامل  و بسیار بهم ریخته نشون میده چطوری میشه در حالت تبلت و موبایل بر روی تعداد حروف ویجت post title محدودیت مثلا 25 کاراکتر گذاشت و اگر تعداد کاراکترها بیشتر شد بصورت …. نشون بده ؟ با تشکر فراوان

المنتور باز سوال شده در ۱۸ فروردین ۱۳۹۹ در المنتور پرو.
افزودن نظر
7 پاسخ(ها)

با سلام

لطفا آدرس صفحه ای که از ویجت پست ها استفاده شده است را ارسال کنید.

کارشناس المنتور پاسخ داده شده در ۱۸ فروردین ۱۳۹۹.
افزودن نظر

با سلام و تشکر

از طریق acf  مشکل حل شد لیمیت کاراکتر بر روی 50  و class id اون رو بر روی get_the_title قرار دادم

محدودیت کاراکتر در المنتور باید از طریق jquery یا php انجام بشه اما چون من فقط برای یه بخش خاص  مثل سایدبار در المنتور نیاز داشتم با acf این کار انجام دادم

 

المنتور باز پاسخ داده شده در ۱۹ فروردین ۱۳۹۹.
افزودن نظر

بسیار عالی

با استفاده از CSS هم می تونید این کارو انجام بدید.

.elementor-widget-posts .elementor-post__title{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px; /* set your desired width */
}

 

به این شکل می تونید بعد از 200 پیکسل به صورت سه نقطه (…) نمایش داده خواهد شد. مقدار 200 را بر اساس نیازتون میتونید تغییر بدید.

RE: محدود کردن تعداد کاراکتر ویجت post title

کارشناس المنتور پاسخ داده شده در ۱۹ فروردین ۱۳۹۹.
افزودن نظر

خیلی ممنون

بله با  css هم میشه  انجام داد  متاسفانه  برای من css  جواب نداد چون من پست ویجتی از طریق custom skin طراحی کردم و ستون اون روی 2 ردیف قرار دادم در حالت ها ی عریض هیچ مشکلی وجود نداره  مشکل از وقتی شروع میشه که بخواید اون  رو در سایدبار اجراکنید و مطالب با عنوان های کوتاه و بلند داشته باشید بسیار نامنظم و به هم ریخته میشه

المنتور باز پاسخ داده شده در ۱۹ فروردین ۱۳۹۹.
افزودن نظر

با سلام

ببخشید شما این کد css در کدوم ویجت المنتور وارد کردید؟ چون من میخواستم  امروز از این css استفاده کنم هر چقدر در css ویجت  پست ها یا custom elle skin وارد می کنم تغییری اعمال نمیشه شما این کد  در کدوم بخش  استفاده کردید ؟

المنتور باز پاسخ داده شده در ۱۵ اردیبهشت ۱۳۹۹.
افزودن نظر

با سلام داخل ویجت عنوان نوشته و در تب CSS سفارشی قرار گرفته است.

کارشناس المنتور پاسخ داده شده در ۱۵ اردیبهشت ۱۳۹۹.
افزودن نظر

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

https://crocoblock.com/freemium/tools/

لینک

و روی وردپرس نصب کنید

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

فیلد داینامیک

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

در قسمت خروجی فیلد فیلتر کلیک کنید و در انتها در قسمتی که نوشته  بازگشتی لیست بار باز کنید 

به دنبال عبارت به Trim string  بگرید و انتخاب کنید بعد از انتخاب Trimmed Type را روی Word قرار دهید و در زیر ان تعداد را انتخاب کنید

المنتور باز پاسخ داده شده در ۱۵ آبان ۱۴۰۲.
افزودن نظر

پاسخ شما

برای ارسال سوال, شما باید شرایط و ظوابط و شرایط استفاده از خدمات را قبول کنید