راهنمای استفاده از ادیتور وبلاگ آزادی

ادیتور وبلاگ آزادی به شما این امکان را می‌دهد که پست‌های خود را به راحتی با استفاده از HTML و CSS بنویسید. در این راهنما شما را با امکانات مختلف این ادیتور آشنا می‌کنیم.

معرفی ادیتور

ادیتور وبلاگ آزادی از زبان HTML برای نوشتن پست‌ها پشتیبانی می‌کند. این امکان به شما کمک می‌کند که پست‌های خود را با استفاده از تگ‌ها و کلاس‌های مختلف شخصی‌سازی کنید. همچنین، برای راحتی کاربران، برخی کلاس‌های CSS نیز برای طراحی و استایل‌دهی در نظر گرفته شده‌اند.

ویژگی‌ها و امکانات ادیتور

ادیتور وبلاگ آزادی امکانات متعددی را برای شما فراهم می‌آورد:

  • پشتیبانی از HTML: شما می‌توانید از تگ‌های مختلف HTML برای ساختاردهی محتوا استفاده کنید.
  • پشتیبانی از CSS: برای استایل‌دهی به عناصر صفحه می‌توانید از کلاس‌های CSS استفاده کنید.
  • آسانی در استفاده: این ادیتور به شما امکان می‌دهد به راحتی محتوای خود را نوشته و آن را منتشر کنید.
  • css درون خطی:با استفاده از صفت style میتوانید css درون خطی را در تگ ها استفاده کنید.

نکاتی که باید رعایت کنید

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

  • امکان نوشتن تگ های زیر در ادیتور وجود دارد: <section>, <main>, <q>, <div>, <span>, <sub>, <sup>, <mark>, <p>, <a>, <b>, <i>, <strong>, <em>, <ul>, <ol>, <li>, <br>, <img>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <code>, <table>, <thead>, <tbody>, <tr>, <th>, <td>, <figcaption>
  • * نمیتوانید از رویداد های جاوا اسکریپت و سایر تگ ها استفاده کنید.
  • * برای سئوی بهتر حتما بعد از منتشر کردن پست، از ادیتور فیلد عنوان پست به انگلیسی را پر کنید از فاصله استفاده نکنید و بجایش از - استفاده کنید.
  • * اگر قصد خرابکاری با ادیتور وبلاگ آزادی داشته باشید، حسابتان مسدود خواهد شد.

تگ‌ها و کلاس‌های HTML و CSS

در این بخش، با برخی تگ‌ها و کلاس‌های HTML و CSS که در ادیتور می‌توانید از آن‌ها استفاده کنید، آشنا می‌شوید:

  • کد: برای نمایش کدها از تگ <code> در HTML استفاده کنید.
  • مخفی کردن در موبایل: برای مخفی کردن یک تگ در نسخه موبایل، از کلاس hide-mobile استفاده کنید.
  • ساخت دکمه: برای ایجاد دکمه‌ها، از تگ <a> به همراه کلاس btn استفاده کنید. اگر می‌خواهید دکمه فقط به اندازه محتوا باشد، کلاس inline-btn را به آن اضافه کنید.

نتیجه‌گیری

ادیتور وبلاگ آزادی ابزاری ساده و کاربرپسند است که به شما این امکان را می‌دهد تا محتوای خود را با استفاده از HTML و CSS به راحتی بنویسید و آن را منتشر کنید. با رعایت قوانین و استفاده صحیح از امکانات موجود، می‌توانید محتوای خود را به بهترین شکل در وبلاگ آزادی به اشتراک بگذارید.

در این بخش، با برخی تگ‌ها و کلاس‌های HTML و CSS که در ادیتور می‌توانید از آن‌ها استفاده کنید، آشنا می‌شوید:

  • کد: برای نمایش کدها از تگ <code> در HTML استفاده کنید.
  • مخفی کردن در موبایل: برای مخفی کردن یک تگ در نسخه موبایل، از کلاس hide-mobile استفاده کنید.
  • ساخت دکمه: برای ایجاد دکمه‌ها، از تگ <a> به همراه کلاس btn استفاده کنید. اگر می‌خواهید دکمه فقط به اندازه محتوا باشد، کلاس inline-btn را به آن اضافه کنید.
  • ساخت لیست موضوعات مقاله:ساختار لیست موضوعات <ul class="article-list"> <li class="article-item"> <a href="" class="article-link">موضوع یک</a> <p class="article-description">توضیحات موضوع یک</p> </li> <li class="article-item"> <a href="" class="article-link">موضوع دو</a> <p class="article-description">توضیحات موضوع دو</p> </li> </ul>