خرید هاست ارزدیجیتال
حراجی دامنه های ویژهمشاهده





تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

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

وردپرس , مقالات,آموزش,ترفند

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

 

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

آنچه در این مقاله به اختصار خواهید خواند :

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

 

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

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

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

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

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

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

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

  • شیوه نامه (Style)
  • تنظیمات رنگ (Color setting)
  • پیشرفته

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • فاصله (Spacer)
  • بیشتر(More)
  • برش صفحه(Page Break)

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

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

فاصله (Spacer)

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

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

پیوند بیشتر (More)

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

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

برش صفحه(Page Break)

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

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

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

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=52812
کلمات کلیدی پست :
مطالب مرتبط
7,924۱۶ راهکار طلایی برای افزایش سرعت وبسایت وردپرسی تاریخ : 2019/03/20
8,108UX چیست؟ خلق تجربه کاربری لذت بخش برای کاربر وبسایت شما تاریخ : 2020/03/14
10,521پخش موسیقی در وردپرس بدون نیاز به افزونه تاریخ : 2017/09/16
21,011افزونه منوی موبایلی برای وردپرس TapTap نسخه 5.6 تاریخ : 2023/04/25
10,982افزونه ایجاد پنجره پاپ آپ ITRO Popup برای وردپرس تاریخ : 2016/08/1
22,241افزونه اشتراک گذاری مطالب در واتس آپ برای وردپرس تاریخ : 2015/05/4
6,872Debug کردن وردپرس به سبک حرفه‌ای‌ها تاریخ : 2019/11/12
15,976آموزش افزودن دکمه ادامه مطلب در وردپرس تاریخ : 2019/08/3
11,086اضافه کردن تصویر شاخص در وردپرس تاریخ : 2016/02/14
11,669پوسته فارسی خبری HotNews برای وردپرس تاریخ : 2013/10/26
7,3285 افزونه برتر برای مدیریت پروژه در وردپرس تاریخ : 2019/11/28
6,748استفاده صحیح از برچسب در وردپرس و قوانین نانوشته سئو تاریخ : 2020/06/3
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file