لینک کوتاه برای دسترسی سریعتر
COPIED
https://ostadshoo.ir/?p=9571 COPIED

آموزش اضافه کردن خط جداکننده افقی در وردپرس

خواندن این مطلب

5 دقیقه

زمان میبرد!

اضافه کردن خط جداکننده افقی

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

اضافه کردن خط جداکننده افقی
اضافه کردن خط جداکننده افقی

نحوه اضافه کردن خط جداکننده افقی در ویرایشگر بلاک

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

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

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

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

  1. شیوه نامه (Style)
  2. تنظیمات رنگ (Color setting)
  3. پیشرفته

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

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

در قسمت آخر یعنی قسمت پیشرفته نیز شما امکان این را دارید که کد های CSS را بارگذاری کنید.

نحوه اضافه کردن خط جداکننده افقی در ویرایشگر کلاسیک

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

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

حال بین فضایی که می‌خواهید خط افقی در آن قرار بگیرد فاصله ایجاد کنید و بعد روی دکمه خط افقی کلیک کنید. مطابق شکل خط افقی به رنگ خاکستری و با سبک “خط عریض” اضافه خواهد شد.

نحوه اضافه کردن خط جداکننده افقی به کمک کد‌های HTML

اضافه کردن خط جداکننده افقی در وردپرس به کمک کدهای HTML نیز به آسانی امکان پذیر است. برای این کار کافیست به هر قسمت از محتوای خود را که می‌خواهید خط جداکننده قرار بگیرد تگ “<hr/>” را در قسمت “متن” ویرایشگرتان اضافه کنید.

انواع دیگر جداکننده که می‌توانید در نوشته و برگه های خود استفاده کنید

در ویرایشگر بلوک علاوه بر قراردادن خط جداکننده در وردپرس، عناصر:

  1. فاصله (Spacer)
  2. بیشتر(More)
  3. برش صفحه(Page Break)

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

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

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

اضافه کردن خط جداکننده افقی
اضافه کردن خط جداکننده افقی

اضافه کردن خط جداکننده افقی در وردپرس

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

چرا باید مطالب را با خط از هم جدا کنیم

نوشتن مطالب طولانی در سایت‌تان خوانایی پست‌ها را بشدت کاهش ‌می‌دهد و خواندن را برای کاربران‌ بسیار سخت می‌کند. اضافه کردن خط جداکننده افقی در وردپرس روشی کارآمد و موثر در قسمت‌بندی و منظم کردن نوشته‌های طولانی شماست.

پیشنهاد مطالعه: آموزش تغییر رمز جیمیل و بازیابی رمز فراموش شده

بهترین افزونه های ثبت نام کاربران
1
بهترین افزونه های ثبت نام کاربران وردپرس
بهترین افزونه های ثبت نام کاربران کدام اند؟ یکی از اساسی‌ترین قسمت‌های هر وبسایت مربوط...
دریافت اعلان برای تغییرات پست در وردپرس
2
دریافت اعلان برای تغییرات پست در وردپرس
دریافت اعلان برای تغییرات پست در وردپرس چگونه انجام میشود؟ آیا می‌خواهید برای تغییرات پست...
خروج خودکار کاربران از وردپرس
1
خروج خودکار کاربران از وردپرس
خروج خودکار کاربران از وردپرس چگونه انجام میشود؟ بسیاری از ما عادت داریم بدون اینکه...
نقل قول های تصادفی در وردپرس
1
نمایش نقل قول های تصادفی در وردپرس
 نقل قول های تصادفی در وردپرس چگونه نمایش داده میشوند؟ نقل قول‌ها از طرف افراد...
نمایش نسخه پی دی اف مطالب در وردپرس
0
نمایش نسخه پی دی اف مطالب در وردپرس با PDF.js Viewer
نمایش نسخه پی دی اف مطالب در وردپرس با چه افزونه ای انجام میشود؟ آیا...
فوتر وردپرس
0
فوتر وردپرس و گزینه‌ هایی که باید به آن اضافه شوند
به فوتر وردپرس  چه امکاناتی باید افزوده شود؟ آیا نمی دانید چه چیزی را در...
1 2 3 29

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



نظرات کاربران



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

مطالب مرتبط