Divi: نحوه نمایش گزیده مقاله در شناور

Divi: نحوه نمایش گزیده مقاله در شناور

آیا می خواهید بدانید چگونه گزیده های مقاله را در حالت شناور در Divi نمایش دهید؟

پیش‌نمایش قطعه‌های پست وبلاگ در حالت شناور می‌تواند راهی مؤثر برای حفظ یک طرح شبکه فشرده برای پست‌های وبلاگ شما بدون رها کردن کامل آن قطعه‌ها باشد. 

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

بنابراین در این آموزش، به شما نشان خواهیم داد که چگونه می توانید این قطعه پست وبلاگ را با استفاده از hover toggle effect در Divi ایجاد کنید. 

بیایید شروع کنیم!

بررسی

ابتدا، در اینجا یک نمای کلی از آنچه در این آموزش ایجاد خواهیم کرد، آورده شده است.

نمایش گزیده مقالات در مورد شناور در Divi

ایجاد طرح بندی ماژول وبلاگ

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

یک خط ایجاد کنید

برای شروع، یک ردیف از یک ستون را به بخش وارد کنید

عرض خط

سپس به تنظیمات خط بروید. سپس، در تب Style، در زیر Sizing، عرض ها را به صورت زیر تغییر دهید:

  • حداکثر عرض: 90%
  • حداکثر عرض: 1200 پیکسل
نمایش گزیده مقالات در مورد شناور در Divi

یک ماژول وبلاگ اضافه کنید

سپس، یک ماژول بلاگ را در ستون خطی که قبلا ایجاد شده است وارد کنید.

تنظیمات ماژول وبلاگ

سپس، به تنظیمات ماژول وبلاگ بروید، در تب محتوا، در قسمت عناصر، گزینه «نمایش دکمه ادامه مطلب» را روی «بله» تنظیم کنید.

اکنون به تب Style بروید، در قسمت Template، الگوی Grid را به عنوان طرح‌بندی وبلاگ انتخاب کنید.

در نهایت به تب Advanced رفته و کلاس CSS زیر را اضافه کنید: 

کلاس CSS: toggle-blog-excerpt

پس از آن، در مرحله بعد از این کلاس به عنوان انتخابگر برای کد CSS سفارشی خود استفاده خواهیم کرد.

CSS سفارشی را با ماژول Code اضافه کنید.

در این مرحله، پست های وبلاگ ما در یک شبکه قرار می گیرند و یک کلاس CSS سفارشی به منوی وبلاگ اضافه شده است. بنابراین ما از این انتخابگر کلاس CSS برای هدف قرار دادن این ماژول بلاگ و اضافه کردن یک افکت جابجایی هنگام نگه داشتن ماوس روی یک مقاله استفاده می کنیم.

برای افزودن CSS از ماژول Code استفاده می کنیم. برای انجام این کار، یک ماژول کد زیر ماژول وبلاگ اضافه کنید.

در مرحله بعد، CSS سفارشی زیر را که برای ایجاد افکت جابجایی قطعه مقاله در hover لازم است، قرار دهید. مهمتر از همه، مطمئن شوید که کد CSS را بین تگ های سبک لازم قرار دهید.

  1. @media all and (min-width981px) {
  2.   /* add transition for post content*/
  3.   .toggle-blog-excerpt .et_pb_post .post-content {
  4.     -webkit-transitionall 500ms !important;
  5.     transitionall 500ms !important;
  6.   }
  7.   /* keep post content visible in visual builder */
  8.   body.et-fb .toggle-blog-excerpt .et_pb_post .post-content {
  9.     visibility:visible;
  10.     opacity1;
  11.     max-height:none;
  12.   }
  13.   /* hide post content */
  14.   .toggle-blog-excerpt .et_pb_post .post-content {
  15.     visibilityhidden;
  16.     opacity0;
  17.     max-height:0px;
  18.   }
  19.   /* show post content when hovering over post item */
  20.   .toggle-blog-excerpt .et_pb_post:hover .post-content {
  21.     visibilityvisible;
  22.     opacity:1;
  23.     max-height500px;
  24.   }
  25.   /* set min-height for all post items */
  26.   .toggle-blog-excerpt .et_pb_post {
  27.     min-height400px
  28.   }
  29. }

نتیجه به دست آمده را تا اینجا ببینیم.

نتیجه

بیایید با سازنده Divi مقداری استایل اضافی به ماژول بلاگ اضافه کنیم

اکنون که CSS در جای خود قرار دارد تا به ما افکت جابجایی برای قطعه‌های پست وبلاگ ما بدهد، سپس می‌توانیم با استفاده از سازنده Divi، هر سبک دیگری را به ماژول وبلاگ اضافه کنیم.

برای این مثال، ما حداقل تنظیمات را در سبک انجام خواهیم داد، اما در مورد سبک خود نیز آزاد باشید.

سبک عنوان مقاله

  • عنوان کم نور: متن پررنگ
  • رنگ متن عنوان: #6D6A7E
  • اندازه متن عنوان: 20 پیکسل
  • ارتفاع خط عنوان: 1.3 میلی متر
نمایش گزیده مقالات در مورد شناور در Divi

سبک متن "ادامه مطلب"

  • بیشتر بخوانید Dim Light: Bold Text
  • بیشتر بخوانید سبک کپی: TT
  • رنگ متن بیشتر بخوانید: #6D6A7E
  • فاصله حروف بیشتر بخوانید: 1px
  • ارتفاع خط بیشتر بخوانید: 3.5em

نمایش صفحه بندی متن را تغییر دهید

  • نمایش صفحه بندی کم نور: متن پررنگ
  • رنگ متن نمایش صفحه بندی: #6D6A7E
  • فاصله حروف نمایش صفحه: 1 پیکسل
  • نمایش صفحه بندی سبک کپی: TT
نمایش گزیده مقالات در مورد شناور در Divi

حاشیه را بردارید

  • عرض حاشیه طرح بندی شبکه: 0 پیکسل

Hover Shadow Box Style

  • کادر سایه: به اسکرین شات مراجعه کنید
  • موقعیت شروع: 0px
  • قدرت تاری سایه جعبه: 38 پیکسل
  • رنگ قلم زیرنویس: rgba (109,106,126,0.25)

نتیجه نهایی

نتیجه

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

مهمترین چیز در این روش این است که می توانیم با استفاده از گزینه های یکپارچه Divi، استایل اضافی را به دلخواه به ماژول وبلاگ اضافه کنیم. علاوه بر این، به شما امکان می دهد عناصر پست را سفارشی کنید، از جمله افزودن افکت های شناور بیشتر. 

امیدواریم این کمک کند که وبلاگ وب سایت Divi شما در طراحی و عملکرد بیشتر تقویت شود. از تجربیات خود در نظرات به ما بگویید.

Divi: چگونه یک هدر سراسری با موضوع Builder ایجاد کنیم

Divi: چگونه یک هدر سراسری با موضوع Builder ایجاد کنیم

آیا نیاز به ایجاد یک سربرگ جهانی برای وب سایت خود با Divi دارید؟

یک هدر سراسری در همه جای وب سایت شما ظاهر می شود مگر اینکه سرصفحه متفاوتی را به یک صفحه یا پست اختصاص داده باشید.

بیایید شروع کنیم!

بررسی

در اینجا پیش نمایشی از هدر جهانی است که می خواهیم طراحی کنیم.

منوی اصلی خود را پیکربندی کنید

با ایجاد منوی خود در تنظیمات ظاهری سایت وردپرس خود شروع کنید.

به گزینه Theme Builder در زیر Divi دسترسی پیدا کنید

در گزینه های Divi theme، روی Theme Builder کلیک کنید. پس از آن، متوجه یک الگوی وب سایت پیش فرض خواهید شد.

اضافه کردن و ایجاد یک سربرگ جهانی

قالب پیش‌فرض وب‌سایت جایی است که می‌توانید شروع به ایجاد هدر جهانی، بدنه جهانی و پاورقی جهانی کنید. روی «افزودن سربرگ جهانی» کلیک کنید و با کلیک روی «ساخت سربرگ جهانی» ادامه دهید تا فرآیند شروع شود.

تنظیمات بخش

اندازه

تنظیمات بخش را که در صفحه پیدا خواهید کرد باز کنید، در تب Style، ابعاد را در اندازه های مختلف صفحه تغییر دهید.

  • حداکثر عرض: 100%
  • حداکثر عرض: 1280 پیکسل (برای رایانه شخصی و تبلت)، 100٪ (برای موبایل)

فاصله

تمام حاشیه های داخلی بالا و پایین را بردارید

  • راس حاشیه داخلی: 0 پیکسل
  • حاشیه داخلی پایین: 0 پیکسل

مرز

حالا یک شعاع حاشیه به گوشه سمت چپ و راست پایین قسمت اضافه کنید.

  • پایین سمت چپ: 50 پیکسل
  • پایین سمت راست: 50 پیکسل

جعبه سایه

بیایید یک سایه جعبه ظریف نیز اضافه کنیم.

  • قدرت تاری سایه جعبه: 60 پیکسل
  • رنگ فونت زیرنویس: rgba(0,0,0,0.13)

دید

  • سرریز افقی: قابل مشاهده است
  • سرریز عمودی: قابل مشاهده است

یک خط جدید به سربرگ اختصاص دهید

اکنون که تنظیمات بخش عمومی را تکمیل کردیم، می‌توانیم شروع به اضافه کردن ردیف‌ها کنیم. در مجموع به دو خط نیاز داریم. یکی که به هدر اختصاص دارد و دیگری که امکان نمایش آیتم های منو را فراهم می کند. با اضافه کردن یک سطر جدید با استفاده از ساختار ستون زیر با هدر شروع می کنیم:

تنظیمات خط

تنظیمات پس زمینه

بدون افزودن ماژول به خط، تنظیمات خط را باز کنید و رنگ پس زمینه را تغییر دهید.

  • پس زمینه: #38383F

اندازه

سپس پارامترهای اندازه خط را تغییر دهید.

  • از عرض ناودان سفارشی استفاده کنید: بله
  • فاصله ستون ها: 1
  • حداکثر عرض: 100%
  • حداکثر عرض: 100%

مشاهده

حالا بیایید با افزودن این خط کد CSS به عنصر ردیف اصلی، مطمئن شویم که ستون‌ها در صفحه‌های کوچک‌تر در کنار یکدیگر ظاهر می‌شوند.

01 display: flex;

ماژول تصویر را در ستون 1 اضافه کنید

لوگو را دانلود کنید

هنگامی که تنظیمات ردیف را تکمیل کردید، زمان شروع به اضافه کردن ماژول ها است. یک ماژول تصویر را به ستون 1 اضافه کنید و لوگوی خود را آپلود کنید.

هم ترازی

به تب Style بروید و تصویر را در سمت چپ تراز کنید.

اندازه

همچنین عرض ماژول را تغییر دهید.

فاصله

همچنین مقادیر حاشیه سفارشی را اضافه کنید.

یک هدر سراسری با موضوع Divi Builder ایجاد کنید

ماژول ردیابی رسانه های اجتماعی را در ستون 2 اضافه کنید

شبکه های اجتماعی را اضافه کنید

به ستون دوم برویم. در آنجا به یک ماژول ردیابی رسانه های اجتماعی نیاز داریم. شبکه های اجتماعی مورد نظر خود را اضافه کنید. شما می توانید به تعداد دلخواه رسانه اجتماعی اضافه کنید.

یک هدر سراسری با موضوع Divi Builder ایجاد کنید

رنگ پس زمینه شبکه اجتماعی

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

  • رنگ پس زمینه: rgba (0,0,0,0)
یک هدر سراسری با موضوع Divi Builder ایجاد کنید

هم ترازی

به تنظیمات معمولی ماژول برگردید و سپس تراز کامل ماژول را تغییر دهید.

تصویر

تنظیمات آیکون را نیز تغییر دهید.

  • رنگ نماد: #FFFFFF
  • استفاده از اندازه نماد سفارشی: بله
  • اندازه فونت نماد: 16 پیکسل (کامپیوتر و تبلت)، 12 پیکسل (تلفن)

فاصله

یک حاشیه بالا اضافه کنید.

ماژول Button را در ستون 3 اضافه کنید

به ستون سوم بروید و یک ماژول Button حاوی متن دلخواه خود اضافه کنید.

هم ترازی

تراز دکمه ها را در تب Style تغییر دهید.

تنظیمات دکمه

تنظیمات دکمه را به صورت زیر سفارشی کنید:

  • استفاده از سبک های سفارشی برای دکمه: بله
  • اندازه متن دکمه: 12 پیکسل (رومیزی)، 10 پیکسل (تبلت)، 8 پیکسل (تلفن)
  • رنگ متن دکمه: #ffffff
  • دکمه پس زمینه: #ffae25
  • پهنای حاشیه دکمه: 0 پیکسل
  • دکمه Border Radius: 0 پیکسل
  • فاصله حروف دکمه ها: 5 پیکسل (رومیزی)، 3 پیکسل (تبلت و تلفن)
  • دکمه فونت: هیچکدام را باز کنید
  • دکمه Soft Light: متن پررنگ
  • سبک دکمه کپی: TT

فاصله

سفارشی کردن مقادیر حاشیه

یک خط جدید به نوار منو اختصاص دهید

هنگامی که خط اختصاص داده شده به سربرگ جهانی را پر کردید، می توانید خط دیگری را درست در زیر اضافه کنید.

تنظیمات خط

اندازه

بدون افزودن ماژول، تنظیمات خط را باز کنید و تنظیمات اندازه را در تب Style تغییر دهید.

فاصله

سپس تمام حاشیه های پایین و بالا را بردارید.

یک ماژول منو به ستون اضافه کنید

منو را انتخاب کنید

بعد، یک ماژول Menu را به ستون اضافه کنید و منویی را که در قسمت اول این آموزش ایجاد کردید انتخاب کنید.

وضع

به تب Style بروید و تنظیمات طرح بندی را به صورت زیر تغییر دهید:

اتصالات

همچنین رنگ لینک فعال را در تب Style تغییر دهید.

  • رنگ پیوند فعال: #ffae25
یک هدر سراسری با موضوع Divi Builder ایجاد کنید

منوی کشویی

همین کار را برای رنگ خط منوی کشویی در تنظیمات منوی کشویی انجام دهید.

  • رنگ ردیف کشویی: #ffae25

تصویر

  • رنگ نماد منوی همبرگر: #ffae25

متن منو

با تنظیمات متن منو.

  • فونت منو: Prata
  • رنگ متن منو: #000000

کاری کنید که هدر و نوار منو در بالا باقی بماند

تنظیمات بخش را باز کنید

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

CSS سفارشی را به عنصر اصلی اضافه کنید

در ادامه به تب advanced رفته و چند خط کد CSS را به عنصر اصلی قسمت اضافه می کنیم.

01 position: fixed;

02 top: 0;

03 left: 0;

04 right: 0;

گزینه های هدر جهانی و سازنده تم را ذخیره کنید

پس از تکمیل کل طراحی هدر سراسری، قبل از خروج از طرح بندی قالب، حتما طرح را ذخیره کنید. هنگامی که از طرح بندی قالب خارج شدید، کل تغییرات سازنده تم خود را ذخیره کنید و کارتان تمام شد!

بررسی

اکنون که تمام مراحل را طی کردیم، اجازه دهید آخرین نگاهی به نتیجه داشته باشیم.

یک هدر سراسری با موضوع Divi Builder ایجاد کنید

نتیجه

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

امیدواریم در شخصی سازی وب سایت خود با تم ساز به شما کمک کند.

اگر سوال یا پیشنهادی دارید، لطفاً در قسمت نظرات با ما در میان بگذارید بخش نظرات CI-dessous.

...

Elementor: نحوه تغییر تصویر با کلیک یک دکمه

Elementor: نحوه تغییر تصویر با کلیک یک دکمه

آیا می خواهید تصویر را با کلیک یک دکمه با Elementor Page Builder تغییر دهید؟ در این آموزش جدید، نحوه انجام آن را به شما نشان خواهیم داد.

اگر نمی دانید امروز در مورد چه چیزی می خواهیم صحبت کنیم، از شما دعوت می کنیم ویدیوی زیر را تماشا کنید:

سپس برگردیم به اینکه چرا ما اینجا هستیم.

دفعات بازدید: نحوه تغییر تصویر در حالت شناور روی متن با Elementor

برای تکمیل این آموزش، شما نیاز دارید نسخه حرفه ای المنتور، زیرا ما از کد CSS سفارشی استفاده خواهیم کرد که فقط توسط این نسخه از Elementor پشتیبانی می شود.

بیایید یک بخش با 2 ستون ایجاد کنیم، سپس در پانل کناری، بیایید آن را تعریف کنیم ارتفاع سور حداقل ارتفاع، و سپس حداقل ارتفاع بیایید کلیک کنیم VH و نوار لغزنده را روی 100.

بیایید ویجت Image را به ستون سمت چپ بکشیم و تصویری را از کتابخانه خود درج کنیم.

تصویر را با کلیک یک دکمه با صفحه ساز Elementor تغییر دهید

در ستون سمت راست، a را وارد می کنیم ویجت عنوان با عنوان انتخاب بهترین ها. در برگه سبک بیایید کلیک کنیم فن چاپ و اصلاح کنید ارتفاع خط در 1.

همچنین مشاهده کنید: چگونه یک تصویر را تغییر دهیمبا Elementor روی متن حرکت کنید

بیایید در زیر ویجت عنوان، a ویجت ویرایشگر متن.

در بالای ویجت عنوان، بیایید یک ویجت جداکننده را در برگه محتوای آن قرار دهیم، تایپ کنید 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 قطعه کد زیر را کپی و جایگذاری کنید:

.all-images{
    display: none;
}
#red-image{
    display: block;
}

(اگر این بخش را ندارید، نسخه Pro را ندارید، اگر می خواهید ادامه دهید باید نسخه خود را ارتقا دهید)

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

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var $ = jQuery
$(document).ready(function(){
    $('[data-showme]').on('click', function(){
        var showme = $(this).attr('data-showme')
        
        $('.all-images').hide()
        $('#' + showme).show()
    })
})
</script>

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

data-showme|IMAGE-ID-NAME

بیایید قسمت IMAGE-ID-NAME را با شناسه دکمه های شما تغییر دهیم، این شناسه های تصویر قرمز، تصویر سبز و تصویر آبی و غیره هستند.

بنابراین برای هر دکمه، اجازه دهید کد IMAGE-ID-NAME را به رنگ دکمه مناسب تغییر دهیم

کار خود را به‌روزرسانی کنید و در حالت دسک‌تاپ، تبلت و گوشی هوشمند، هنگام تست دکمه‌های خود، پیش‌نمایش آن را مشاهده کنید.

در حالت تلفن هوشمند، به عنوان مثال، می توانید دکمه ها را در مرکز تراز کنید، حاشیه ها را کاهش دهید و موارد دیگر.

در اینجا می روید، این کار را به راحتی انجام داده اید.

اکنون Elementor Pro را دریافت کنید!

نتیجه

ایناهاش ! این برای این مقاله است که به شما نشان می دهد چگونه یک تصویر را در حالت شناور روی یک متن تغییر دهید. اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، به ما اطلاع دهید نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...

10 افزونه فرم تماس وردپرس برای یک وب سایت

10 افزونه فرم تماس وردپرس برای یک وب سایت

شما به دنبال بهترین افزونه های فرم تماس وردپرس؟

مهم نیست که باشد فرم تماس, اشتراک، ابونمان, نظم یا یک مسابقه ، تا زمانی که این فرم زیبا باشد ، همیشه به وب سایت یا وبلاگ شما نگاه حرفه ای می بخشد. فرم تماس یک روش عالی برای این است که خوانندگان خود را قادر می سازند بدون نشان دادن آدرس ایمیل خود با شما تماس بگیرند.

در حالی که بیشتر مضامین وردپرس هستند با ارائه فرم های تماس یکپارچه ، اغلب ترجیح می دهید فرم شخصی خود را با یک افزونه تخصصی ایجاد کنید. این روش به شما امکان می دهد ظاهر مورد نظر خود را به وب سایت خود سفارشی کنید ، اضافه کردن زمینه های اضافی به طور خلاصه ، به شما این امکان را می دهد که کنترل کامل بر فرم های خود داشته باشید.

بسیاری از افزونه های برتر وردپرس در این زمینه وجود دارند که طیف وسیعی از ویژگی های مختلف را ارائه می دهند. انتخاب باید متناسب با نیاز شما انجام شود. اما برای کمک به شما در یافتن سریع مروارید نادر خود ، در اینجا برای شما مناسب است بهترین افزونه های برتر وردپرس، مناسب برای ایجاد یک فرم تماس حرفه ای در وب سایت یا وبلاگ خود.

اما قبل از آن ، اگر هرگز WordPress را نصب نکرده اید کشف کنید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

سپس به این دلیل که چرا ما اینجا هستیم

1. WPForms

WPForms مبتدی ترین افزونه فرم تماس وردپرس است. این با یک هدف ساخته شده است: ایجاد یک افزونه فرم های وردپرس در یک زمان. آسان و قدرتمند. فرم ساز بصری آن را به کاربرپسندترین افزونه فرم برای وردپرس تبدیل می کند.

به صورت رایگان در فهرست پلاگین رسمی وردپرس موجود است، به این معنی که می توانید آن را به صورت رایگان در هر تعداد وب سایت که بخواهید نصب کنید. این نسخه با تمام عملکردهای اولیه فرم تماس، از جمله فیلدهای اصلی فرم، کپچا برای محافظت از هرزنامه، اعلان های ایمیل، و صفحه تشکر برای تأیید فرم ارائه می شود.

نسخه پریمیوم به شما امکان می دهد عملکرد را گسترش دهید، به طوری که می توانید هر نوع فرمی مانند فرم های چند صفحه ای، فرم های اشتراک ایمیل، فرم های پرداخت، فرم های سفارش و غیره را ایجاد کنید.

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

دانلود | نسخه ی نمایشی | میزبانی وب

2. نینجا کیک

Ninja Kick یک افزونه برتر تماس با وردپرس است که به بازدید کنندگان شما امکان می دهد فوراً فرم تماس را بدون انتظار برای بارگذاری صفحه مخاطب مشاهده کنند.

افزونه های فرم تماس با وردپرس - افزونه فرم تماس با وردپرس

این افزونه وردپرس دارای 3 تم عالی ، نوار اختصاصی برای به اشتراک گذاری در شبکه های اجتماعی ، ادغام آن است نام Mailchimp و سفارشی سازی گسترده ای از ظاهر آن او استفاده می کند انتقال CSS مدرن، به چیدمانی که به تغییرات اندازه صفحه واکنش نشان می دهد و در دستگاه های تلفن همراه به خوبی کار می کند و کاملاً لمس شده پاسخ می دهد.

بنابراین ، اگر به دنبال یک راه حل جهانی وردپرس هستید یک صفحه کشویی با جلوه های زیبا ایجاد کنید از نگاهی به این افزونه وردپرس دریغ نکنید.

دانلود | نسخه ی نمایشی | میزبانی وب

3. نرم افزار پنجره ی صاف

Slick Popup Pro یک افزونه وردپرس بسیار ساده و سبک است که هر فرم ایجاد شده توسط این پلاگین را تبدیل می کند فرم تماس با 7 در یک پنجره او از فرم استفاده می کند و آن را به یک ظاهر زیبا و کاملا پاسخگو تبدیل می کند.

بهترین افزونه های وردپرس - افزونه popup وردپرس slick popup pro plugin wordpress

فرم بازشو می تواند چندین کاربرد داشته باشد از جمله: فرم جمع آوری اطلاعات، فرم تماس ، فرم ثبت نام، فرم نقل قول ، فرم پیشنهادی / شکایت و دیگران.

دانلود | نسخه ی نمایشی | میزبانی وب

4. فرم تماس W8

W8 Contact Form یکی از محبوب ترین افزونه های فرم تماس با حق بیمه در وردپرس است. 

فرم تماس W8 افزونه وردپرس فرم تماس با وردپرس

این ویژگی های زیادی مانند ارسال به چندین گیرنده ، پشتیبانی انیمیشن ، ایجاد نامحدود فرم ها، سبک های مختلف ، و طیف گسترده ای از گزینه های سفارشی سازی اضافی.

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

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

دانلود | نسخه ی نمایشی | میزبانی وب

5. شگفت انگیز تشکیل می دهد

Formidable Forms پیشرفته ترین افزونه فرم وردپرس در بازار است. آنها در کمک به توسعه دهندگان در ساخت سریع راه حل های پیچیده فرم محور تخصص دارند. Formidable Forms یک فرم ساز همه کاره وردپرس است که با پسوندهای قدرتمند ارائه می شود تا به شما کمک کند فراتر از فرم های تماس ساده بروید.

می توانید از رابط کشیدن و رها کردن آن برای ایجاد فرم های پیشرفته مانند آزمون ها، نظرسنجی ها، فرم های پرداخت، فرم های ثبت نام، فرم های نمایه و غیره استفاده کنید. کاربران پیشرفته واقعاً ویژگی Formidable Views را دوست خواهند داشت زیرا به شما امکان می دهد داده های ارسالی کاربر را در قسمت جلویی وب سایت خود قالب بندی، فیلتر و نمایش دهید.

شما می توانید از آن برای ایجاد راه حل های مبتنی بر فرم مانند دایرکتوری ها، لیست های وب سایت شغلی، تقویم رویدادها، سیستم های مدیریتی، سیستم های رتبه بندی و غیره. همچنین می توانید از فیلدهای محاسباتی پیشرفته Formidable Forms برای ایجاد فرم های سفارش قدرتمند و همچنین ماشین حساب های هوشمند مانند ماشین حساب وام مسکن، ماشین حساب پرداخت ماشین، درخواست ماشین حساب مظنه و غیره استفاده کنید.

دانلود | نسخه ی نمایشی | میزبانی وب

6. اشکال جاذبه

بدون شک ، پلاگین Premium Gravity Forms WordPress یکی از این موارد است پلاگین ها له محبوب ترین در این لیست. هفته گذشته ، داده های Datanyze نشان داد که چنین است مورد استفاده در 53٪ از بهترین وب سایتهای طبقه بندی شده توسط Alexa با استفاده از فرم های میزبانی شده.

جاذبه بهترین فرم وردپرس را می سازد

GravityForms به شما امکان می دهد با استفاده از یک ویرایشگر تصویری بصری ، فرم های خود را طراحی و ایجاد کنید. ویژگی های اصلی آن عبارتند از: ایجاد آسان و شهودی از فرم تماس،عملکرد مسابقه ، ایجاد نظرسنجی ، ایجادOrmals نقل قول، کنترل تشنج ، پشتیبانی ازهامپ های استاندارد و پیشرفته و موارد دیگر.

همچنین ببینید افزونه 10 WordPress برای ایجاد فرم ورود به سیستم

قیمت ها از یک 39 دلار در سال برای مجوز شخصی و پشتیبانی مشتری شروع می شود. همچنین دارای افزونه های زیادی است (پسوند) موجود است که به شما امکان می دهد فرم های جاذبه را در یکپارچه کنید MailChimp، پی پال و سایر خدمات.

دانلود | نسخه ی نمایشی | میزبانی وب

7. فرم تماس با 7

اگر افزونه GravityForms محبوب ترین افزونه فرم حق بیمه WordPress است ، ContactForm 7 احتمالاً محبوب ترین افزونه رایگان با بیش از میلیون ها بار دانلود 5 است

فرم تماس با فرم 7 وردپرس پلاگین blogpascher

ContactForm 7 قابل استفاده است. این می تواند فرم های تماس چندگانه را کنترل کند ، و می توانید فرم ها را با HTML سفارشی کنید. این افزونه همچنین پشتیبانی می کند اعتبار AJAX, CAPTCHA et فیلتر کردن اسپم با Akismet.

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

دانلود | نسخه ی نمایشی | میزبانی وب

8. فرم نینجا

افزونه محبوب دیگر افزونه WordPress premium Ninja Forms است. این رابط کاربری با کشیدن و رها کردن آسان است و به شما امکان می دهد فرم های تماس ، فرم های ضبط ایمیل یا هر شکل دیگری که نیاز دارید ایجاد کنید.

پلاگین فرم نویسه نینجا blogpacher wordpress

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

مقاله ما را نیز بخوانید نحوه اضافه کردن قطعه کد با استفاده از گوتنبرگ در وردپرس

حتی اگر این افزونه وردپرس رایگان است ، بدانید که برای پرداخت برخی از برنامه های افزودنی باید هزینه پرداخت کنید (چند وجود دارد).

دانلود | نسخه ی نمایشی | میزبانی وب

9. FormCraft

FormCraft یک افزونه ساده و شهودی وردپرس به لطف رابط کشیدن و رها کردن آن است که به شما امکان می دهد بدون نوشتن کد ، فرم های پیچیده و پاسخگو ایجاد کنید.

قالب ساز قالب وردپرس Premcraft

این افزونه پشتیبانی p را ارائه می دهدزمینه های ویژه 20 را بخوانید ، tسه نوع نمایش فرم (پاپ آپ ، موبایل و ثابت)، توn فرم تجزیه و تحلیل ، چند گزینه های سبک ، پشتیبانی از فرمول های ریاضی ، پشتیبانی از منطق شرطی ، ادغام یکپارچه با سایر افزونه های وردپرس ، وجود الگوهای بسیار زیاد و موارد دیگر.

کشف ما افزونه های Premium 5 WordPress برای افزایش تعداد مشترکین شما

این افزونه وردپرس با 36 دلار گران نیست ، اما اگر به دنبال یک افزونه قدرتمند ، انعطاف پذیر و قابل تنظیم برای ایجاد فرم تماس زیبا هستید ، قطعاً ارزش آن را دارد.

دانلود | نسخه ی نمایشی | میزبانی وب

10. فرم تماس با ما

Contact Us Form یک افزونه وردپرس پاسخگوی برتر و ابزاری ساده اما غنی از گزینه های سفارشی سازی است که به شما امکان می دهد یک فرم شفاف و دلگرم کننده نمایش دهید ، بازدید کنندگان می توانند با گذاشتن پیام خود با آن تماس بگیرند.

فرم تماس - فرم تماس وردپرس پلاگین فرم تماس وردپرس

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

کشف ما فرم تماس با وردپرس 10 افزونه های 7 را احتمالاً نادیده می گیرید

کافیست آدرس ایمیل را در جایی تنظیم کنید که می خواهید پیام ها را دریافت کنید و از آن استفاده کنید تا بتوانید تجارت خود را در سود آورترین مسیر رشد دهید.

دانلود | نسخه ی نمایشی | میزبانی وب

سایر منابع پیشنهادی

درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.

نتیجه

وولا! این برای این لیست است از بهترین افزونه های برتر وردپرس ایجاد فرم تماس با ما اگر در این زمینه نگرانی یا پیشنهادی دارید ، بیایید در این بخش بیابید نظر برای بحث در مورد

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید ... 

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

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

آیا می خواهید یاد بگیرید که چگونه گوتنبرگ را غیرفعال کنید و ویرایشگر کلاسیک را در وردپرس نگه دارید. یا حتی از یک ناشر به ناشر دیگر تغییر دهید؟

گوتنبرگ ویرایشگر بلوک پیش فرض در وردپرس است که جایگزین ویرایشگر کلاسیک وردپرس شده است. بسیاری از کاربران سازگاری با آن را دشوار می دانند و ترجیح می دهند ویرایشگر کلاسیک را حفظ کنند.

در این مقاله به شما نشان خواهیم داد که چگونه به راحتی گوتنبرگ را غیرفعال کنید و ویرایشگر کلاسیک را در وردپرس نگه دارید.

گوتنبرگ چیست؟

گوتنبرگ نام توسعه ویرایشگر بلاک در وردپرس است. ویرایشگر بلاک با هدف مدرن کردن تجربه نوشتن وردپرس ایجاد شده است.

ویرایشگر بلاک وردپرس با تم پیش فرض بیست و بیست و دو

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

از زمان انتشار وردپرس 5.0، ویرایشگر بلاک اکنون ویرایشگر پیش فرض وردپرس است.

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

بسیاری از کاربران وردپرس برای سال‌ها با ویرایشگر کلاسیک راحت‌تر هستند.

همچنین از آنجایی که ویرایشگر بلاک نسبتا جدید است، برخی از افزونه ها هنوز با آن سازگار نیستند.

خوشبختانه، یک پلاگین تیم هسته وردپرس وجود دارد که به شما امکان می دهد از ویرایشگر کلاسیک حتی در وردپرس 5.0 یا بالاتر استفاده کنید.

بیایید ببینیم چگونه به راحتی گوتنبرگ را غیرفعال کنیم و به استفاده از ویرایشگر کلاسیک وردپرس ادامه دهیم.

روش 1. گوتنبرگ را با افزونه ویرایشگر کلاسیک غیرفعال کنید

برای این روش، ما از افزونه ویرایشگر کلاسیک استفاده خواهیم کرد که توسط مشارکت کنندگان برتر وردپرس توسعه و نگهداری می شود.

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

این افزونه پس از نصب کار می کند و پس از فعال سازی ویرایشگر گوتنبرگ آن را غیرفعال می کند.

این افزونه همچنین به شما این امکان را می دهد که گوتنبرگ و ویرایشگر کلاسیک را همزمان نگه دارید. می توانید آن را در تنظیمات افزونه پیکربندی کنید.

فقط به صفحه بروید تنظیمات -> نوشتن در قسمت مدیریت وردپرس شما. گزینه انجام این کار را در قسمت «تنظیمات ویرایشگر کلاسیک» خواهید دید.

تنظیمات ویرایشگر کلاسیک

فراموش نکنید که روی دکمه کلیک کنید ذخیره تغییرات برای ذخیره تنظیمات خود

وقتی در ویرایشگر گوتنبرگ هستید، اکنون می‌توانید یک متاباکس جدید داشته باشید که شما را به تغییر به ویرایشگر کلاسیک سوق می‌دهد.

به ویرایشگر کلاسیک بروید

همچنین می توانید مقالات قدیمی را با استفاده از ویرایشگر کلاسیک ویرایش کنید. فقط به صفحه بروید پست ها -> همه پست ها و پیوند "ویرایش (کلاسیک)" را در زیر پست ها مشاهده خواهید کرد.

ویرایش کلاسیک

روش 2. از ویرایشگر کلاسیک با غیرفعال بودن افزونه گوتنبرگ استفاده کنید

اگر می خواهید گوتنبرگ را برای برخی غیرفعال کنید نقش های کاربر و انواع پست، این روش به شما در انجام آن کمک می کند.

اول از همه ، باید افزونه را نصب و فعال کنید گوتنبرگ را غیرفعال کنید. برای اطلاعات بیشتر ، راهنمای مرحله به مرحله ما را ببینید چگونه یک پلاگین وردپرس نصب کنیم.

پس از فعال سازی، باید به صفحه مراجعه کنید تنظیمات -> گوتنبرگ را غیرفعال کنید برای پیکربندی تنظیمات افزونه.

تنظیمات گوتنبرگ را غیرفعال کنید

به طور پیش فرض، این افزونه گوتنبرگ را در همه جا برای همه کاربران وب سایت شما غیرفعال می کند. با این حال، اگر می‌خواهید آن را به نقش‌های کاربری خاص و انواع پست‌ها محدود کنید، باید علامت « را بردارید. کاملا غیر فعال کنید '.

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

به طور انتخابی گوتنبرگ را غیرفعال کنید

اگر از افزونه وردپرسی استفاده می کنید که با گوتنبرگ سازگار نیست، اما می خواهید از گوتنبرگ برای سایر قسمت های وب سایت خود استفاده کنید، این گزینه مفید است.

وردپرس محبوب ترین سازنده وب سایت در جهان است که بیش از 43 درصد از وب سایت های موجود در اینترنت را تامین می کند.

این دارای هزاران پلاگین و تم است و به انواع وب سایت ها، از فروشگاه های تجارت الکترونیک گرفته تا انجمن های عضویت، قدرت می دهد.

بسیاری از این افزونه ها اکنون با ویرایشگر بلوک سازگار هستند. به عنوان مثال، WPForms شامل یک بلوک فرم تماس سفارشی است تا شما به راحتی می توانید فرم های خود را در هر پست یا صفحه ای درج کنید با ویرایشگر بلوک

با این حال، بسیاری از ابزارهای شخص ثالث هنوز به شدت به ویرایشگر کلاسیک وردپرس متکی هستند و ممکن است کاملاً با ویرایشگر بلوک سازگار نباشند.

اگر چنین است، این تنظیمات می تواند برای شما بسیار مفید باشد.

فراموش نکنید که روی دکمه کلیک کنید ذخیره تغییرات برای ذخیره تنظیمات خود

سایر منابع پیشنهادی

ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.

نتیجه

بنابراین ! برای این مقاله تمام شد. امیدواریم این مقاله به شما کمک کرده باشد که گوتنبرگ را غیرفعال کنید و ویرایشگر کلاسیک را در وردپرس نگه دارید.

با این حال می توانید با ما نیز مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اگر داشته باشید نظر لطفاً در بخش رزرو شده به ما اطلاع دهید. ما به شدت از شما دعوت می کنیم در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید.   

...   

چگونه پیوندهای دائمی خود را در وردپرس بازسازی کنیم

چگونه پیوندهای دائمی خود را در وردپرس بازسازی کنیم

آیا باید پیوندهای دائمی وردپرس خود را بازسازی کنید؟ در این آموزش وردپرس بدانید

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

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

چرا باید پیوندهای دائمی را در وردپرس بازسازی کنم؟

در اکثر مواقع، URL های سایت وردپرس شما دائمی هستند و هیچ مشکلی ایجاد نمی کنند. آنها فقط کار می کنند.

با این حال، گاهی اوقات می توانید روی یک پیوند کلیک کنید و یک را دریافت کنید erreur 404. حتی ممکن است هنگام تلاش برای دسترسی به کل وب سایت وردپرس خود با خطای 404 مواجه شوید.

این گاهی اوقات بعد از آن اتفاق می افتد انتقال سایت وردپرس خود به هاست یا سرور جدید. این ممکن است پس از نصب یک افزونه جدید وردپرس نیز رخ دهد. در واقع، برخی از افزونه های وردپرس، آن را تغییر می دهند fفایل htaccess وب سایت شما بدون اطلاع شما این می تواند سایت شما را از طرق مختلفی تحت تاثیر قرار دهد، از جمله آسیب رساندن به URL های شما.

Remarque: برای این آموزش باید بتوانید وارد داشبورد وردپرس شوید.

اغلب، بازسازی پیوندهای دائمی شما می تواند راه حلی سریع و آسان برای این مسائل باشد. بیایید ببینیم چگونه این کار را انجام دهیم.

چگونه پیوندهای دائمی خود را در وردپرس بازسازی کنیم

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

برای شروع، به تنظیمات -> پیوندهای ثابت از منوی مدیریت وردپرس شما.

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

وردپرس از چندین گزینه برای پیوندهای دائمی پشتیبانی می کند. می توانید با راهنمای ما مشورت کنید نحوه ایجاد پیوندهای دائمی سفارشی در وردپرس برای دستورالعمل های گام به گام در مورد نحوه سفارشی کردن آنها.

برای ایجاد مجدد پیوندهای دائمی خود، به سادگی به پایین صفحه بروید و روی " کلیک کنید ذخیره تغییرات '.

پس از چند لحظه، باید پیامی را مشاهده کنید که تأیید می کند وردپرس ساختار پیوند ثابت شما را به روز کرده است.

آنجا ! وردپرس پیوندهای دائمی شما را بازسازی کرده است.

برای اطمینان از اینکه کار می کند، به وب سایت خود بروید و روی چند لینک مختلف کلیک کنید.

آیا پس از بازسازی همچنان خطاهای پیوند ثابت را می بینید؟

اگر همچنان خطاهای 404 را دریافت می کنید، ممکن است لازم باشد کش مرورگر خود را پاک کنید. برای جزئیات بیشتر، راهنمای ما را ببینید چگونه کش وب سایت خود را پاک کنیم.

اگر با این کار مشکل حل نشد، قبل از شروع دیدن پیام های 404 به این فکر کنید که چه اتفاقی افتاده است. اگر به تازگی یک افزونه را نصب یا به روز کرده اید، ممکن است روی پیوندهای شما تأثیر گذاشته باشد. می‌توانید این افزونه را غیرفعال کنید تا ببینید آیا خطای 404 برطرف می‌شود یا خیر.

اگر کار نکرد، می‌توانید تمام افزونه‌ها را غیرفعال کنید تا ببینید آیا پیوندهای خراب شما برطرف می‌شود یا خیر.

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

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

هنگامی که خطای 404 دوباره ظاهر می شود، متوجه شده اید که افزونه باعث ایجاد مشکل شده است. سپس می توانید این افزونه را از وب سایت خود حذف کنید یا از توسعه دهنده کمک بخواهید.

اکنون وب سایت شما باید بدون خطا باشد و به درستی کار کند. در غیر این صورت، لیست ما را ببینید رایج ترین خطاهای وردپرس و چگونگی رفع آنها.

نحوه ردیابی و اجتناب از پیوندهای دائمی شکسته در وردپرس

لینک های شکسته خبر بدی برای بازدیدکنندگان، تبدیل ها و رتبه بندی موتورهای جستجوی شما هستند. با گذشت زمان، URL های مرده می توانند بر مکان ظاهر شدن شما در رتبه بندی موتورهای جستجو تأثیر بگذارند. این به معنای ترافیک کمتر به وب سایت شما است.

با این همه خطر، باید به سرعت با پیوندهای شکسته مقابله کنید.

ساده ترین راه برای ردیابی و رفع لینک های خراب در وب سایت وردپرسی خود استفاده از افزونه وردپرس است همه در یک سئو (AIOSEO). بیش از 3 میلیون صاحب وب سایت از AIOSEO استفاده می کنند، از جمله ما اینجا در BlogPasCher.

آموزش وردپرس - پیوندهای دائمی خود را بازسازی کنید

AIOSEO یافتن لینک های شکسته و رفع آنها را با استفاده از مدیر تغییر مسیر قدرتمند خود با چند کلیک آسان می کند.

سایر منابع پیشنهادی

ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.

نتیجه

آنجا ! برای این آموزش تمام شد. امیدواریم این مقاله به شما کمک کند تا یاد بگیرید چگونه پیوندهای دائمی خود را در وردپرس بازسازی کنید.

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.

اما ، در عین حال ، فراموش نکنید که ما را به حال خود رها کنید نظر و پیشنهادات در بخش اختصاصی

...