آیا می خواهید فضاها اضافه کنید یا زیر بخش ها تورفتگی در وردپرس؟ آیا می خواهید پاراگراف های وردپرس را تورفتگی دهید؟
اگرچه بیشتر متن شما در یک راستا قرار دارد ، اما در برخی موارد ممکن است لازم باشد پاراگرافهای خاصی را برای آن فرورفتگی کنید بهترین تایپوگرافی و بهتر تجربه خواندن.
در این آموزش ، ما به شما نشان خواهیم داد که چگونه تورفتگی کنید به راحتی پاراگراف هایی در وردپرس.
روش 1: استفاده از دکمه های تورفتگی متن در ویرایشگر بصری
به طور پیش فرض ، بیشتر مضامین وردپرس پاراگرافهای موجه و چپ یا راست را برای زبانهای راست به چپ نمایش دهید.
اگر می خواهید یک پاراگراف را تغییر دهید ، می توانید با کلیک بر روی دکمه ، آن را به صورت دستی انجام دهید تورفتگی را افزایش دهید ازویرایشگر بصری از متن با این کار فاصله در سمت چپ پاراگراف اضافه می شود.
در صورت تمایل به ایجاد تورفتگی بیش از یک پاراگراف ، باید آن پاراگراف ها را انتخاب کرده و سپس بر روی دکمه کلیک کنید تورفتگی را افزایش دهید.
می توانید دکمه را چند بار کلیک کنید تا تورفتگی شما افزایش یابد. به عنوان مثال ، اگر روی آن دوبار کلیک کنید ، فاصله تورفتگی دو برابر می شود.
همچنین می توانید با کلیک بر روی دکمه برداشت را کاهش دهید تورفتگی را کاهش دهید.
ما همچنین از شما دعوت می کنیم قبل از ادامه کشف نحوه استفاده از ویرایشگر گوتنبرگ برای وردپرس 5.0: قسمت XNUMX
روش 2: تورفتگی دستی پاراگراف با استفاده از ویرایشگر متن
با استفاده از دکمه های برداشت متن برویرایشگر بصری ساده ترین راه برای افزودن تورفتگی به پاراگراف ها است. با این حال، این به شما اجازه نمیدهد تا میزان فاصلهای را که میخواهید اضافه کنید، کنترل کنید.
اکثر کاربران پیشرفته می توانند به این تغییر دهند ویرایشگر متن تورفتگی دستی را اضافه کنید. تمام کاری که شما باید انجام دهید این است که متن را در برچسب پاراگراف قرار دهید و و سپس y کد CSS را اضافه کنید مثل این:
<p style="padding-left:25px;">Your paragraph text goes here...</p>
این روش به شما امکان می دهد فاصله ای را که می خواهید به عنوان تورفت استفاده کنید کنترل کنید. اگر نیازی به تورفتن مرتب پاراگراف ها نداشته باشید ، این روش بهتر جواب می دهد.
بنابراین اگر آنها را اغلب به اندازه کافی تورفتگی می دهید ، پس این یک راه حل ایده آل نیست.
راهنمای ما را کشف کنید نحوه نوشتن (نوشتن) یک پاراگراف خوب در وبلاگ شما
روش 3: فقط خط اول یک پاراگراف را خلال کنید
صفحات وب از فاصله پاراگراف های سنتی استفاده شده توسط نرم افزار پردازش کلمه استفاده نمی کنند ، که فقط خط اول پاراگراف را مشخص می کند.
حتی در وردپرس ، وقتی یک پاراگراف را تورفتگی می دهید ، فضایی به کل پاراگراف اضافه می شود.
برخی از وب سایت های مجلات یا مجلات ادبی ممکن است بخواهند تورفتگی سنتی تری اضافه کنند. در این مورد، باید CSS سفارشی را به خود اضافه کنید تم وردپرس.
برو به " ظاهر> سفارشی کردن برای راه اندازی " از Customizer از تم وردپرس. کلیک کنید روی " CSS اضافی '.
این یک کادر متنی را در کادر سمت چپ نمایش می دهد که می توانید کد CSS دلخواه خود را اضافه کنید. این کد CSS را در این جعبه متن اضافه کنید.
p.custom-indent {
text-indent:60px;
}
ما را نیز کشف کنید آموزش: نحوه تسلط بر ویرایشگر ویژوال وردپرس
این کد CSS به سادگی به مرورگرها می گوید که اگر یک پاراگراف کلاس ".custom-indent" را داشته باشد ، یک فرورفتگی 60px اضافه می کند.
سپس می توانید مقاله خود را در ویرایشگر متن ویرایش کنید. سپس متن خود را با تگ ها احاطه کنید <p class = "custom-indent">
et </p>
مطابق ذیل :
متن پاراگراف شما به اینجا می رود ...
پس از اتمام ، می توانید مقاله خود را پیش نمایش کنید ، و خواهید دید که تنها خط اول پاراگراف دارای فاصله قبلی است.
در صورتی که بخواهید چند پاراگراف را بزنید ، این روش با دقت کار خواهد کرد. با این حال ، اگر می خواهید این سبک را به تمام بندهای وب سایت خود اضافه کنید ، کافی است کد CSS سفارشی را مانند این تغییر دهید:
article p {
text-indent:60px;
}
این کد CSS به طور خودکار یک تورفتگی را در سطر اول همه پاراگراف ها در داخل یک پست یا صفحه وردپرس اضافه می کند.
قبل از ترک نیز کشف کنید چگونه برای اضافه کردن یک سبک بصری به ویرایشگر وردپرس
برای کسانی که به دنبال ویرایشگرهای بصری سبک هستند تا جلوه وب سایت خود را بهبود بخشند ، در اینجا 3 پلاگین برتر وردپرس را برای آنها پیشنهاد می دهیم.
1. مداد زرد: سبک ویژوال CSS ویرایشگر
مداد زرد یک ویرایشگر بصری سبکی که می توانید با هر موضوعی برای شخصی سازی وب سایت خود در عرض چند دقیقه (فونت ها، رنگ ها، انیمیشن ها و موارد دیگر...) استفاده کنید.
این افزونه در پس زمینه سبک های CSS را ایجاد می کند در حالی که شما مانند رنگ بازی با رنگ ها بازی می کنید. این برای مبتدیان و همچنین کاربران باتجربه طراحی شده است. هیچ دانش برنامه نویسی مورد نیاز نیست با این حال ، این پلاگین دارای ویرایشگر CSS خوبی برای کسانی است که دوست دارند کدگذاری کنند. می توانید به صورت زنده با این ویرایشگر کدگذاری کرده و CSS خود را سفارشی کنید.
دانلود | نسخه ی نمایشی | میزبانی وب
2. آسان JS سفارشی و CSS
Ce پلاگین وردپرس Premium یک ویرایشگر کد CSS و جاوا اسکریپت قدرتمند است که به شما امکان می دهد آنها را به هر بخش از وب سایت خود اضافه کنید. این به شما امکان می دهد تا سفارشی سازی های خود را حتی پس از به روز رسانی اصلی خود حفظ کنید تم وردپرس.
شما می توانید زمینه استفاده از کد شخصی خود را محدود کنید. به عنوان مثال ، می توانید از کد خود فقط برای مقاله ای در قالب ویدیو استفاده کنید. یا می توانید کد خود را به یک موضوع خاص محدود کنید. اگر به طور مکرر برای وبلاگ وردپرس خود تم تغییر دهید ، مفید است.
دانلود | نسخه ی نمایشی | میزبانی وب
2. نقشه های گوگل پاسخگو
Ce پلاگین وردپرس ایجاد سیستمی از چندین نشانگر روی نقشه و چندین نقشه در هر صفحه را ترویج می کند. این شامل نمای تمام صفحه و گروه بندی چندین نشانگر است. برای انجام این کار به کلید API نیاز نیست.
نصب کردن پلاگین وردپرس پاسخ گوگل مپs ساده و آسان است. نیازی به کد کوتاه پیچیده طولانی نیست. به همین ترتیب ، ایجاد نقشه ، افزودن سریع مکانی به آن ساده است ، برای این منظور ، فقط باید کد کوتاه را در صفحه ای که می خواهید نقشه را نمایش دهد ، کپی کنید و کارتان تمام شد!
خواندن نحوه نمایش مکان یکی از اعضای انجمن WP خود در نقشه Google
ویژگی های دیگر آن عبارتند از: الفarte پاسخگو، صچندین مکان در همان نقشه ، صچندین کارت در هر صفحه ، امکان وجود داردنشانگرهای خود را بارگیری کنید ، نمای تمام صفحه, پشتیبانیانواع مختلف نقشه (نقشه راه ، ماهواره ، ترکیبی و زمینی) ، zoom به صورت خودکار ، امکان شخصی سازی تیبرو از نقشه، eخیلی بیشتر ...
منابع پیشنهادی
منابع توصیه شده دیگری را که به شما کمک می کنند کشف کنید بهتر است ویرایشگر متن تصویری خود را تحت کنترل بگیرید.
- نحوه نصب (افزودن) یک افزونه در وردپرس
- چگونه Wordfence Security را در WordPress نصب کنیم
- چه انتظاری از گوتنبرگ ویرایشگر جدید وردپرس دارید
- نحوه استفاده از ویرایشگر گوتنبرگ برای وردپرس 5.0: قسمت XNUMX
- نحوه افزودن قابلیت به ویرایشگر بصری وردپرس
نتیجه
اینجا ! این برای این آموزش است ، امیدوارم به شما این امکان را بدهد که تورفتگی مقالات خود را بهتر سازمان دهید. در صورت تمایل به این نکته را با دوستان خود در شبکه های اجتماعی خود به اشتراک بگذارید.
اگر پیشنهادی یا اظهار نظر دارید ، از آنها استقبال می شود. ما همچنین شما را به مشورت با ما دعوت می کنیم اگر یک وبلاگ نویس مبتدی هستید ، منابع را انتخاب کنید.
...
مقاله p {dash-text: 60 px؛ }
رشته ای که به من خطایی می دهد
سرویس اعتبار سنجی نیز خطای "60px؛ } "
چگونه باید درست کنیم؟
کار خوب