دیجی اسکریپت

نمایش تصویر قبل و بعد بصورت اسلایدر در وردپرس

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

امکانات افزونه Twenty20 Image Before-After

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

نحوه کار با افزونه Twenty20 Image Before-After

ابتدا افزونه Twenty20 Image Before-After را نصب و فعال کنید. بعد ازفعال‌سازی افزونه، به بخش نوشته‌ها برید و نوشته موردنظر را انتخاب و ویرایش کنید. حال در بالای صفحه ویرایشگر در بخش نوارابزارها روی دکمه Add Twenty20 کلیک کنید.

در صفحه جدید دو تصویر موردنظر خود برای قبل و بعد را انتخاب و روی دکمه Insert کلیک کنید. سپس، فیلدهای افزونه را پر کنید. در ابتدا متن موردنظرخود را برای قبل و بعد، اندازه اسلایدر، مسیر حرکت تصاویر و تراز بندی و افستاسلایدر وارد و تنظیم کنید.

در آخر  روی دکمه Insert Shortcode کلیک کنید و شورت کد را را در نوشته درج کنید. حال تصویر را در سایت خود مشاهده نمایید. به‌علاوه میتونید به بخشابزارک ها برید و ابزارک Twenty ۲۰ Slider را به سایدبار موردنظر خود دراگکنید و اسلایدر تصویر را در سایدبار مشاهده نمایید.

موفق و پیروز باشید.

فهرست بندی محتوا در پست‌های وردپرس

خوشبختانه امروز هر کاری که روی سایت میهن وردپرس انجام می‌دهیم سیل عظیمی از سوالات و درخواست‌ها برای ما ارسال می‌شود که چگونه و چرا اینکار را انجام دادید. فقط چند روزی هست که محتوای سایت را برای UX بهتر، فهرست بندی کرده‌ایم.

شما ممکن است جدول محتویات را در وب سایت‌هایی مانند ویکی پدیا ببینید. یک جدول محتویات، کاربران را برای رفتن به بخش‌هایی که می‌خواهند در مقالات طولانی بخوانند،آسان‌تر می‌کند. همچنین باعث بهبود رتبه سئو شما می‌شود، چون گوگل به‌طور خودکار بهلینک‌هایی که در بخش نتایج جستجو اضافه‌شده‌اند پرش می‌کند.

آیا می‌خواهید Gutenberg را غیرفعال کنید و از ویرایگشر پیش‌فرض وردپرساستفاده کنید؟! حال برای کاربران مبتدی سؤال پیش میاد که گوتنبرگ چیست!؟ Gutenberg ویرایشگر وردپرس است که در آینده جایگزین ویرایشگر پیش‌فرضوردپرس می‌شود. ولی برخی از کاربران ترجیع می‌دهند با همان ویرایشگر قبلی کار کنند و مطالب و صفحه‌های خود را طراحی کنند.

به همین دلیل در این آموزش نحوه غیرفعال کردن گوتنبرگ را توضیح می‌دهم.

چگونه گوتنبرگ را غیرفعال و ویرایشگر کلاسیک را فعال کنیم؟

قبلاً گفتیم ویرایشگر گوتنبرگ چیست! ویرایشگری است مانند صفحه سازهایوردپرس که شما میتونید آیتم‌ها را درون صفحه و نوشته خود بکشید و رها کنید. با گوتنبرگ کاربران می‌توانند طرح‌بندی منحصربه‌فرد برای محتوای وب‌سایتخود ایجاد کنند. در نسخه ۴٫۹٫۸ وردپرس ویرایشگر گوتنبرگ به‌صورت آزمایشی در پیشخوان وردپرس قرارگرفته است که با بازخورد میلیون‌ها کاربر وردپرس رو به رو شوند.

قرار است در نسخه ۵٫۰ وردپرس گوتنبرگ به‌عنوان ویرایشگر پیش‌فرض وردپرسجای گیرد و منتشر شود.

روش ۱٫ غیرفعال کردن ویرایشگر گوتنبرگ با افزونه

در این روش افزونه Classic Editor را دریافت و نصب کنید. پس از فعال‌سازیافزونه، به بخش تنظیمات> نوشتن برید و در فیلد Classic editor settings مشخص کنید که تنها ویرایشگر کلاسیک فعال باشد یا هر دو ویرایشگر در پیشخوان شما فعال باشند. پس از فعال‌سازی افزونه، به‌طور اتوماتیک ویرایشگر گوتنبرگ غیرفعال می‌شود.

حال وارد بخش نوشته‌ها شوید و خواهید دید لینک جدیدی به نام افزودن نوشته (کلاسیک) به این منو اضافه‌شده است. همچنین در بخش همه نوشته ها میتونیدنوشته را با ویرایشگر کلاسیک و گوتنبرگ ویرایش کنید.

روش ۲٫ استفاده کردن از ویرایشگر کلاسیک با افزونه Disable Gutenberg

اگر می‌خواهید Gutenberg را برای برخی از نقش‌های کاربری و پست تایپ‌هاغیرفعال کنید، از این روش استفاده کنید. حال در اولین مرحله افزونه Disable Gutenberg را نصب و فعال کنید. پس از فعال کردن افزونه گزینه جدیدی به نام Disable Gutenberg در منو تنظیمات پیشخوان وردپرس قرار می‌گیرد.

وارد صفحه تنظیمات افزونه شوید. به‌طور پیش‌فرض ویرایشگر گوتنبرگ برای تمامی کاربران سایت غیرفعال می‌شود. فقط کافیِ شما در قسمت Complete Disable تیک گزینه disable gutenberg everywhere را بردارید. حالگزینه‌های جدیدی می‌بینید که میتونید گوتنبرگ را تنها برای برخی از نقش‌هایکاربری، پست تایپ‌ها غیرفعال کنید.

موفق و پیروز باشید.