مشاوره با وکیل رایگان در خیابان خواجه نصیر + شماره تماس

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

—

**راهنمای استفاده و نکات مهم برای ویرایشگر بلوک (گوتنبرگ) یا کلاسیک:**

برای اینکه محتوای بالا با بهترین کیفیت و با رعایت تمامی نکات طراحی و سئو نمایش داده شود، لطفاً مراحل زیر را دنبال کنید:

1. **کپی کردن محتوا:** کل متن از `

` تا انتهای `سخن پایانی` را کپی کنید.
2. **چسباندن در ویرایشگر:**
* **ویرایشگر بلوک (گوتنبرگ):** متن را مستقیماً در یک بلوک “کلاسیک” (Classic Block) یا “پارگراف” (Paragraph Block) جایگذاری کنید. بسیاری از فرمت‌ها (هدینگ‌ها، لیست‌ها، جدول) به صورت خودکار شناسایی و به بلوک‌های مربوطه تبدیل می‌شوند.
* **ویرایشگر کلاسیک:** متن را مستقیماً در حالت “متنی” (Text) یا “HTML” ویرایشگر جایگذاری کنید.
3. **بررسی و تنظیمات نهایی:**
* **هدینگ‌ها (H1, H2, H3):**
* اطمینان حاصل کنید که تگ‌های `

`، `

` و `

` به درستی به عنوان هدینگ شناسایی شده‌اند. در ویرایشگر بلوک، می‌توانید روی هر هدینگ کلیک کرده و نوع بلوک را “Heading” تنظیم کنید. سایز و ضخامت فونت را مطابق آنچه در کد با `font-size` و `font-weight` تعیین شده است، تنظیم کنید. اگر قالب سایت شما استایل‌های پیش‌فرضی دارد، ممکن است نیاز به تنظیم دستی سایز نباشد.
* **H1:** “مشاوره با وکیل رایگان…” – فونت سایز حدود 2.5em (مثلاً 40px)، بسیار ضخیم، رنگ تیره.
* **H2:** “چرا مشاوره حقوقی…” و سایر H2 ها – فونت سایز حدود 2em (مثلاً 32px)، ضخیم، رنگ آبی تیره.
* **H3:** “درک اولیه…” و سایر H3 ها – فونت سایز حدود 1.5em (مثلاً 24px)، ضخیم، رنگ آبی متوسط.
* **باکس‌ها و رنگ‌بندی:**
* بلوک‌هایی که دارای `background-color`، `border`، `border-radius` و `box-shadow` هستند (مانند بخش “چرا مشاوره حقوقی…” یا “اینفوگرافیک”)، به احتمال زیاد نیاز به تنظیمات دستی در ویرایشگر بلوک دارند. بهترین روش این است که متن هر بخش را در یک بلوک “گروه” (Group Block) قرار دهید و سپس تنظیمات رنگ پس‌زمینه، حاشیه، گوشه‌های گرد و سایه را از پنل تنظیمات بلوک اعمال کنید.
* **رنگ‌بندی پیشنهادی برای ویرایشگر بلوک:**
* **متن اصلی:** سیاه یا خاکستری تیره (#333, #444)
* **رنگ‌های اصلی (برند):** آبی تیره (#1a2a6c)، آبی متوسط (#2a5a9e)، آبی روشن (#007bff)
* **رنگ‌های تاکیدی/بک‌گراند:** آبی فیروزه‌ای روشن (#eaf1f8)، آبی آسمانی (#f0f8ff)، کرم روشن (#fffaf0)، خاکستری بسیار روشن (#f7f7f7)
* **رنگ دکمه تماس سریع:** نارنجی یا قرمز روشن (#ff6347)
* **جدول:** به صورت خودکار به بلوک “جدول” (Table Block) تبدیل می‌شود. اطمینان حاصل کنید که به درستی نمایش داده می‌شود و responsive است (در موبایل به خوبی اسکرول می‌شود یا محتوا را فشرده می‌کند).
* **اینفوگرافیک:**
* قسمت “اینفوگرافیک” به صورت متنی طراحی شده است. برای نمایش بهتر، توصیه می‌شود از بلوک “ستون‌ها” (Columns Block) استفاده کنید. یک ستون برای عنوان و توضیحات، و سه یا دو ستون برای نمایش هر جفت از مزایا (مانند سه ستون در دو ردیف). می‌توانید در هر بلوک فرعی، یک آیکون (ایموجی یا فونت آیکون) قرار دهید و سپس عنوان و متن را زیر آن بنویسید.
* از بلوک “گروه” برای کل بخش استفاده کنید و پس‌زمینه آن را با رنگ #f0f8ff تنظیم کنید.
* **تصاویر (برای اینفوگرافیک):** اگر می‌خواهید اینفوگرافیک واقعی با تصاویر داشته باشید، یک طراح می‌تواند بر اساس متن ارائه شده، آن را بسازد و شما آن را به عنوان یک “بلوک تصویر” (Image Block) جایگزین این بخش متنی کنید.
* **لینک‌های داخلی و خارجی:** مطمئن شوید که لینک‌ها (خصوصاً لینک‌های تماس و صفحات داخلی) به درستی کار می‌کنند.
* **رسپانسیو بودن:** ساختار با پاراگراف‌های کوتاه، لیست‌ها، و استفاده از `flex-wrap` در بخش‌هایی مانند اینفوگرافیک و تماس، به ذات خود رسپانسیو است. پس از قرار دادن محتوا، حتماً پیش‌نمایش آن را در ابعاد مختلف (موبایل، تبلت، لپ‌تاپ) بررسی کنید.
* **CSS سفارشی (Custom CSS):** اگر از ویرایشگر بلوک استفاده می‌کنید و قالب شما اجازه می‌دهد، می‌توانید `Custom CSS` زیر را برای بهبود ظاهر کلی اعمال کنید:
“`css
/* General Body Styling for better readability */
body {
font-family: ‘Vazirmatn’, ‘Iranian Sans’, sans-serif; /* Example font */
direction: rtl;
text-align: right;
color: #333;
}

/* Headings Specific Styles – Adjust as needed */
h1 {
font-size: 2.5em; /* Approximately 40px */
font-weight: bold;
color: #1a2a6c;
text-align: center;
margin-bottom: 25px;
}

h2 {
font-size: 2em; /* Approximately 32px */
font-weight: bold;
color: #2a5a9e;
margin-bottom: 15px;
text-align: center;
}

h3 {
font-size: 1.5em; /* Approximately 24px */
font-weight: bold;
color: #3a7a9e;
margin-top: 25px;
margin-bottom: 10px;
}

/* Responsive adjustments for headings */
@media (max-width: 768px) {
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.3em; }
}

/* Paragraphs */
p {
font-size: 1.1em;
line-height: 1.8;
color: #333;
text-align: justify;
margin-bottom: 1em;
}

/* Lists */
ul, ol {
list-style-position: inside; /* Ensures bullets/numbers are inside padding */
margin-right: 20px; /* Adjust for RTL */
padding-right: 0;
line-height: 1.8;
color: #444;
}
ul li, ol li {
margin-bottom: 8px;
}

/* Table Responsive */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 25px;
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
overflow-x: auto; /* For small screens */
display: block; /* For tables to be scrollable */
}
th, td {
padding: 12px 15px;
border: 1px solid #ddd;
text-align: right;
color: #444;
}
th {
background-color: #e6f2ff;
font-weight: bold;
font-size: 1.1em;
color: #1a2a6c;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
@media (max-width: 600px) {
table thead {
display: none;
}
table, tbody, tr, td {
display: block;
width: 100%;
}
tr {
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 8px;
}
td {
text-align: right;
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-right: 50%;
}
td::before {
content: attr(data-label);
position: absolute;
right: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
}
/* Add data-label to your TDs in HTML for this to work */
/*

…

*/
/* If not using data-label, simply remove the ::before part */
}

/* Infographic & Contact Boxes Styling */
.wp-block-group > div { /* Target inner divs if using Group blocks */
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 20px;
}

.wp-block-group > div > div { /* Target individual boxes */
flex: 1 1 300px; /* Adjust as needed for column layout */
background-color: #ffffff;
border-radius: 12px;
padding: 20px;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
transition: transform 0.3s ease;
}
.wp-block-group > div > div:hover {
transform: translateY(-5px);
}

/* Call to Action Button */
a[href^=”tel:”] {
display: inline-block;
background-color: #ff6347; /* Tomato */
color: white;
padding: 15px 30px;
border-radius: 10px;
text-decoration: none;
font-size: 1.5em;
font-weight: bold;
box-shadow: 0 4px 10px rgba(255, 99, 71, 0.4);
transition: background-color 0.3s ease, transform 0.2s ease;
}
a[href^=”tel:”]:hover {
background-color: #e55337;
transform: translateY(-2px);
}
“`
* **فونت:** پیشنهاد می‌شود از فونت‌های خوانا و استاندارد فارسی مانند Vazirmatn یا Tanha (Iran Sans) استفاده کنید که هم برای مطالعه در صفحات وب مناسب هستند و هم رسپانسیو بودن را پشتیبانی می‌کنند.

با رعایت این نکات، مقاله شما به بهترین شکل ممکن در سایت نمایش داده خواهد شد.