آیا می خواهید در پست یا صفحه خود در وردپرس یک خط افقی اضافه کنید؟
تقسیم کننده های خط افقی یک روش عالی برای تقسیم پست های طولانی به بخش های کوچکتر ، برجسته سازی اطلاعیه های ویژه یا تبلیغات و جدا کردن واضح قسمت های مختلف صفحه است.
در این مقاله ، ما به شما نشان خواهیم داد که چگونه به راحتی یک تقسیم کننده خط افقی در وردپرس اضافه کنید.
از آنجا که این یک راهنمای جامع در مورد نحوه افزودن تقسیم کننده خط افقی در وردپرس است ، استفاده از جدول محتوای ما برای شما مفید خواهد بود:
افزودن یک خط افقی در ویرایشگر بلوک وردپرس h4>
برای افزودن یک خط افقی با استفاده از ویرایشگر بلوک وردپرس ، روی نماد (+) کلیک کنید تا یک بلوک جدید را به هر کجا که می خواهید خط باشد اضافه کنید.
بعد ، بلوک Separator را از قسمت Layout Elements انتخاب کنید یا با استفاده از نوار جستجو آن را جستجو کنید.
پس از افزودن ، تقسیم خط افقی خود را در قسمت محتوای خود مشاهده خواهید کرد.
یکپارچه سازی خط افقی در ویرایشگر بلوک وردپرس
به طور پیش فرض ، تقسیم کننده افقی یک خط خاکستری کم رنگ در مرکز پست یا صفحه شما است.
با کلیک روی خط برای انتخاب بلوک ، می توانید شکل ظاهری آن را تغییر دهید. سپس ، صفحه ویرایش “Block” در سمت راست صفحه شما باز می شود.
برای تغییر سبک خط خود ، فقط روی پیکان کوچک کنار Styles کلیک کنید. سپس ، گزینه های مختلف را مشاهده خواهید کرد.
در صورت تمایل می توانید خط افقی را به یکی از این موارد تغییر دهید:
- یک خط گسترده که تمام محتوای پست شما را پوشش می دهد.
- سه نقطه در مرکز پست شما نمایش داده می شود.
توجه: در برخی از تم های وردپرس ، هم خط گسترده و هم خط پیش فرض کل عرض پست شما را پوشش می دهد.
همچنین می توانید رنگ خط افقی خود را در زیر تنظیمات Color تغییر دهید. کافی است بر روی یکی از گزینه های نمایش داده شده کلیک کنید یا از پیوند “رنگ سفارشی” برای انتخاب هر رنگ استفاده کنید.
اگر می خواهید به رنگ خاکستری پیش فرض برگردید ، فقط روی دکمه “پاک کردن” در زیر گزینه های رنگ کلیک کنید.
در اینجا ، خط افقی ما آبی است و از سبک “گسترده” استفاده می کند.
افزودن یک خط افقی در ویرایشگر کلاسیک وردپرس h4>
اگر همچنان با استفاده از ویرایشگر کلاسیک ، سپس می توانید خطوط افقی اساسی را اضافه کنید. برای این کار ، به سادگی یک پست یا صفحه موجود را ویرایش کنید یا یک پیام جدید ایجاد کنید.
اگر فقط یک ردیف دکمه را در نوار ابزار بالای ویرایشگر پست مشاهده می کنید ، سپس بر روی نماد Toggle نوار ابزار در سمت راست کلیک کنید:
با این کار ردیف دوم دکمه ها باز می شود که شامل گزینه خط افقی است.
اکنون پیش بروید و یک فاصله بین پاراگراف هایی که می خواهید خط افقی در آن قرار گیرد قرار دهید. سپس می توانید روی دکمه Horizontal Line کلیک کنید. این دومین قسمت از سمت چپ در ردیف دوم است:
خط افقی شما خاکستری روشن خواهد بود. این کل عرض پست شما را به این ترتیب پوشش می دهد:
افزودن دستی یک تقسیم خط افقی با استفاده از HTML
در برخی موارد نادر ، ممکن است لازم باشد یک تقسیم خط افقی را به صورت دستی در محتوای وردپرس خود اضافه کنید.
در این صورت ، می توانید با استفاده از برچسب hr HTML در محتوای خود این کار را انجام دهید:
این جدا کننده خط افقی را در محتوای پست شما اضافه می کند.
جداکننده های دیگری که می توانید در پست ها و صفحات خود استفاده کنید h4>
ویرایشگر پیش فرض بلوک وردپرس به شما امکان می دهد چندین نوع جدا کننده را به پست ها و صفحات خود اضافه کنید.
گذشته از جداکننده افقی خط ، سایر گزینه های مجموعه عناصر Layout Elements شامل Spacer ، پیوند بیشتر و بلوک Page Break است.
Spacer Block
Spacer به شما امکان می دهد فضای سفید را بین بلوک ها اضافه کنید. به عنوان مثال ، اگر می خواهید قبل از پیشنهاد ویژه در انتهای پست خود فاصله کمی داشته باشید ، می توانید از Spacer استفاده کنید.
می توانید ارتفاع فاصله دهنده را سفارشی کنید. نحوه ایجاد پست در ویرایشگر بلوک به این صورت است:
و نحوه نمایش فاصله دهنده در سایت شما به شرح زیر است:
بلوک بیشتر
اگر موضوع شما در صفحه اصلی وبلاگ شما پست های کامل (به جای گزیده ها) را نشان می دهد ، با افزودن پیوند “بیشتر” در آن مرحله پست شما قطع می شود. بازدید کننده می تواند برای مطالعه بیشتر کلیک کند.
نحوه ایجاد پست خود به این شکل است:
و نحوه نمایش پیوند بیشتر در سایت شما به شرح زیر است:
در مورد گزیده ها می توانید اطلاعات بیشتری کسب کنید ، در راهنمای ما در نحوه شخصی سازی گزیده ها در وردپرس .
بلوک شکست صفحه
Break Break به شما امکان می دهد پست های طولانی وبلاگ را به چندین صفحه تقسیم کنید. به هیچ وجه نمی توانید آن را سفارشی کنید. نحوه ایجاد پست شما به این شکل است:
و نحوه نمایش شکستن صفحه در سایت شما به شرح زیر است:
بسته به آنچه که قصد انجام آن را دارید ، هر یک از آنها می تواند گزینه های خوبی برای اضافه کردن یک خط افقی در وردپرس باشد.
افزودن وقفه در صفحه در فرم های وردپرس با استفاده از WPForms
اگر می خواهید وقفه ای نه در یک پست یا صفحه ، بلکه در یک فرم تماس با وردپرس ؟ تو هم میتونی اون کار رو بکنی. ما قصد داریم از WPForms برای این منظور استفاده کنیم.
ابتدا باید افزونه WPForms را بارگیری ، نصب و فعال کنید. / a> اگر مطمئن نیستید که چگونه ، فقط راهنمای گام به گام ما را در نحوه نصب افزونه وردپرس .
بعد ، به WPForms »افزودن موارد جدید در داشبورد وردپرس خود بروید.
نامی را برای فرم خود وارد کنید و سپس الگویی را انتخاب کنید. ما می خواهیم از الگوی “درخواست فرم پیشنهاد” برای خود استفاده کنیم. نشانگر ماوس خود را بر روی الگو اجرا کرده و برای ایجاد فرم خود بر روی دکمه کلیک کنید.
سپس ، از قسمت Add Fans در سمت چپ ، به قسمت Fancy Fields بروید. صفحه Break را به هر کجا که می خواهید روی فرم بکشید و رها کنید. ما آن را دقیقاً قبل از جعبه درخواست قرار داده ایم.
خواهید دید که فرم اکنون به دو قسمت تقسیم شده است. WPForms نیز به طور خودکار دکمه “بعدی” را اضافه کرده است.
اگر بخواهید می توانید برچسب “بعدی” را تغییر دهید و می توانید برای رفتن به صفحه دوم فرم ، دکمه “قبلی” را اضافه کنید. برای ویرایش کافیست روی قسمت شکست صفحه کلیک کنید.
پس از اتمام فرم ، با کلیک روی دکمه ذخیره در بالا سمت راست ، فرم خود را ذخیره کنید.
اکنون می توانید فرم را به وب سایت خود اضافه کنید. ابتدا ، باید یک پست یا صفحه جدید ایجاد کنید یا یک پست موجود را ویرایش کنید.
(+) را کلیک کنید تا یک بلوک جدید به پست یا صفحه خود اضافه کنید و بلوک WPForms را پیدا کنید. می توانید از نوار جستجو استفاده کنید یا در بخش ابزارک ها جستجو کنید. بلوک را به صفحه خود اضافه کنید.
اکنون ، فرم خود را از لیست کشویی انتخاب کنید.
پس از انجام این کار ، می توانید پست یا صفحه را منتشر کرده و شکل ظاهری فرم خود را در وب سایت خود مشاهده کنید.
امیدواریم این آموزش به شما کمک کرده باشد یاد بگیرید چگونه می توانید جداکننده خط افقی را در وردپرس اضافه کنید. اگر می خواهید عناصر طراحی و طرح بیشتری به پست ها و صفحات خود اضافه کنید ، مقاله ما را در بهترین سازندگان صفحه وردپرس کشیدن و رها کردن .
اگر این مقاله را دوست داشتید ، لطفاً مشترک شوید کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .
منبع:
https://www.wpbeginner.com/wp-tutorials/how-to-add-a-horizontal-line-in-wordpress/.