ایجاد فاصله بین خطوط در وردپرس با استفاده از شورت‌کد

ایجاد فاصله بین خطوط در وردپرس با استفاده از شورت‌کد

ایجاد فاصله بین خطوط در وردپرس با استفاده از شورت‌کد

ایجاد فاصله بین خطوط در وردپرس با استفاده از شورت‌کد
ایجاد فاصله بین خطوط در وردپرس با استفاده از شورت‌کد

ایجاد فاصله بین خطوط در وردپرس با استفاده از شورت‌کد

در این مطلب از میلاد وردپرس می خواهیم آموزشی در مورد ایجاد فاصله بین خطوط در وردپرس با استفاده از شورت‌  کد  داشته باشیم.
در صورتی که شما هم می خواهید فاصله بین خطوط در وردپرس به صورت استاندارد برای نوشته‌های وردپرسی خود در ویرایشگر ایجاد نمایید، در ادامه این مطلب با ما همراه باشید.
شما می‌توانید با بکار بردن کد <br/> یک خط فاصله خالی مابین خطوط ایجاد کنید.

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

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

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

فاصله بین خطوط در وردپرس

چگونگی ایجاد فاصله بین خطوط در وردپرس با استفاده از تگ br !

br مخفف کلمه ی Break یعنی شکستن و فاصله انداختن می باشد. ما با بکار بردن این تگ فاصله و شکستی بین خطوط ایجاد می‌کنیم.
اول از همه باید ببینیم ارتباط تگ  <br> با مرورگرها به چه صورت می باشد؟
این تگ با مرورگرهای کروم، IE، فایرفاکس،Safari، Opera سازگار می باشد و در آن‌ها نمایش داده می‌شود.
بنابراین می‌توان گفت تقریبا با مرورگرهای اصلی سازگار می باشد.

اغلب تگ <br> برای نوشتن آدرس و شعار سایت در ویرایشگر متن بکار برده می‌شود.
به این صورت که فاصله‌ای بین خطوط در قسمت متنی ایجاد می‌کند که باعث نظم بهتر خواهد شد.

نکته: فاصله بین خطوط در وردپرس با تگ <br> فقط برای افزودن یک خط خالی در HTML کاربرد دارد، نه پاراگراف جدید.

بیشتر بخوان بیشتر بدان  استفاده از فرم ساز واکنش گرا در وردپرس با افزونه Caldera Forms

تگ <br>:

عبارت br مخفف کلمه Break می باشد. ما می توانیم با استفاده از تگ <br /> یک خط فاصله بین خطوط ایجاد کنیم.

در قدم اول میخواهیم بررسی کنیم که ارتباط تگ br با مرورگر ها به چه شکل است؟

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

نکته:

کسانی که با کد های HTML آشنایی دارند می دانند که برای همه تگ ها در این زبان یک تگ پایانی وجود دارد،
اما تگ br ، تگ پایان ندارد و آن را با یک اسلش / در همان تگ ابتدایی می بیندیم. <br />

 

تگ <br> در XHTML

در XHTML متفاوت است و باید به صورت اجباری تگ را ببندیم.
یعنی این تگ باید به صورت <br/> بسته شود. ولی طبق تصویر زیر در HTML اگر اسلش / را نزاریم هم هیچ مشکلی را به وجود نمی آورد.

تفاوتی در کاربرد این تگ در XHTML وجود دارد و آن بستن اجباری این تگ است. یعنی این تگ باید به صورت </br> بسته شود.

فاصله بین خطوط در وردپرس
فاصله بین خطوط در وردپرس

بیشتر بخوانید:

آموزش ایجاد نظرسنجی آنلاین در وردپرس با wp polls

بررسی خطای 502 Bad Gateway در وردپرس و روش‌های رفع آن

 

ایجاد فاصله بین خطوط در وردپرس با شورت‌کد

چگونگی استفاده از این تگ

دقت داشته باشید که برای استفاده از تگ <br> حتما باید در قسمت متن ویرایشگر استفاده کنیم.

بیشتر بخوان بیشتر بدان  ساخت دکمه شبکه های اجتماعی در وردپرس با Social Pug
ایجاد فاصله بین خطوط در وردپرس با شورت‌کد
ایجاد فاصله بین خطوط در وردپرس با شورت‌کد

نکته:

اگر می‌خواهید چند پیکسل فاصله بگذارید، می‌توانید از تگ <p> به روش زیر عمل کنید:

ایجاد فاصله بین خطوط در وردپرس با شورت‌کد
ایجاد فاصله بین خطوط در وردپرس با شورت‌کد

اکنون برای دیدن نتیجه به سربرگ دیداری یا Visual بروید. طبق تصویر می بینید که فاصله ای به اندازه 50 پیکسل ایجاد شده است.

ایجاد فاصله بین خطوط در وردپرس با شورت‌کد
ایجاد فاصله بین خطوط در وردپرس با شورت‌کد

استفاده از شورت کد و ایجاد فاصله بین خطوط در وردپرس

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

:منابع

وب سایت وی پی نگار

وب سایت مستر آموز

 

Click to rate this post!
[Total: 0 Average: 0]
نوشته ایجاد شد 239

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نوشته های مرتبط

متنی که میخواهید برای جستجو وارد کرده و دکمه جستجو را فشار دهید. برای لغو دکمه ESC را فشار دهید.

بازگشت به بالا