ایجاد تورفتگی در خط اول پاراگراف مطالب وردپرس

ضعیفمتوسطخوببسیار خوبعالی
( 1 رای , میانگین : 5,00 از 5)
بارگذاری...

سلام و عرض ادب

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

روش اول: استفاده از دکمه تورفتگی متن در ویرایشگر وردپرس

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

 

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

روش دوم: ایجاد تورفتگی متن به صورت دستی و با ویرایش متن وردپرس

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

<p style="padding-left:25px;">Your paragraph text goes here...</p>

 

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

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

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

ابتدا در قسمت نمایش/ سفارش سازی به قسمت کدهای سفارشی بروید و یا اگر از قالب های ویژه استفاده میکنید از قسمت پنل تنظیمات / کدهای سفارشی css میتوانید اقدام کنید.

 

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

p.custom-indent { 
text-indent:60px;
} 

این کد CSS براحتی به مرورگر اعلام می کند که اگر پاراگراف وجود دارد، از کلاس سفارشی-تورفتگی استفاده کنید و در ابتدای پاراگراف ۶۰ پیکسل فاصله متن ایجاد کنید. ویرایشگر خود را در حالت متن قرار داده و از کد زیر استفاده کنید و در جایی که مشخص شده است متن خود را قرار دهید.

<p class="custom-indent">Your paragraph text goes here...</p>

پس از انجام این کارها میتوانید متن مورد نظر خود را مشاهده کنید.

اگر شما میخواهید ایجاد تورفتگی برای چند پاراگراف انجام شود و در همه پاراگراف ها در خط اول تورفتگی باشد چند پاراگراف باشد کد css زیر را در جای مورد نظر قرار دهید.

article p { 
text-indent:60px;
} 

این کد CSS به طور خودکار در خط اول همه پاراگراف ها در داخل یک پست وردپرس تورفتگی ایجاد میکند.

موفق باشید.

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



زهرا تاجیک
( عضو از 5 سال قبل )
  • 147 نوشته
  • 147 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
مدیر بخش بروزرسانی و ترجمه محصولات

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

ثبت دیدگاه

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

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

مطالب مرتبط



آموزش ایجاد صفحات iframe در وردپرس با افزونه Advanced iFrame

4498
0
با سلام خدمت شما دوستان گرامی در این آموزش قصد داریم شما را با نحوه ساخت صفحات آی فریم در وردپرس را ارایه دهیم. Iframe مخفف inline frame است ...
جزییات بیشتر آموزش را بخوانید!

۱۰ قالب متریال دیزاین وردپرسی – رایگان اما حرفه ای

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

آیا افزونه های غیرفعال سرعت وردپرس را کاهش می دهد؟ باید حذف شوند؟

1465
0
اخیرا یکی از کابران عزیز سوالی در باره افزونه های غیر فعال از ما پرسیده اند که آیا باید افزونه های غیر فعال را حذف کنند؟ بسیاری از کاربران ...
جزییات بیشتر آموزش را بخوانید!

آموزش بررسی نسخه PHP سایت با استفاده از 3 روش ساده

1234
0
نسخه PHP یک بخش ضروری برای هرنوع وب سایت می باشد. به طور کلی؛ اگر شما صاحب یک وب سایت وردپرسی هستید، قطعاً PHP را اجرا می کنید ...
جزییات بیشتر آموزش را بخوانید!

آموزش راه اندازی بسته نصب آسان قالب وردپرس در هاست دایرکت ادمین

1010
0
در این مقاله به نصب آسان قالب وردپرس در دایرکت ادمین می پردازیم که با استفاده از آن می توانید که قالبی را که خریداری کرده اید را ...
جزییات بیشتر آموزش را بخوانید!

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

2022
0
با سلام خدمت شما. اگر میخواهید پست های اخیر در وردپرس نمایش داده شود بدون اینکه از افزونه ای استفاده کنید تا انتهای این آموزش همراه ما باشید... نمایش ...
جزییات بیشتر آموزش را بخوانید!

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

2966
3
آیا قصد انتقال یک سایت را از زیردامنه به دامنه اصلی دارید؟ این فرایند می تواند به بهبود سئوی وب سایت شما کمک کند. همچنین برای انتقال یک ...
جزییات بیشتر آموزش را بخوانید!

حل مشکل افزونه جلالی در نسخه ۴٫۸ وردپرس

1713
1
با سلام اخیرا دوستان در پیام هایی به قسمت پشتیبانی نوین وردپرس با موضوع ناسازگاری که افزونه جلالی با نسخه ۴٫۸ وردپرس داشته ارسال کردن که خواستار رفع این ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

اگر دوست دارید در زمینه آموزش ، افزونه ، قالب وردپرس و ووکامرس ، آموزش سئو و… مقالات آموزشی خود را در نوین وردپرس منتشر کنید میتوانید به عنوان نویسنده در نوین وردپرس فعالیت کنید.

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