یک صفحه را انتخاب کنید
Elementor: چگونه reCAPTCHA را به فرم خود اضافه کنید

Elementor: چگونه reCAPTCHA را به فرم خود اضافه کنید

[vc_row content_plaction = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! مهم؛}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin مهم! مرز-پایین-عرض: 0px! مهم ؛ پر کردن-پایین: 0px! مهم ؛} "] [vc_column_text]

Divi: ساده ترین قالب وردپرس برای استفاده

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

می خواهید reCAPTCHA را به فرم Elementor خود اضافه کنید؟

یکی از مواردی که هنگام ایجاد فرم در وب سایت خود باید با آن روبرو شوید ربات است. خوشبختانه تیم Elementor به این موضوع پی برد. هنگامی که با Elementor در وب سایت وردپرس خود فرم ایجاد می کنید ، می توانید reCAPTCHA را اضافه کنید تا فرم شما در برابر ربات ها محافظت شود.

نه ، نیازی به نصب افزونه اضافی نیست. Elementor در حال حاضر از ادغام با reCAPTCHA پشتیبانی می کند. تمام کاری که شما باید انجام دهید این است که وب سایت خود را به reCAPTCHA متصل کرده و یک قسمت reCAPTCHA را به فرم خود اضافه کنید.

اتصال وب سایت خود با reCAPTCHA

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

ابتدا ، از وب سایت reCAPTCHA و دکمه From را کلیک کنید کنسول مدیریت در گوشه بالا سمت راست با حساب Google خود وارد سیستم شوید.

برای ثبت یک وب سایت جدید روی دکمه plus کلیک کنید.

reCAPTCHA را به فرم Elementor خود اضافه کنید

برچسب را وارد کنید ، نوع reCAPTCHA را انتخاب کنید ، دامنه خود را اضافه کنید و همه reCAPTCHA را بپذیرید ، سپس روی دکمه کلیک کنید ارسال.

اندکی نصیحت از آنجا که می خواهید reCAPTCHA را به فرم اضافه کنید ، پیشنهاد می کنیم انتخاب کنید reCAPTCHA v2 -> کادر تأیید "من یک ربات نیستم" . این گزینه قبل از تأیید ارسال مقاله ، به بازدیدکنندگان شما نیاز دارد تا از طریق یک چالش تأیید را انجام دهند.

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

بعد ، وارد داشبورد وردپرس خود شوید و به آن بروید Elementor -> تنظیمات. روی کلیک کنید زبانه Integrations و کلیدهای سایت و کلید مخفی را در قسمت های مربوطه وارد کنید. به پایین بروید و روی دکمه کلیک کنید ذخیره تغییرات.

reCAPTCHA را به فرم Elementor خود اضافه کنید

reCAPTCHA را به فرم Elementor اضافه کنید

افزودن reCAPTCHA به فرم در Elementor بسیار آسان است زیرا Elementor از قبل دارای یک زمینه reCAPTCHA است. برای افزودن یکی ، یک فرم ایجاد کنید (با کشیدن ابزارک فرم در جعبه ویرایش Elementor) یا فرم موجود را ویرایش کنید. اگر قبلاً در Elementor فرم ایجاد نکرده اید ، می توانید بخوانید مقاله CET.

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

اندازه و همچنین سبک (روشن یا تیره) را تعریف کنید.

reCAPTCHA را به فرم Elementor خود اضافه کنید

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

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

نتیجه

اینجاست این برای این مقاله است که به شما نشان می دهد چگونه می توانید reCAPTCHA را به فرم Elementor خود اضافه کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

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

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

...

Elementor: چگونه یک تقسیم کننده برای ایجاد یک بخش اضافه کنیم

Elementor: چگونه یک تقسیم کننده برای ایجاد یک بخش اضافه کنیم

[vc_row content_plaction = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! مهم؛}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin مهم! مرز-پایین-عرض: 0px! مهم ؛ پر کردن-پایین: 0px! مهم ؛} "] [vc_column_text]

Divi: ساده ترین قالب وردپرس برای استفاده

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

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

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

در Elementor ، می توانید با کلیک روی دکمه بعلاوه در جعبه ویرایش Elementor ، بخش جدیدی اضافه کنید.

برای ایجاد بخش در Elementor ، divider را اضافه کنید

Elementor به شما امکان می دهد بخشی را سفارشی کنید. می توانید پس زمینه اضافه کنید ، شعاع حاشیه ای تعریف کنید ، جدا کننده یا تقسیم کننده و غیره اضافه کنید.

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

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

Elementor از پرونده های SVG برای اشکال استفاده می کند و آنها را بدون کاهش کیفیت تصویر (وضوح) قابل تنظیم می کند.

نحوه افزودن تقسیم کننده شکل در Elementor

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

همچنین راهنمای ما را در این زمینه کشف کنید: المنتور: نحوه استفاده از انتخابگر رنگ

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

برای ایجاد بخش در Elementor ، divider را اضافه کنید

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

برای ایجاد بخش در Elementor ، divider را اضافه کنید

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

همچنین بخوانید Elementor: نحوه افزودن تصویر به ویجت جدول قیمت

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

یک تقسیم کننده برای ایجاد یک بخش در Elementor

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

برای ایجاد بخش در Elementor ، divider را اضافه کنید

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

نتیجه

اینجاست این برای این مقاله است که به شما نشان می دهد چگونه می توانید یک تقسیم کننده برای ایجاد یک بخش در Elementor اضافه کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

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

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

...

Elementor: نحوه افزودن تصویر به ویجت جدول قیمت

Elementor: نحوه افزودن تصویر به ویجت جدول قیمت

[vc_row content_plaction = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! مهم؛}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin مهم! مرز-پایین-عرض: 0px! مهم ؛ پر کردن-پایین: 0px! مهم ؛} "] [vc_column_text]

Divi: ساده ترین قالب وردپرس برای استفاده

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

آیا می خواهید تصویری به ابزارک Price Price در Elementor اضافه کنید؟

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

  • سرصفحه: برای افزودن عنوان طرحی که ارائه می دهید. یعنی "برنز یا طلا".
  • قیمت گذاری: برای افزودن قیمت طرح.
  • ویژگی ها: برای افزودن ویژگی های ارائه شده توسط طرح.
  • پاورقی: برای افزودن دکمه تماس به عمل
  • Ribbon: برای نمایش روبانی که می توانید برای نمایش بهترین طرح پرفروش ، طرح با تخفیف فعلی و غیره استفاده کنید.

اما عملکردی که این ابزارک فاقد آن است ، توانایی افزودن تصویر است.

دفعات بازدید: نحوه ایجاد یک گالری تصاویر تب دار در Elementor

بعضی اوقات می خواهید تصویری مانند آرم ، نماد یا تصویر مرتبط دیگر را به طرحی که ارائه می دهید اضافه کنید. با کمی ترفند می توانید تصویری را به ابزارک Price Price اضافه کنید.

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

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

نحوه افزودن تصویر به ابزارک Price Price در Elementor

در گزینه تکرار، تنظیم شده به تکرار نشدن. در گزینه برش، تنظیم شده به حاوی. در گزینه موقعیت ، تنظیم شده به فرد و موقعیت X و Y را تنظیم کنید.

سپس به برگه بروید سبک و گزینه را باز کنید قیمت گذاری ملافه ها را دسته بندی کرده و بالشتک بالایی را در حدود 170 تنظیم کنید (می توانید هر مقداری را متناسب با نیاز خود تنظیم کنید).

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

همچنین ببینید: نحوه ایجاد گالری تصاویر با Elementor

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

نحوه افزودن تصویر به ابزارک Price Price در Elementor

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

نتیجه

اینجاست این برای این مقاله است که به شما نشان می دهد چگونه می توانید تصویری را به ابزارک Price Price در Elementor اضافه کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

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

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

...
Elementor: چگونه یک فرم آپلود فایل ایجاد کنیم

Elementor: چگونه یک فرم آپلود فایل ایجاد کنیم

[vc_row content_plaction = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! مهم؛}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin مهم! مرز-پایین-عرض: 0px! مهم ؛ پر کردن-پایین: 0px! مهم ؛} "] [vc_column_text]

Divi: ساده ترین قالب وردپرس برای استفاده

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

آیا می خواهید نحوه ایجاد فرم بارگذاری پرونده در Elementor را بیاموزید؟

همانطور که احتمالاً می دانید ، نسخه حرفه ای Elementor دارای یک ابزارک Form است که می توانید برای ایجاد فرم در وب سایت وردپرس خود استفاده کنید. با استفاده از این ابزارک می توانید تقریباً انواع فرم ها را ایجاد کنید. تقریباً 19 نوع فیلد توسط این ابزارک ارائه می شود ، از جمله فیلدی برای بارگذاری پرونده.

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

اما قبل از شروع ، مطمئن شوید که نسخه Elementor خود را به نسخه Pro ارتقا داده اید ، زیرا ویجت Form فقط در Elementor Pro در دسترس است.

راهنمای ما را بخوانید: نحوه نصب Elementor در وردپرس

ابتدا یک صفحه جدید ایجاد کنید یا آن را با Elementor منتشر و ویرایش کنید.

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

با کلیک روی نماد بعلاوه در جعبه ویرایش Elementor ، بخش جدیدی اضافه کنید. شما می توانید بر اساس مفهوم طرحی که می خواهید ایجاد کنید ، هر ساختاری را انتخاب کنید. ما در این مثال یک ساختار تک ستونی را انتخاب می کنیم.

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

نحوه ایجاد فرم در Elementor

به طور پیش فرض ، شما یک فرم دارید که از سه قسمت تشکیل شده است: نام ، ایمیل و پیام. با کلیک روی نماد x در این قسمت ، فیلدی را که نیازی به آن نیستید حذف کنید.

در این مقاله ، ما فرم ایجاد شده از 4 قسمت نام ، ایمیل ، پیام و بارگذاری پرونده را ایجاد خواهیم کرد. از آنجا که فرم به طور پیش فرض فقط 3 قسمت دارد ، باید فرم جدیدی را برای قسمت File Upload اضافه کنید.

دفعات بازدید: چگونه reCAPTCHA را به فرم Elementor خود اضافه کنیم

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

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

اگر می خواهید ترتیب فیلدها را تغییر دهید ، می توانید هر قسمت را به بالا یا پایین بکشید. در این مثال ، ما قسمت File Upload را بالای قسمت Message قرار می دهیم.

نحوه ایجاد فرم بارگذاری پرونده در Elementor

تعریف عمل

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

دریابید که چگونه: نحوه افزودن تقسیم کننده برای ایجاد بخش در Elementor

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

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

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

نحوه ایجاد فرم بارگذاری پرونده در Elementor

همیشه زیر گزینه پست الکترونیک، متن ایمیل را به گزینه تنظیم کنید پیام

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

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

نحوه ایجاد فرم بارگذاری پرونده در Elementor

خود فراداده در زیر متن ایمیل ظاهر می شود.

در مزارع از ایمیل, از نام و پاسخ به، می توانید آنها را خالی بگذارید.

سفارشی کردن فرم

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

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

  • فاصله بین خطوط و تایپوگرافی برچسب ها را مشخص کنید

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

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

  • تایپوگرافی فیلد ، رنگ پس زمینه ، رنگ حاشیه ، عرض حاشیه و شعاع مرز را تعریف کنید

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

نحوه ایجاد فرم بارگذاری پرونده در Elementor

  • دکمه سفارشی سازی

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

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

خطای احتمالی

وقتی فرم خود را آزمایش می کنید ، ممکن است پیام های خطا ظاهر شوند. در زیر مثالی از خطا آورده شده است.

نحوه ایجاد فرم بارگذاری پرونده در Elementor

خطای بالا معمولاً در صورت استفاده از سرویس میزبانی وب مشترک رخ می دهد. بیشتر ارائه دهندگان میزبانی وب مشترک ، این ویژگی را غیرفعال می کنند php send_mail ، که توسط قابلیت وردپرس استفاده می شود wp_mail برای ارسال ایمیل

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

نتیجه

اینجا ! این برای این مقاله است که به شما نشان می دهد چگونه می توانید یک فرم بارگذاری پرونده در Elementor ایجاد کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

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

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

...

Elementor: نحوه اضافه کردن فهرست مطالب

Elementor: نحوه اضافه کردن فهرست مطالب

[vc_row content_plaction = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! مهم؛}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin مهم! مرز-پایین-عرض: 0px! مهم ؛ پر کردن-پایین: 0px! مهم ؛} "] [vc_column_text]

Divi: ساده ترین قالب وردپرس برای استفاده

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

آیا نیاز به ایجاد یا افزودن فهرست مطالب در Elementor دارید؟

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

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

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

عنصر Elementor's Table of Contents به شما امکان می دهد برچسب های سرصفحه دقیق را برای نمایش در فهرست مطالب خود انتخاب کنید. همچنین می توانید از سرصفحه های موجود در یک ظرف خاص در صفحه استفاده کنید.

توجه داشته باشید: فهرست مطالب یک ابزارک حرفه ای است. برای استفاده از آن باید نسخه حرفه ای Elementor را نصب کنید.

نحوه استفاده از ویجت فهرست مطالب در Elementor

دو روش ایده آل برای استفاده از ویجت فهرست مطالب در Elementor وجود دارد. اول از همه ، شما می توانید از آن در Pages and Posts (صفحات و پست هایی که کاملاً با Elementor ایجاد شده اند) استفاده کنید. همچنین می توانید ویجت Table of Contents را در بالای الگوی پست منحصر به فرد وب سایت وردپرس خود ایجاد کنید.

دفعات بازدید: نحوه ایجاد فرم بارگذاری پرونده در Elementor

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

ویجت فهرست مطالب را به یک الگوی پست واحد اضافه کنید

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

برای شروع ، وارد داشبورد وردپرس خود شوید و به آن بروید الگوها -> قالب ساز. در صفحه Theme Builder ، به صفحه بروید زبانه منفرد و بر روی دکمه کلیک کنید یک نسخه اضافه کنید برای ایجاد یک الگو.

در بخش Select (بخش) را انتخاب کنید نوع مدل ها ، انتخاب کنید پست تنها. به مدل خود یک اسم بزنید و روی دکمه کلیک کنید یک مدل ایجاد کنید.

ما الگوی پست تک را از ابتدا ایجاد خواهیم کرد. کتابخانه الگو را ببندید.

همچنین مشاهده کنید: چگونه reCAPTCHA را به فرم Elementor خود اضافه کنیم

با کلیک روی دکمه بعلاوه در جعبه ویرایش Elementor ، بخش جدیدی اضافه کرده و ساختار سه ستون را انتخاب کنید.

عرض ستون ها را با مقایسه حدود 28٪ تنظیم کنید: 61٪: 10٪.

نحوه افزودن فهرست مطالب در Elementor

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

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

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

همچنین بخوانید: نحوه افزودن تقسیم کننده برای ایجاد بخش در Elementor

در بخش نمای نشانگر، می توانید نشانگر را برای موارد محتوا (گلوله ها یا اعداد) تنظیم کنید. اگر گلوله ها را انتخاب کنید ، می توانید نماد را از کتابخانه آیکون تنظیم کنید.

باز اضافی گزینه برای نمایش سایر گزینه های تنظیمات و انتخاب تنظیمات مورد نظر.

نحوه افزودن فهرست مطالب در Elementor

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

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

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

همچنین مشاهده کنید: نحوه نصب Elementor در وردپرس

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

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

در اینجا مثالی از فهرست مطالبی است که ایجاد کردیم.

نحوه افزودن فهرست مطالب در Elementor

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

در پایان

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

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

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

نتیجه

اینجاست این برای این مقاله است که به شما نشان می دهد چگونه می توانید فهرست مطالب را در Elementor اضافه کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

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

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

...

Elementor: چگونه صفحه بندی را اضافه کنیم

Elementor: چگونه صفحه بندی را اضافه کنیم

[vc_row content_plaction = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! مهم؛}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin مهم! مرز-پایین-عرض: 0px! مهم ؛ پر کردن-پایین: 0px! مهم ؛} "] [vc_column_text]

Divi: ساده ترین قالب وردپرس برای استفاده

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

آیا لازم است صفحه بندی را در Elementor اضافه کنید؟

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

همچنین ببینید: نحوه نصب Elementor در وردپرس

صفحه بندی به شما امکان می دهد محتوای وب سایت خود را به چندین صفحه تقسیم کنید. فرض کنید صدها مقاله دارید که می خواهید در صفحه اصلی نشان دهید. با صفحه بندی می توانید این مقالات را به چند صفحه تقسیم کنید. به عنوان مثال می توانید در هر صفحه فقط 10 مقاله نمایش دهید. برای نمایش سایر مقالات ، می توانید از صفحه بندی استفاده کنید.

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

دفعات بازدید: نحوه افزودن فهرست مطالب در Elementor

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

توجه داشته باشید: ابزارکهای Posts and Archive Posts فقط در Elementor Pro در دسترس است.

نحوه افزودن صفحه بندی در Elementor با ابزارک های Posts و Archive Posts

برای شروع ، می توانید یک صفحه / پست جدید ایجاد کنید و آن را با Elementor ویرایش کنید. همچنین می توانید یک صفحه موجود را ویرایش کنید.

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

نحوه افزودن صفحه بندی در Elementor

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

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

همچنین مشاهده کنید: چگونه reCAPTCHA را به فرم Elementor خود اضافه کنیم

اگر تعداد زیادی پست (مثلاً بیش از 100) پست دارید ، باید محدودیت صفحه را روی تعداد بیشتری قرار دهید تا به بازدیدکنندگان اجازه دهید در هر صفحه پست های ناوبری را مشاهده کنند. اگر محدودیت صفحه را 5 قرار دهید اگرچه پست های هر صفحه را 10 قرار دهید ، بازدیدکننده شما فقط قادر به مشاهده 50 پست اخیر در وب سایت شما خواهد بود.

وردپرس (یا دقیق تر Elementor) پست های قدیمی را غیر از 50 پست گذشته پنهان می کند.

نحوه افزودن صفحه بندی در Elementor

برای اینکه صفحه بندی خود را کوتاه و مرتب کنید ، می توانید گزینه را فعال کنید کوتاه کردن

سفارشی سازی صفحه بندی

برای شخصی سازی صفحه بندی خود ، می توانید گزینه را باز کنید صفحه گذاری تحت برگه Style را لمس کنید از پانل سمت چپ

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

برای تنظیم رنگ صفحه بندی ، می توانید بر روی انتخابگر رنگ در بخش کلیک کنید رنگها 3 رنگ وجود دارد که می توانید تنظیم کنید: NORMAL ، HOVER و ACTIVE (صفحه فعال). می توانید فضای بین اعداد صفحه بندی را در بخش تعریف کنید فضای بین

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

نحوه افزودن صفحه بندی در Elementor

کلمات نهایی

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

همچنین بخوانید: نحوه ایجاد فرم بارگذاری پرونده در Elementor

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

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

نتیجه

اینجاست این برای این مقاله است که به شما نشان می دهد چگونه می توانید صفحه بندی را در Elementor اضافه کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

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

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

...