نحوه افزودن جداکننده افقی خط در وردپرس (5 روش)

آیا می خواهید در پست یا صفحه خود در وردپرس یک خط افقی اضافه کنید؟

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

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

How to add a horizontal line in WordPress

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

افزودن یک خط افقی در ویرایشگر بلوک وردپرس h4>

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

Adding a new block where you want your horizontal line

بعد ، بلوک Separator را از قسمت Layout Elements انتخاب کنید یا با استفاده از نوار جستجو آن را جستجو کنید.

Find and add the Separator block

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

یکپارچه سازی خط افقی در ویرایشگر بلوک وردپرس

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

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

Click on the Separator block to select it and edit the settings

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

در صورت تمایل می توانید خط افقی را به یکی از این موارد تغییر دهید:

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

The different styles available for the Separator block

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

همچنین می توانید رنگ خط افقی خود را در زیر تنظیمات Color تغییر دهید. کافی است بر روی یکی از گزینه های نمایش داده شده کلیک کنید یا از پیوند “رنگ سفارشی” برای انتخاب هر رنگ استفاده کنید.

Change the color of the horizontal line

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

در اینجا ، خط افقی ما آبی است و از سبک “گسترده” استفاده می کند.

A horizontal line that's been modified to be wide and blue

افزودن یک خط افقی در ویرایشگر کلاسیک وردپرس h4>

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

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

Click the Toolbar Toggle button to see the second row of icons

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

اکنون پیش بروید و یک فاصله بین پاراگراف هایی که می خواهید خط افقی در آن قرار گیرد قرار دهید. سپس می توانید روی دکمه Horizontal Line کلیک کنید. این دومین قسمت از سمت چپ در ردیف دوم است:

The horizontal line button in the classic WordPress editor

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

A horizontal rule created using the classic editor

افزودن دستی یک تقسیم خط افقی با استفاده از HTML

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

در این صورت ، می توانید با استفاده از برچسب hr HTML در محتوای خود این کار را انجام دهید:


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

جداکننده های دیگری که می توانید در پست ها و صفحات خود استفاده کنید h4>

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

گذشته از جداکننده افقی خط ، سایر گزینه های مجموعه عناصر Layout Elements شامل Spacer ، پیوند بیشتر و بلوک Page Break است.

Spacer Block

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

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

The Spacer block in the block editor

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

How the spacer block appears in a page or post

بلوک بیشتر

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

نحوه ایجاد پست خود به این شکل است:

The More block in the post editor

و نحوه نمایش پیوند بیشتر در سایت شما به شرح زیر است:

The Read More block in a post on the site

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

بلوک شکست صفحه

Break Break به شما امکان می دهد پست های طولانی وبلاگ را به چندین صفحه تقسیم کنید. به هیچ وجه نمی توانید آن را سفارشی کنید. نحوه ایجاد پست شما به این شکل است:

The page break block shown in the block editor

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

The page break as it appears on a site

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

افزودن وقفه در صفحه در فرم های وردپرس با استفاده از WPForms

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

ابتدا باید افزونه WPForms را بارگیری ، نصب و فعال کنید. / a> اگر مطمئن نیستید که چگونه ، فقط راهنمای گام به گام ما را در نحوه نصب افزونه وردپرس .

بعد ، به WPForms »افزودن موارد جدید در داشبورد وردپرس خود بروید.

Creating a new form using WPForms

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

Creating a quote form in WPForms

سپس ، از قسمت Add Fans در سمت چپ ، به قسمت Fancy Fields بروید. صفحه Break را به هر کجا که می خواهید روی فرم بکشید و رها کنید. ما آن را دقیقاً قبل از جعبه درخواست قرار داده ایم.

Adding a page break in WPForms

خواهید دید که فرم اکنون به دو قسمت تقسیم شده است. WPForms نیز به طور خودکار دکمه “بعدی” را اضافه کرده است.

اگر بخواهید می توانید برچسب “بعدی” را تغییر دهید و می توانید برای رفتن به صفحه دوم فرم ، دکمه “قبلی” را اضافه کنید. برای ویرایش کافیست روی قسمت شکست صفحه کلیک کنید.

Editing the page break field in WPForms

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

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

(+) را کلیک کنید تا یک بلوک جدید به پست یا صفحه خود اضافه کنید و بلوک WPForms را پیدا کنید. می توانید از نوار جستجو استفاده کنید یا در بخش ابزارک ها جستجو کنید. بلوک را به صفحه خود اضافه کنید.

Adding the WPForms block to your page or post

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

Choose your form from the dropdown list

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

The form with a page break on the website

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

اگر این مقاله را دوست داشتید ، لطفاً مشترک شوید کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .

منبع:
https://www.wpbeginner.com/wp-tutorials/how-to-add-a-horizontal-line-in-wordpress/.

دیدگاهتان را بنویسید


Fatal error: Uncaught wfWAFStorageFileException: Unable to save temporary file for atomic writing. in /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php:35 Stack trace: #0 /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php(659): wfWAFStorageFile::atomicFilePutContents('/home/wekjriusd...', '<?php exit('Acc...') #1 [internal function]: wfWAFStorageFile->saveConfig('livewaf') #2 {main} thrown in /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php on line 35