آیا می خواهید بدانید چگونه گزیده های مقاله را در حالت شناور در Divi نمایش دهید؟
پیشنمایش قطعههای پست وبلاگ در حالت شناور میتواند راهی مؤثر برای حفظ یک طرح شبکه فشرده برای پستهای وبلاگ شما بدون رها کردن کامل آن قطعهها باشد.
بنابراین، ایده این است که ابتدا قطعهها را مخفی کنید و زمانی که ماوس را روی یک پست در شبکه میبرید، نشان دهید. بنابراین، به خوانندگان این امکان را می دهد که پست های بیشتری را ببینند و همچنین به آنها امکان می دهد تکه هایی از پست های مورد علاقه خود را ببینند.
بنابراین در این آموزش، به شما نشان خواهیم داد که چگونه می توانید این قطعه پست وبلاگ را با استفاده از hover toggle effect در Divi ایجاد کنید.
بیایید شروع کنیم!
بررسی
ابتدا، در اینجا یک نمای کلی از آنچه در این آموزش ایجاد خواهیم کرد، آورده شده است.
ایجاد طرح بندی ماژول وبلاگ
ابتدا باید یک طرح اولیه برای پست های وبلاگ خود ایجاد کنیم. برای این آموزش، یک ردیف به یک ستون اضافه می کنیم و یک ماژول وبلاگ را در آن قرار می دهیم.
یک خط ایجاد کنید
برای شروع، یک ردیف از یک ستون را به بخش وارد کنید
عرض خط
سپس به تنظیمات خط بروید. سپس، در تب Style، در زیر Sizing، عرض ها را به صورت زیر تغییر دهید:
حداکثر عرض: 90%
حداکثر عرض: 1200 پیکسل
یک ماژول وبلاگ اضافه کنید
سپس، یک ماژول بلاگ را در ستون خطی که قبلا ایجاد شده است وارد کنید.
تنظیمات ماژول وبلاگ
سپس، به تنظیمات ماژول وبلاگ بروید، در تب محتوا، در قسمت عناصر، گزینه «نمایش دکمه ادامه مطلب» را روی «بله» تنظیم کنید.
اکنون به تب Style بروید، در قسمت Template، الگوی Grid را به عنوان طرحبندی وبلاگ انتخاب کنید.
در نهایت به تب Advanced رفته و کلاس CSS زیر را اضافه کنید:
کلاس CSS: toggle-blog-excerpt
پس از آن، در مرحله بعد از این کلاس به عنوان انتخابگر برای کد CSS سفارشی خود استفاده خواهیم کرد.
CSS سفارشی را با ماژول Code اضافه کنید.
در این مرحله، پست های وبلاگ ما در یک شبکه قرار می گیرند و یک کلاس CSS سفارشی به منوی وبلاگ اضافه شده است. بنابراین ما از این انتخابگر کلاس CSS برای هدف قرار دادن این ماژول بلاگ و اضافه کردن یک افکت جابجایی هنگام نگه داشتن ماوس روی یک مقاله استفاده می کنیم.
برای افزودن CSS از ماژول Code استفاده می کنیم. برای انجام این کار، یک ماژول کد زیر ماژول وبلاگ اضافه کنید.
در مرحله بعد، CSS سفارشی زیر را که برای ایجاد افکت جابجایی قطعه مقاله در hover لازم است، قرار دهید. مهمتر از همه، مطمئن شوید که کد CSS را بین تگ های سبک لازم قرار دهید.
بیایید با سازنده Divi مقداری استایل اضافی به ماژول بلاگ اضافه کنیم
اکنون که CSS در جای خود قرار دارد تا به ما افکت جابجایی برای قطعههای پست وبلاگ ما بدهد، سپس میتوانیم با استفاده از سازنده Divi، هر سبک دیگری را به ماژول وبلاگ اضافه کنیم.
برای این مثال، ما حداقل تنظیمات را در سبک انجام خواهیم داد، اما در مورد سبک خود نیز آزاد باشید.
سبک عنوان مقاله
عنوان کم نور: متن پررنگ
رنگ متن عنوان: #6D6A7E
اندازه متن عنوان: 20 پیکسل
ارتفاع خط عنوان: 1.3 میلی متر
سبک متن "ادامه مطلب"
بیشتر بخوانید Dim Light: Bold Text
بیشتر بخوانید سبک کپی: TT
رنگ متن بیشتر بخوانید: #6D6A7E
فاصله حروف بیشتر بخوانید: 1px
ارتفاع خط بیشتر بخوانید: 3.5em
نمایش صفحه بندی متن را تغییر دهید
نمایش صفحه بندی کم نور: متن پررنگ
رنگ متن نمایش صفحه بندی: #6D6A7E
فاصله حروف نمایش صفحه: 1 پیکسل
نمایش صفحه بندی سبک کپی: TT
حاشیه را بردارید
عرض حاشیه طرح بندی شبکه: 0 پیکسل
Hover Shadow Box Style
کادر سایه: به اسکرین شات مراجعه کنید
موقعیت شروع: 0px
قدرت تاری سایه جعبه: 38 پیکسل
رنگ قلم زیرنویس: rgba (109,106,126,0.25)
نتیجه نهایی
نتیجه
در خاتمه، همانطور که در این آموزش نشان داده شده است، افزودن چند قطعه CSS میتواند عملکرد مورد نیاز برای تکان دادن قطعههای پست وبلاگ با یک افکت شناور خوب را به شما بدهد.
مهمترین چیز در این روش این است که می توانیم با استفاده از گزینه های یکپارچه Divi، استایل اضافی را به دلخواه به ماژول وبلاگ اضافه کنیم. علاوه بر این، به شما امکان می دهد عناصر پست را سفارشی کنید، از جمله افزودن افکت های شناور بیشتر.
امیدواریم این کمک کند که وبلاگ وب سایت Divi شما در طراحی و عملکرد بیشتر تقویت شود. از تجربیات خود در نظرات به ما بگویید.
آیا نیاز به ایجاد یک سربرگ جهانی برای وب سایت خود با Divi دارید؟
یک هدر سراسری در همه جای وب سایت شما ظاهر می شود مگر اینکه سرصفحه متفاوتی را به یک صفحه یا پست اختصاص داده باشید.
بیایید شروع کنیم!
بررسی
در اینجا پیش نمایشی از هدر جهانی است که می خواهیم طراحی کنیم.
منوی اصلی خود را پیکربندی کنید
با ایجاد منوی خود در تنظیمات ظاهری سایت وردپرس خود شروع کنید.
به گزینه Theme Builder در زیر Divi دسترسی پیدا کنید
در گزینه های Divi theme، روی Theme Builder کلیک کنید. پس از آن، متوجه یک الگوی وب سایت پیش فرض خواهید شد.
اضافه کردن و ایجاد یک سربرگ جهانی
قالب پیشفرض وبسایت جایی است که میتوانید شروع به ایجاد هدر جهانی، بدنه جهانی و پاورقی جهانی کنید. روی «افزودن سربرگ جهانی» کلیک کنید و با کلیک روی «ساخت سربرگ جهانی» ادامه دهید تا فرآیند شروع شود.
تنظیمات بخش
اندازه
تنظیمات بخش را که در صفحه پیدا خواهید کرد باز کنید، در تب Style، ابعاد را در اندازه های مختلف صفحه تغییر دهید.
حالا یک شعاع حاشیه به گوشه سمت چپ و راست پایین قسمت اضافه کنید.
پایین سمت چپ: 50 پیکسل
پایین سمت راست: 50 پیکسل
جعبه سایه
بیایید یک سایه جعبه ظریف نیز اضافه کنیم.
قدرت تاری سایه جعبه: 60 پیکسل
رنگ فونت زیرنویس: rgba(0,0,0,0.13)
دید
سرریز افقی: قابل مشاهده است
سرریز عمودی: قابل مشاهده است
یک خط جدید به سربرگ اختصاص دهید
اکنون که تنظیمات بخش عمومی را تکمیل کردیم، میتوانیم شروع به اضافه کردن ردیفها کنیم. در مجموع به دو خط نیاز داریم. یکی که به هدر اختصاص دارد و دیگری که امکان نمایش آیتم های منو را فراهم می کند. با اضافه کردن یک سطر جدید با استفاده از ساختار ستون زیر با هدر شروع می کنیم:
تنظیمات خط
تنظیمات پس زمینه
بدون افزودن ماژول به خط، تنظیمات خط را باز کنید و رنگ پس زمینه را تغییر دهید.
پس زمینه: #38383F
اندازه
سپس پارامترهای اندازه خط را تغییر دهید.
از عرض ناودان سفارشی استفاده کنید: بله
فاصله ستون ها: 1
حداکثر عرض: 100%
حداکثر عرض: 100%
مشاهده
حالا بیایید با افزودن این خط کد CSS به عنصر ردیف اصلی، مطمئن شویم که ستونها در صفحههای کوچکتر در کنار یکدیگر ظاهر میشوند.
01 display: flex;
ماژول تصویر را در ستون 1 اضافه کنید
لوگو را دانلود کنید
هنگامی که تنظیمات ردیف را تکمیل کردید، زمان شروع به اضافه کردن ماژول ها است. یک ماژول تصویر را به ستون 1 اضافه کنید و لوگوی خود را آپلود کنید.
هم ترازی
به تب Style بروید و تصویر را در سمت چپ تراز کنید.
اندازه
همچنین عرض ماژول را تغییر دهید.
فاصله
همچنین مقادیر حاشیه سفارشی را اضافه کنید.
ماژول ردیابی رسانه های اجتماعی را در ستون 2 اضافه کنید
شبکه های اجتماعی را اضافه کنید
به ستون دوم برویم. در آنجا به یک ماژول ردیابی رسانه های اجتماعی نیاز داریم. شبکه های اجتماعی مورد نظر خود را اضافه کنید. شما می توانید به تعداد دلخواه رسانه اجتماعی اضافه کنید.
رنگ پس زمینه شبکه اجتماعی
در مرحله بعد، هر شبکه اجتماعی را به صورت جداگانه باز کنید و رنگ پس زمینه را به رنگ کاملا شفاف تغییر دهید.
رنگ پس زمینه: rgba (0,0,0,0)
هم ترازی
به تنظیمات معمولی ماژول برگردید و سپس تراز کامل ماژول را تغییر دهید.
هنگامی که خط اختصاص داده شده به سربرگ جهانی را پر کردید، می توانید خط دیگری را درست در زیر اضافه کنید.
تنظیمات خط
اندازه
بدون افزودن ماژول، تنظیمات خط را باز کنید و تنظیمات اندازه را در تب Style تغییر دهید.
فاصله
سپس تمام حاشیه های پایین و بالا را بردارید.
یک ماژول منو به ستون اضافه کنید
منو را انتخاب کنید
بعد، یک ماژول Menu را به ستون اضافه کنید و منویی را که در قسمت اول این آموزش ایجاد کردید انتخاب کنید.
وضع
به تب Style بروید و تنظیمات طرح بندی را به صورت زیر تغییر دهید:
اتصالات
همچنین رنگ لینک فعال را در تب Style تغییر دهید.
رنگ پیوند فعال: #ffae25
منوی کشویی
همین کار را برای رنگ خط منوی کشویی در تنظیمات منوی کشویی انجام دهید.
رنگ ردیف کشویی: #ffae25
تصویر
رنگ نماد منوی همبرگر: #ffae25
متن منو
با تنظیمات متن منو.
فونت منو: Prata
رنگ متن منو: #000000
کاری کنید که هدر و نوار منو در بالا باقی بماند
تنظیمات بخش را باز کنید
هنگامی که خط دوم را تکمیل کردید، تنها کاری که باید انجام دهید این است که مطمئن شوید این بخش در بالای صفحات و پست های ما باقی می ماند. برای این کار دوباره تنظیمات بخش را باز می کنیم.
CSS سفارشی را به عنصر اصلی اضافه کنید
در ادامه به تب advanced رفته و چند خط کد CSS را به عنصر اصلی قسمت اضافه می کنیم.
01 position: fixed;
02 top: 0;
03 left: 0;
04 right: 0;
گزینه های هدر جهانی و سازنده تم را ذخیره کنید
پس از تکمیل کل طراحی هدر سراسری، قبل از خروج از طرح بندی قالب، حتما طرح را ذخیره کنید. هنگامی که از طرح بندی قالب خارج شدید، کل تغییرات سازنده تم خود را ذخیره کنید و کارتان تمام شد!
بررسی
اکنون که تمام مراحل را طی کردیم، اجازه دهید آخرین نگاهی به نتیجه داشته باشیم.
نتیجه
در این مقاله نحوه ایجاد یک هدر جهانی سفارشی با تم ساز جدید Divi را به شما نشان دادیم. این آموزش نشان می دهد که چقدر آسان است که هدرهای زیبا ایجاد کنید و آنها را در کل وب سایت یا انواع پست سفارشی خاص اعمال کنید.
امیدواریم در شخصی سازی وب سایت خود با تم ساز به شما کمک کند.
اگر سوال یا پیشنهادی دارید، لطفاً در قسمت نظرات با ما در میان بگذارید بخش نظرات CI-dessous.
برای تکمیل این آموزش، شما نیاز دارید نسخه حرفه ای المنتور، زیرا ما از کد CSS سفارشی استفاده خواهیم کرد که فقط توسط این نسخه از Elementor پشتیبانی می شود.
بیایید یک بخش با 2 ستون ایجاد کنیم، سپس در پانل کناری، بیایید آن را تعریف کنیم ارتفاع سور حداقل ارتفاع، و سپس حداقل ارتفاع بیایید کلیک کنیم VH و نوار لغزنده را روی 100.
بیایید ویجت Image را به ستون سمت چپ بکشیم و تصویری را از کتابخانه خود درج کنیم.
در ستون سمت راست، a را وارد می کنیم ویجت عنوان با عنوان انتخاب بهترین ها. در برگه سبک بیایید کلیک کنیم فن چاپ و اصلاح کنید ارتفاع خط در 1.
در بالای ویجت عنوان، بیایید یک ویجت جداکننده را در برگه محتوای آن قرار دهیم، تایپ کنید 270 برای عرض بیایید روی Text for Add element کلیک کرده و سپس Enter کنید گرایش به عنوان متن در برگه سبک، گریس را اصلاح کنید و فاصله سور 2.
در قسمت Text بر روی آن کلیک کنید فن چاپبیایید فونت را تغییر دهیم اندازه سور 18از گریس سور 600.
در زیر ویجت Content Editor، بیایید a را رها کنیم بخش داخلییکی از ستون های بخش داخلی را حذف کنید و دومی را رها کنید دکمه ویجت
بیایید با رفتن به پنل کناری دکمه را اصلاح کنیم و در تب محتوا روی آن کلیک کنید کتابخانه آیکون سور نماد و نماد را وارد کنید سبد خرید، بیایید محتویات دکمه روشن را نیز پاک کنیم متن
بیایید به برگه برویم سبک از دکمه و در شعاع مرزی، کلیک کنید % و تصرف کنید 50 برای همه شعاع های محدود و در حاشیه های داخلی، بگیریم 20.
بیایید رنگ دکمه را با تغییر رنگ دکمه دوم با کلیک کردن بر روی آن سفارشی کنیم کلاسیک برای نوع پس زمینه و بیایید رنگ را با توجه به رنگ هایلایت روی تصویر تغییر دهیم.
سپس بر روی Tab کلیک کنید پیشرفته دکمه ما، سپس روشن است تثبیت موقعیت و عرض بیایید انتخاب کنیم درون خطی (خودکار). در بخش پیشرفته ازبرگه پیشرفته، بگیریم 10 برای حاشیه سمت راست.
بیایید این دکمه را 4 بار کپی کنیم و رنگ این دکمه ها را تغییر دهیم.
سپس، بیایید ویجت Image خود را 4 بار کپی کنیم، سپس تصاویر آنها را تغییر دهیم.
در L 'تب پیشرفته، بگیریم همه تصاویر در مزرعه کلاس های CSS از هر یک از تصاویر ما
سپس در میدان شناسه CSS عکس قرمز را برای تصویر با هایلایت قرمز، تصویر سبز را برای تصویر با هایلایت سبز، و تصویر قهوه ای را برای تصویر با هایلایت قهوه ای و غیره وارد کنید.
بیایید خودمان را انتخاب کنیم بخش et dans l 'برگه پیشرفته، در زمینه سفارشی CSS قطعه کد زیر را کپی و جایگذاری کنید:
ایناهاش ! این برای این مقاله است که به شما نشان می دهد چگونه یک تصویر را در حالت شناور روی یک متن تغییر دهید. اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، به ما اطلاع دهید نظر.
مهم نیست که باشد فرم تماس, اشتراک، ابونمان, نظم یا یک مسابقه ، تا زمانی که این فرم زیبا باشد ، همیشه به وب سایت یا وبلاگ شما نگاه حرفه ای می بخشد. فرم تماس یک روش عالی برای این است که خوانندگان خود را قادر می سازند بدون نشان دادن آدرس ایمیل خود با شما تماس بگیرند.
در حالی که بیشتر مضامین وردپرس هستند با ارائه فرم های تماس یکپارچه ، اغلب ترجیح می دهید فرم شخصی خود را با یک افزونه تخصصی ایجاد کنید. این روش به شما امکان می دهد ظاهر مورد نظر خود را به وب سایت خود سفارشی کنید ، اضافه کردن زمینه های اضافی به طور خلاصه ، به شما این امکان را می دهد که کنترل کامل بر فرم های خود داشته باشید.
بسیاری از افزونه های برتر وردپرس در این زمینه وجود دارند که طیف وسیعی از ویژگی های مختلف را ارائه می دهند. انتخاب باید متناسب با نیاز شما انجام شود. اما برای کمک به شما در یافتن سریع مروارید نادر خود ، در اینجا برای شما مناسب است بهترین افزونه های برتر وردپرس، مناسب برای ایجاد یک فرم تماس حرفه ای در وب سایت یا وبلاگ خود.
WPForms مبتدی ترین افزونه فرم تماس وردپرس است. این با یک هدف ساخته شده است: ایجاد یک افزونه فرم های وردپرس در یک زمان. آسان و قدرتمند. فرم ساز بصری آن را به کاربرپسندترین افزونه فرم برای وردپرس تبدیل می کند.
به صورت رایگان در فهرست پلاگین رسمی وردپرس موجود است، به این معنی که می توانید آن را به صورت رایگان در هر تعداد وب سایت که بخواهید نصب کنید. این نسخه با تمام عملکردهای اولیه فرم تماس، از جمله فیلدهای اصلی فرم، کپچا برای محافظت از هرزنامه، اعلان های ایمیل، و صفحه تشکر برای تأیید فرم ارائه می شود.
نسخه پریمیوم به شما امکان می دهد عملکرد را گسترش دهید، به طوری که می توانید هر نوع فرمی مانند فرم های چند صفحه ای، فرم های اشتراک ایمیل، فرم های پرداخت، فرم های سفارش و غیره را ایجاد کنید.
می توانید تمام فرم های ارسالی خود را مستقیماً در داشبورد وردپرس خود مشاهده کنید و همچنین اعلان های ایمیل شخصی سازی شده را دریافت کنید. حتی میتوانید اعلانهای مشروط را تنظیم کنید، بنابراین فرد مناسب در تیم شما مطلع میشود.
Ninja Kick یک افزونه برتر تماس با وردپرس است که به بازدید کنندگان شما امکان می دهد فوراً فرم تماس را بدون انتظار برای بارگذاری صفحه مخاطب مشاهده کنند.
این افزونه وردپرس دارای 3 تم عالی ، نوار اختصاصی برای به اشتراک گذاری در شبکه های اجتماعی ، ادغام آن است نام Mailchimp و سفارشی سازی گسترده ای از ظاهر آن او استفاده می کند انتقال CSS مدرن، به چیدمانی که به تغییرات اندازه صفحه واکنش نشان می دهد و در دستگاه های تلفن همراه به خوبی کار می کند و کاملاً لمس شده پاسخ می دهد.
Slick Popup Pro یک افزونه وردپرس بسیار ساده و سبک است که هر فرم ایجاد شده توسط این پلاگین را تبدیل می کند فرم تماس با 7 در یک پنجره او از فرم استفاده می کند و آن را به یک ظاهر زیبا و کاملا پاسخگو تبدیل می کند.
فرم بازشو می تواند چندین کاربرد داشته باشد از جمله: فرم جمع آوری اطلاعات، فرم تماس ، فرم ثبت نام، فرم نقل قول ، فرم پیشنهادی / شکایت و دیگران.
W8 Contact Form یکی از محبوب ترین افزونه های فرم تماس با حق بیمه در وردپرس است.
این ویژگی های زیادی مانند ارسال به چندین گیرنده ، پشتیبانی انیمیشن ، ایجاد نامحدود فرم ها، سبک های مختلف ، و طیف گسترده ای از گزینه های سفارشی سازی اضافی.
علاوه بر این ، به وب سایت یا وبلاگ شما یک سیستم حرفه ای می دهد تا ارتباط با مشتریان شما را آسان تر کند. شما قادر خواهید بود تمام فرم های خود را مطابق با نیاز و سلیقه خود تنظیم کنید.
Formidable Forms پیشرفته ترین افزونه فرم وردپرس در بازار است. آنها در کمک به توسعه دهندگان در ساخت سریع راه حل های پیچیده فرم محور تخصص دارند. Formidable Forms یک فرم ساز همه کاره وردپرس است که با پسوندهای قدرتمند ارائه می شود تا به شما کمک کند فراتر از فرم های تماس ساده بروید.
می توانید از رابط کشیدن و رها کردن آن برای ایجاد فرم های پیشرفته مانند آزمون ها، نظرسنجی ها، فرم های پرداخت، فرم های ثبت نام، فرم های نمایه و غیره استفاده کنید. کاربران پیشرفته واقعاً ویژگی Formidable Views را دوست خواهند داشت زیرا به شما امکان می دهد داده های ارسالی کاربر را در قسمت جلویی وب سایت خود قالب بندی، فیلتر و نمایش دهید.
شما می توانید از آن برای ایجاد راه حل های مبتنی بر فرم مانند دایرکتوری ها، لیست های وب سایت شغلی، تقویم رویدادها، سیستم های مدیریتی، سیستم های رتبه بندی و غیره. همچنین می توانید از فیلدهای محاسباتی پیشرفته Formidable Forms برای ایجاد فرم های سفارش قدرتمند و همچنین ماشین حساب های هوشمند مانند ماشین حساب وام مسکن، ماشین حساب پرداخت ماشین، درخواست ماشین حساب مظنه و غیره استفاده کنید.
بدون شک ، پلاگین Premium Gravity Forms WordPress یکی از این موارد است پلاگین ها له محبوب ترین در این لیست. هفته گذشته ، داده های Datanyze نشان داد که چنین استمورد استفاده در 53٪ از بهترین وب سایتهای طبقه بندی شده توسط Alexa با استفاده از فرم های میزبانی شده.
GravityForms به شما امکان می دهد با استفاده از یک ویرایشگر تصویری بصری ، فرم های خود را طراحی و ایجاد کنید. ویژگی های اصلی آن عبارتند از: ایجاد آسان و شهودی از فرم تماس،عملکرد مسابقه ، ایجاد نظرسنجی ، ایجادOrmals نقل قول، کنترل تشنج ، پشتیبانی ازهامپ های استاندارد و پیشرفته و موارد دیگر.
قیمت ها از یک 39 دلار در سال برای مجوز شخصی و پشتیبانی مشتری شروع می شود. همچنین دارای افزونه های زیادی است (پسوند) موجود است که به شما امکان می دهد فرم های جاذبه را در یکپارچه کنید MailChimp، پی پال و سایر خدمات.
اگر افزونه GravityForms محبوب ترین افزونه فرم حق بیمه WordPress است ، ContactForm 7 احتمالاً محبوب ترین افزونه رایگان با بیش از میلیون ها بار دانلود 5 است
ContactForm 7 قابل استفاده است. این می تواند فرم های تماس چندگانه را کنترل کند ، و می توانید فرم ها را با HTML سفارشی کنید. این افزونه همچنین پشتیبانی می کند اعتبار AJAX, CAPTCHA et فیلتر کردن اسپم با Akismet.
اگر به دنبال یک راه حل رایگان و قدرتمند برای ایجاد یک فرم تماس در وب سایت وردپرس خود هستید ، این افزونه برای شما مناسب است.
افزونه محبوب دیگر افزونه WordPress premium Ninja Forms است. این رابط کاربری با کشیدن و رها کردن آسان است و به شما امکان می دهد فرم های تماس ، فرم های ضبط ایمیل یا هر شکل دیگری که نیاز دارید ایجاد کنید.
برخی از ویژگی های این افزونه عبارتند از: یک حالت پیش نمایش در دسترس است، گزینه های سفارشی کردن سبک ها و طرح ها ، لگزینه های واردات و صادرات ، پشتیبانی از زمینه های ضد اسپم، دزمینه های سفارشی قابل استفاده مجدد و سایر موارد.
FormCraft یک افزونه ساده و شهودی وردپرس به لطف رابط کشیدن و رها کردن آن است که به شما امکان می دهد بدون نوشتن کد ، فرم های پیچیده و پاسخگو ایجاد کنید.
این افزونه پشتیبانی p را ارائه می دهدزمینه های ویژه 20 را بخوانید ، tسه نوع نمایش فرم (پاپ آپ ، موبایل و ثابت)، توn فرم تجزیه و تحلیل ، چند گزینه های سبک ، پشتیبانی از فرمول های ریاضی ، پشتیبانی از منطق شرطی ، ادغام یکپارچه با سایر افزونه های وردپرس ، وجود الگوهای بسیار زیاد و موارد دیگر.
این افزونه وردپرس با 36 دلار گران نیست ، اما اگر به دنبال یک افزونه قدرتمند ، انعطاف پذیر و قابل تنظیم برای ایجاد فرم تماس زیبا هستید ، قطعاً ارزش آن را دارد.
Contact Us Form یک افزونه وردپرس پاسخگوی برتر و ابزاری ساده اما غنی از گزینه های سفارشی سازی است که به شما امکان می دهد یک فرم شفاف و دلگرم کننده نمایش دهید ، بازدید کنندگان می توانند با گذاشتن پیام خود با آن تماس بگیرند.
وولا! این برای این لیست است از بهترین افزونه های برتر وردپرس ایجاد فرم تماس با ما اگر در این زمینه نگرانی یا پیشنهادی دارید ، بیایید در این بخش بیابید نظر برای بحث در مورد
آیا می خواهید یاد بگیرید که چگونه گوتنبرگ را غیرفعال کنید و ویرایشگر کلاسیک را در وردپرس نگه دارید. یا حتی از یک ناشر به ناشر دیگر تغییر دهید؟
گوتنبرگ ویرایشگر بلوک پیش فرض در وردپرس است که جایگزین ویرایشگر کلاسیک وردپرس شده است. بسیاری از کاربران سازگاری با آن را دشوار می دانند و ترجیح می دهند ویرایشگر کلاسیک را حفظ کنند.
در این مقاله به شما نشان خواهیم داد که چگونه به راحتی گوتنبرگ را غیرفعال کنید و ویرایشگر کلاسیک را در وردپرس نگه دارید.
گوتنبرگ چیست؟
گوتنبرگ نام توسعه ویرایشگر بلاک در وردپرس است. ویرایشگر بلاک با هدف مدرن کردن تجربه نوشتن وردپرس ایجاد شده است.
سعی می کند به عنوان یک عمل کند افزونه صفحه ساز وردپرس و به شما امکان می دهد موارد را در یک پست یا صفحه بکشید و رها کنید. هدف ارائه انعطافپذیری بیشتر و اجازه دادن به کاربران وردپرس برای ایجاد طرحبندی منحصربهفرد برای محتوای خود با محتوای رسانهای غنی است.
از زمان انتشار وردپرس 5.0، ویرایشگر بلاک اکنون ویرایشگر پیش فرض وردپرس است.
چرا ویرایشگر گوتنبرگ را در وردپرس غیرفعال کنیم؟
بسیاری از کاربران وردپرس برای سالها با ویرایشگر کلاسیک راحتتر هستند.
همچنین از آنجایی که ویرایشگر بلاک نسبتا جدید است، برخی از افزونه ها هنوز با آن سازگار نیستند.
خوشبختانه، یک پلاگین تیم هسته وردپرس وجود دارد که به شما امکان می دهد از ویرایشگر کلاسیک حتی در وردپرس 5.0 یا بالاتر استفاده کنید.
بیایید ببینیم چگونه به راحتی گوتنبرگ را غیرفعال کنیم و به استفاده از ویرایشگر کلاسیک وردپرس ادامه دهیم.
روش 1. گوتنبرگ را با افزونه ویرایشگر کلاسیک غیرفعال کنید
برای این روش، ما از افزونه ویرایشگر کلاسیک استفاده خواهیم کرد که توسط مشارکت کنندگان برتر وردپرس توسعه و نگهداری می شود.
این افزونه پس از نصب کار می کند و پس از فعال سازی ویرایشگر گوتنبرگ آن را غیرفعال می کند.
این افزونه همچنین به شما این امکان را می دهد که گوتنبرگ و ویرایشگر کلاسیک را همزمان نگه دارید. می توانید آن را در تنظیمات افزونه پیکربندی کنید.
فقط به صفحه بروید تنظیمات -> نوشتن در قسمت مدیریت وردپرس شما. گزینه انجام این کار را در قسمت «تنظیمات ویرایشگر کلاسیک» خواهید دید.
فراموش نکنید که روی دکمه کلیک کنید ذخیره تغییرات برای ذخیره تنظیمات خود
وقتی در ویرایشگر گوتنبرگ هستید، اکنون میتوانید یک متاباکس جدید داشته باشید که شما را به تغییر به ویرایشگر کلاسیک سوق میدهد.
همچنین می توانید مقالات قدیمی را با استفاده از ویرایشگر کلاسیک ویرایش کنید. فقط به صفحه بروید پست ها -> همه پست ها و پیوند "ویرایش (کلاسیک)" را در زیر پست ها مشاهده خواهید کرد.
روش 2. از ویرایشگر کلاسیک با غیرفعال بودن افزونه گوتنبرگ استفاده کنید
اگر می خواهید گوتنبرگ را برای برخی غیرفعال کنید نقش های کاربر و انواع پست، این روش به شما در انجام آن کمک می کند.
پس از فعال سازی، باید به صفحه مراجعه کنید تنظیمات -> گوتنبرگ را غیرفعال کنید برای پیکربندی تنظیمات افزونه.
به طور پیش فرض، این افزونه گوتنبرگ را در همه جا برای همه کاربران وب سایت شما غیرفعال می کند. با این حال، اگر میخواهید آن را به نقشهای کاربری خاص و انواع پستها محدود کنید، باید علامت « را بردارید. کاملا غیر فعال کنید '.
با برداشتن علامت این کادر، گزینههای بیشتری برای غیرفعال کردن انتخابی گوتنبرگ برای نقشهای کاربر خاص، انواع پست، قالبهای تم یا پستها نشان داده میشود.
اگر از افزونه وردپرسی استفاده می کنید که با گوتنبرگ سازگار نیست، اما می خواهید از گوتنبرگ برای سایر قسمت های وب سایت خود استفاده کنید، این گزینه مفید است.
وردپرس محبوب ترین سازنده وب سایت در جهان است که بیش از 43 درصد از وب سایت های موجود در اینترنت را تامین می کند.
این دارای هزاران پلاگین و تم است و به انواع وب سایت ها، از فروشگاه های تجارت الکترونیک گرفته تا انجمن های عضویت، قدرت می دهد.
آیا باید پیوندهای دائمی وردپرس خود را بازسازی کنید؟در این آموزش وردپرس بدانید
اگر شما نمی توانید محتوای وب سایت خود را ببینید، بازدیدکنندگان نیز نمی توانند آن را ببینند. لینک های شکسته و خطاهای 404 می توانند صدمه ببینند تجربه کاربر و موقعیت شما در رتبه بندی سئو.
در این مقاله به شما نشان خواهیم داد که چگونه این URL های شکسته را با ایجاد مجدد پیوندهای دائمی خود در وردپرس برطرف کنید. ما همچنین در مورد عوامل ایجاد این خطا و نحوه تشخیص لینک های شکسته قبل از اینکه بازدیدکنندگان متوجه آنها شوند صحبت خواهیم کرد.
چرا باید پیوندهای دائمی را در وردپرس بازسازی کنم؟
در اکثر مواقع، URL های سایت وردپرس شما دائمی هستند و هیچ مشکلی ایجاد نمی کنند. آنها فقط کار می کنند.
با این حال، گاهی اوقات می توانید روی یک پیوند کلیک کنید و یک را دریافت کنید erreur 404. حتی ممکن است هنگام تلاش برای دسترسی به کل وب سایت وردپرس خود با خطای 404 مواجه شوید.
این گاهی اوقات بعد از آن اتفاق می افتد انتقال سایت وردپرس خود به هاست یا سرور جدید. این ممکن است پس از نصب یک افزونه جدید وردپرس نیز رخ دهد. در واقع، برخی از افزونه های وردپرس، آن را تغییر می دهند fفایل htaccess وب سایت شما بدون اطلاع شما این می تواند سایت شما را از طرق مختلفی تحت تاثیر قرار دهد، از جمله آسیب رساندن به URL های شما.
Remarque: برای این آموزش باید بتوانید وارد داشبورد وردپرس شوید.
اغلب، بازسازی پیوندهای دائمی شما می تواند راه حلی سریع و آسان برای این مسائل باشد. بیایید ببینیم چگونه این کار را انجام دهیم.
چگونه پیوندهای دائمی خود را در وردپرس بازسازی کنیم
هنگامی که پیوندهای خود را بازسازی می کنید، ساختار پیوند دائمی وردپرس را بازسازی و تعمیر می کنید. این ممکن است پیچیده به نظر برسد، اما نگران نباشید. تنها کاری که باید انجام دهید این است که روی یک دکمه کلیک کنید و وردپرس بقیه موارد را انجام خواهد داد.
برای شروع، به تنظیمات -> پیوندهای ثابت از منوی مدیریت وردپرس شما.
این شما را به رایج ترین صفحه تنظیمات هدایت می کند. در اینجا ساختار پیوند ثابتی که در حال حاضر از آن استفاده می کنید را مشاهده خواهید کرد.
وردپرس از چندین گزینه برای پیوندهای دائمی پشتیبانی می کند. می توانید با راهنمای ما مشورت کنید نحوه ایجاد پیوندهای دائمی سفارشی در وردپرس برای دستورالعمل های گام به گام در مورد نحوه سفارشی کردن آنها.
برای ایجاد مجدد پیوندهای دائمی خود، به سادگی به پایین صفحه بروید و روی " کلیک کنید ذخیره تغییرات '.
پس از چند لحظه، باید پیامی را مشاهده کنید که تأیید می کند وردپرس ساختار پیوند ثابت شما را به روز کرده است.
آنجا ! وردپرس پیوندهای دائمی شما را بازسازی کرده است.
برای اطمینان از اینکه کار می کند، به وب سایت خود بروید و روی چند لینک مختلف کلیک کنید.
آیا پس از بازسازی همچنان خطاهای پیوند ثابت را می بینید؟
اگر همچنان خطاهای 404 را دریافت می کنید، ممکن است لازم باشد کش مرورگر خود را پاک کنید. برای جزئیات بیشتر، راهنمای ما را ببینید چگونه کش وب سایت خود را پاک کنیم.
اگر با این کار مشکل حل نشد، قبل از شروع دیدن پیام های 404 به این فکر کنید که چه اتفاقی افتاده است. اگر به تازگی یک افزونه را نصب یا به روز کرده اید، ممکن است روی پیوندهای شما تأثیر گذاشته باشد. میتوانید این افزونه را غیرفعال کنید تا ببینید آیا خطای 404 برطرف میشود یا خیر.
اگر کار نکرد، میتوانید تمام افزونهها را غیرفعال کنید تا ببینید آیا پیوندهای خراب شما برطرف میشود یا خیر.
این یک قدم جدی است، بنابراین ایده خوبی است ابتدا سایت خود را در حالت نگهداری قرار دهید. این کار باعث می شود تا بازدیدکنندگان در حین آزمایش پلاگین های خود در جریان قرار گیرند و نسبت به دیدن یک وب سایت شکسته جلوه بهتری به شما می دهد.
اگر با غیرفعال کردن همه افزونههای خود مشکل را برطرف کنید، میدانید که حداقل یک افزونه بر URL شما تأثیر میگذارد. در این صورت، هر افزونه را مجدداً به صورت جداگانه فعال کنید، سپس تأثیر آن را روی پیوندهای شما آزمایش کنید.
هنگامی که خطای 404 دوباره ظاهر می شود، متوجه شده اید که افزونه باعث ایجاد مشکل شده است. سپس می توانید این افزونه را از وب سایت خود حذف کنید یا از توسعه دهنده کمک بخواهید.
نحوه ردیابی و اجتناب از پیوندهای دائمی شکسته در وردپرس
لینک های شکسته خبر بدی برای بازدیدکنندگان، تبدیل ها و رتبه بندی موتورهای جستجوی شما هستند. با گذشت زمان، URL های مرده می توانند بر مکان ظاهر شدن شما در رتبه بندی موتورهای جستجو تأثیر بگذارند. این به معنای ترافیک کمتر به وب سایت شما است.
با این همه خطر، باید به سرعت با پیوندهای شکسته مقابله کنید.
ساده ترین راه برای ردیابی و رفع لینک های خراب در وب سایت وردپرسی خود استفاده از افزونه وردپرس است همه در یک سئو (AIOSEO). بیش از 3 میلیون صاحب وب سایت از AIOSEO استفاده می کنند، از جمله ما اینجا در BlogPasCher.
AIOSEO یافتن لینک های شکسته و رفع آنها را با استفاده از مدیر تغییر مسیر قدرتمند خود با چند کلیک آسان می کند.
سایر منابع پیشنهادی
ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.
آنجا ! برای این آموزش تمام شد. امیدواریم این مقاله به شما کمک کند تا یاد بگیرید چگونه پیوندهای دائمی خود را در وردپرس بازسازی کنید.
با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.
اما ، در عین حال ، فراموش نکنید که ما را به حال خود رها کنید نظر و پیشنهادات در بخش اختصاصی
محرمانه بودن و کوکی ها: این سایت از کوکی ها استفاده می کند. با ادامه مرور این سایت ، شما با استفاده ما از آن موافقت می کنید.
برای کسب اطلاعات بیشتر ، از جمله نحوه کنترل کوکی ها ، به موارد زیر مراجعه کنید:
سیاست کوکی ها