پشتیبانی و مشاوره : 05138538006 - 09159129565
شما اینجا هستید

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

استفاده از شورت کد و ایجاد فاصله بین خطوط در وردپرس
علی اصغر ۲۶ آذر ۹۶ آموزش وردپرس بدون نظر 136 بازدید

سلام لطفاً با Onliner.ir همراه باشید.

 

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

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

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

این مقاله به یک مطب کوتاه و کار آمد پرداخته که پیشنهاد میشود آن را مطاله کنید.

 

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

تگ br مخفف (break) که یعنی شکستن و فاصله انداختن میباشد. ما با استفاده از این تگ فاصله و شکستگی بین خطوط پدید می آوریم.

اول از همه باید ببینیم سازگاری تگ  <br> با مرورگرها به چه شکل می باشد؟

این تگ با مرورگرهای Chrome ، IE ، Firefox ، Safari ،  Opera سازگار است و این مرورگر ها از تگ  br پشتیبانی میکنند. پس می‌توان گفت تقریبا با مرورگرهای اصلی رابطه خوبی دارد

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

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

 

تفاوت در نسخه‌های معمول HTML

این تگ در HTML4.01  و HTML5  هیچ تفاوتی با هم ندارد و در هر دو به یک شکل نمایش داده میشود.

 

تگ <br> در HTML

اگر دستی در کدنویسی داشته باشید، یقینا می‌دانید هر تگی که باز می‌شود، در جایی از کد بسته می‌شود. برای مثال: تگ فونت (header) با کد دستوری  <h3> باز و با کد دستوری </h3> بسته می‌شود.

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

 

`

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

تگ br | نحوه ایجاد فاصله در وردپرس | چگونه در ورد پرس بین نوشته ها فاصله ایجاد کنیم؟

تگ br | نحوه ایجاد فاصله در وردپرس | چگونه در وردپرس بین نوشته ها فاصله ایجاد کنیم؟

 

به کد های HTML زیر که یک نمونه است توجه کنید:

۱

۲

 

۳

این یک متن است

این متنی است که بعد از فاصله قرار گرفته است

 

این متنی است که بعد از دو فاصله قرار گرفته است

 

 

حال بعد از اینکه با تئوری فاصله بین خطوط در وردپرس با تگ <br> آشنا شدیم وقت آن است چند نکته مهم را با هم مرور کنیم :

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

تگ br | نحوه ایجاد فاصله در وردپرس | چگونه در ورد پرس بین نوشته ها فاصله ایجاد کنیم؟

 

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

تگ br | نحوه ایجاد فاصله در وردپرس | چگونه در ورد پرس بین نوشته ها فاصله ایجاد کنیم؟

تگ br | نحوه ایجاد فاصله در وردپرس | چگونه در وردپرس بین نوشته ها فاصله ایجاد کنیم؟

سپس بعد از نوشتن این کد، اگر به سربرگ visual بازگردید، فاصله px 50 (پیکسلی) را بعد از پاراگراف مشاهده خواهید کرد. مطابق شکل:

تگ br | نحوه ایجاد فاصله در وردپرس | چگونه در ورد پرس بین نوشته ها فاصله ایجاد کنیم؟

تگ br | نحوه ایجاد فاصله در وردپرس | چگونه در وردپرس بین نوشته ها فاصله ایجاد کنیم؟

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

 

 

در پناه حق…

نظر شما در مورد این مطلب چیست ؟بدون نظر