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

ضعیفمتوسطخوببسیار خوبعالی
( 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 دوره آموزشی
مدیر بخش بروزرسانی و ترجمه محصولات

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

ثبت دیدگاه

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

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

مطالب مرتبط



معرفی بهترین افزونه های ویرایش قالب وردپرس

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

علت خطای پایگاه داده در وردپرس چیست؟ | راه های رفع خطا در اتصال به دیتابیس وردپرس

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

رفع خطای پیدا نشدن برگه ها در وردپرس | آموزش قدم به قدم رفع خطای برگه پیدا نشد در سایت وردپرس

2804
0
بعد از نصب وردپرس، وردپرس دو ساختار محتوا را در اختیار شما قرار می دهد که می توانید به کمک آنها اقدام به تولید محتوا نمائید. یکی از ...
جزییات بیشتر آموزش را بخوانید!

سئو یا تبلیغات گوگل؟ کدام یک بهتر است

204
0
با بیش از پنج میلیارد کاربر فعال اینترنت در سراسر جهان، حضور آنلاین برای هر کسب و کاری امروزه می تواند یک امر ضروری باشد. هر کسب و ...
جزییات بیشتر آموزش را بخوانید!

آموزش بهترین روش های بهینه سازی URL سایت | سئو آدرس صفحات سایت

1314
0
یکی از مهمترین فاکتورها برای بهینه کردن صفحات سایت، بهینه سازی URL سایت می باشد. در واقع URL یک آدرس منحصر به فرد است که موقعیت صفحه وب ...
جزییات بیشتر آموزش را بخوانید!

آموزش ریدایرکت دامنه در دایرکت ادمین DirectAdmin

118
0
اگر قصد دارید یک سایت جدید با دامنه جدید داشته باشید و می‌خواهید ترافیک خود را از سایت قدیمی خود به سایت جدید هدایت کنید، ریدایرکت می‌تواند بهترین ...
جزییات بیشتر آموزش را بخوانید!

آموزش نحوه رفع خطای SSL در وردپرس

75
0
اس اس ال یکی از موارد مهمی است که باید در هر سایتی نصب شود، در غیر این صورت گوگل آن سایت را ناامن می داند. این به ...
جزییات بیشتر آموزش را بخوانید!

روش تغییر نام تصاویر در گالری سایت در وردپرس

1511
0
تغییر نام تصاویر در وردپرس نام دیگر این افزونه تغیر نام یا بروز رسانی میباشد که با سادگی بسیار همراه است. همچنین با استفاده از این افزونه میتوانید حجم ...
جزییات بیشتر آموزش را بخوانید!

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

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

جستجو کنید…

همکار ما شوید

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

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