آموزش فارسی کردن بلوک‌ های وودمارت با المنتور | ویرایش بلوک های وودمارت

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

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

خلاصه سریع آموزش

مسیر کلی و مراحل فارسی کردن بلوک‌ های وودمارت به این شکل است:

درون‌ریزی سایت پیش‌ساخته ← ورود به HTML Blocks ← پیدا کردن بلوک موردنظر ← ویرایش با Elementor ← فارسی کردن متن‌ها ← تغییر تصاویر و لینک‌ها ← اصلاح فونت و چیدمان ← ذخیره و بررسی سایت

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

بلوک HTML وودمارت چیست؟

HTML Block در وودمارت یک محتوای قابل استفاده مجدد است که می‌تواند با ویرایشگرهایی مانند Elementor ساخته و در قسمت‌های مختلف سایت استفاده شود.

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

برای همین، وقتی یک سایت آماده وودمارت را درون‌ریزی می‌کنید، ممکن است بعضی از قسمت‌های طراحی دمو به‌صورت HTML Block در وردپرس ایجاد شوند.

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

کافی است همان بلوک را پیدا کرده و محتوای آن را ویرایش کنید.

بعد از درون‌ ریزی سایت آماده وودمارت چه اتفاقی می‌افتد؟

هنگامی که یک سایت پیش‌ ساخته را از بخش مربوط به دموهای وودمارت درون‌ریزی می‌کنید، محتوای موردنیاز آن دمو وارد سایت می‌شود.

این محتوا می‌تواند شامل صفحات، محصولات نمونه، تصاویر، منوها، هدرها، HTML Blockها و سایر اجزای استفاده‌شده در دمو باشد.

بنابراین اگر بعد از درون ریزی دموهای قالب وودمارت متوجه شدید تعداد زیادی بلوک جدید در بخش HTML Blocks ایجاد شده است، این موضوع می‌تواند بخشی از ساختار همان سایت پیش‌ساخته باشد.

برای فارسی‌سازی دمو، باید ابتدا مشخص کنید هر بخش از سایت از کجا مدیریت می‌شود.

برای بعضی قسمت‌ها ممکن است صفحه اصلی را با Elementor ویرایش کنید، در حالی که بخش دیگری مانند یک مگامنو یا فوتر از یک HTML Block استفاده می‌کند.

چگونه بلوک‌ های وودمارت را پیدا کنیم؟

برای پیدا کردن بلوک‌های وودمارت، پس از دانلود قالب وودمارت و نصب آن ، وارد پیشخوان وردپرس شوید و به بخش بلوک های HTML بروید.

در این قسمت می‌توانید بلوک‌ های موجود را مشاهده کنید.

اگر یک سایت پیش‌ساخته را به‌تازگی درون‌ریزی کرده‌اید، نام بعضی از بلوک‌ها ممکن است انگلیسی باشد؛ زیرا نام و ساختار آن‌ها از نسخه اصلی دمو وارد شده است.

در این مرحله لازم نیست نگران انگلیسی بودن نام بلوک باشید. چیزی که اهمیت دارد محتوای داخل آن است.

برای مثال ممکن است با بلوکی مواجه شوید که مربوط به یک قسمت از فوتر، مگامنو یا یک بخش تبلیغاتی سایت باشد.

اگر نمی‌دانید یک بلوک در کدام قسمت سایت استفاده شده است، بهتر است قبل از ویرایش، محل استفاده آن را بررسی کنید.

این نکته مهم است، زیرا یک HTML Block می‌تواند در چند قسمت سایت استفاده شود و تغییر آن ممکن است در تمام محل‌هایی که همان بلوک نمایش داده می‌شود، اعمال شود. مستندات رسمی وودمارت نیز به همین ویژگی استفاده مجدد از HTML Block اشاره می‌کنند.

چگونه بلوک وودمارت را با المنتور ویرایش کنیم؟

برای ویرایش بلوک وودمارت با المنتور، باید HTML Block موردنظر را پیدا کنید و در صورتی که با Elementor ساخته شده باشد، آن را در ویرایشگر Elementor باز کنید.

بعد از ورود به Elementor، ساختار بلوک مانند سایر محتوای ساخته‌شده با این صفحه‌ساز در اختیار شما قرار می‌گیرد و می‌توانید عناصر قابل ویرایش را تغییر دهید.

در این مرحله دیگر نیازی نیست با فایل‌های قالب کار کنید.

می‌توانید عنصر متنی را انتخاب کنید، تصویر را تغییر دهید، دکمه‌ها را ویرایش کنید و ساختار بخش را مطابق نیاز خود تنظیم کنید.

اگر گزینه ویرایش با المنتور نمایش داده نشد چه کنیم؟

اگر برای HTML Block گزینه ویرایش با Elementor را مشاهده نمی‌کنید، یکی از مواردی که باید بررسی شود تنظیمات Elementor است.

در Elementor، بخش Post Types مشخص می‌کند چه نوع محتواهایی در ویرایشگر Elementor در دسترس باشند. پشتیبانی XTemos نیز برای مشکل در دسترس نبودن Elementor در HTML Block، فعال بودن HTML Block در تنظیمات Post Types را پیشنهاد کرده است.

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

وودمارت محتوای دموها را برای صفحه‌سازهای مختلف آماده می‌کند و محتوای ساخته‌شده با یک Builder الزاماً با تغییر Builder به‌صورت خودکار به فرمت Builder دیگر تبدیل نمی‌شود.

بنابراین اگر قصد دارید دمو را با افزونه المنتور پرو ویرایش کنید، بهتر است نسخه سازگار با Elementor را درون‌ریزی کنید.

چگونه متن‌های انگلیسی بلوک وودمارت را فارسی کنیم؟

برای فارسی کردن متن‌های انگلیسی، بلوک را با Elementor باز کنید، عنصر متنی موردنظر را انتخاب کنید و متن انگلیسی را با متن فارسی جایگزین کنید.

برای مثال ممکن است در یک دمو عباراتی مانند موارد زیر وجود داشته باشد:

متن انگلیسی	نمونه متن فارسی
Shop Now	خرید کنید
Read More	ادامه مطلب
New Collection	مجموعه جدید
Best Sellers	پرفروش‌ترین محصولات
Special Offer	پیشنهاد ویژه

البته این ترجمه‌ها فقط نمونه هستند و بهتر است متن نهایی را متناسب با نوع سایت، محصولات و مخاطبان خود انتخاب کنید.

نکته مهم این است که فارسی‌سازی سایت فقط به ترجمه کلمات محدود نمی‌شود.

گاهی یک عبارت انگلیسی در طراحی دمو از نظر طول متن با معادل فارسی آن تفاوت زیادی دارد. بنابراین بعد از تغییر متن باید ظاهر بخش را نیز بررسی کنید.

اگر متن فارسی طولانی‌تر شده باشد، ممکن است ارتفاع دکمه، فاصله عناصر یا چینش ستون‌ها نیاز به اصلاح داشته باشد.

چگونه دکمه‌های بلوک وودمارت را تغییر دهیم؟

دکمه‌ها یکی از قسمت‌هایی هستند که معمولاً در دموهای انگلیسی نیاز به تغییر دارند.

برای تغییر دکمه، آن را در Elementor انتخاب کنید و متن آن را به عبارت فارسی موردنظر تغییر دهید.

اما فقط متن دکمه را بررسی نکنید.

لینک دکمه نیز باید بررسی شود.

ممکن است دکمه در نسخه اصلی دمو به یک صفحه نمونه، دسته‌بندی یا محصول خاص لینک شده باشد.

بنابراین هنگام فارسی‌سازی، بهتر است برای هر دکمه این موارد را بررسی کنید:

• متن دکمه
• لینک مقصد
• ظاهر دکمه
• اندازه متن
• فاصله داخلی
• محل قرارگیری دکمه

به این ترتیب، بعد از فارسی‌سازی فقط ظاهر سایت تغییر نمی‌کند، بلکه لینک‌های نمونه دمو نیز با ساختار واقعی سایت شما هماهنگ می‌شوند.

چگونه تصاویر و بنرهای بلوک وودمارت را تغییر دهیم؟

اگر یک بلوک شامل تصویر یا بنر نمونه باشد، می‌توانید آن را در Elementor بررسی و در صورت قابل ویرایش بودن، تصویر موردنظر خود را جایگزین کنید.

برای مثال اگر یک دمو برای فروشگاه خاصی طراحی شده باشد، ممکن است بنرها، تصاویر تبلیغاتی یا تصاویر محصولات نمونه آن برای کسب‌وکار شما مناسب نباشند.

در این شرایط می‌توانید ساختار طراحی را حفظ کنید اما محتوای تصویری را تغییر دهید.

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

چگونه فونت فارسی بلوک‌های وودمارت را تنظیم کنیم؟

بعد از جایگزین کردن متن‌های انگلیسی با فارسی، ظاهر نوشته‌ها را بررسی کنید.

اگر فونت مورد استفاده برای متن فارسی مناسب نیست، می‌توانید تنظیمات فونت را بررسی کنید.

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

همچنین اگر یک بلوک در Elementor تنظیمات اختصاصی فونت داشته باشد، ممکن است لازم باشد فونت همان عنصر را نیز بررسی کنید.

هنگام فارسی‌سازی فقط نوع فونت را تغییر ندهید؛ مواردی مانند اندازه فونت، ضخامت، فاصله خطوط و فضای اطراف متن را نیز بررسی کنید.

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

چگونه بلوک‌های وودمارت را راست‌چین کنیم؟

یکی از تفاوت‌های مهم بین یک دمو انگلیسی و سایت فارسی، جهت نمایش محتوا است.

بعد از فارسی کردن یک بلوک، ظاهر آن را در حالت راست‌چین بررسی کنید.

در صورت نیاز، موارد زیر را بررسی کنید:

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

نکته مهم این است که لازم نیست تمام ساختار یک بلوک را فقط به دلیل فارسی بودن سایت تغییر دهید.

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

آیا برای فارسی کردن دمو باید طراحی را از ابتدا انجام دهیم؟

خیر. اگر بلوک وودمارت با Elementor وارد شده باشد، می‌توانید همان ساختار آماده را ویرایش کنید و نیازی به طراحی مجدد کل بلوک ندارید.

این دقیقاً یکی از دلایل استفاده از سایت‌های پیش‌ساخته است.

شما می‌توانید ساختار کلی طراحی را نگه دارید و فقط مواردی مانند متن، تصویر، لینک، فونت و بعضی تنظیمات ظاهری را تغییر دهید.

به‌عنوان مثال:

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

بنابراین فارسی‌سازی یک دمو الزاماً به معنی ساخت مجدد آن نیست.

فارسی کردن هدر و فوتر وودمارت چگونه انجام می‌شود؟

هدر و فوتر را نباید همیشه با صفحه اصلی یکسان در نظر گرفت.

در وودمارت، هدر می‌تواند با Header Builder مدیریت شود و HTML Block نیز می‌تواند به‌عنوان یک عنصر در ساختار هدر استفاده شود.

فوتر نیز می‌تواند با HTML Block ساخته شود و در تنظیمات فوتر به بلوک موردنظر اختصاص داده شود.

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

باید بررسی کنید که آن قسمت از سایت از چه ساختاری استفاده می‌کند.

اگر فوتر با یک HTML Block ساخته شده باشد، باید همان بلوک را پیدا و ویرایش کنید.

چگونه مگامنوهای انگلیسی وودمارت را فارسی کنیم؟

مگامنو یکی دیگر از قسمت‌هایی است که ممکن است در دموهای وودمارت با HTML Block ساخته شده باشد.

وودمارت امکان ایجاد محتوای مگامنو با HTML Block و صفحه‌سازهایی مانند Elementor را فراهم می‌کند.

اگر مگامنوی واردشده از دمو انگلیسی است، ابتدا بلوک مربوط به آن را پیدا کنید.

سپس می‌توانید محتوای آن را در Elementor تغییر دهید.

در این قسمت معمولاً باید مواردی مانند:

• عنوان دسته‌ها
• متن‌ها
• تصاویر
• لینک‌ها
• دکمه‌ها
• محصولات یا بخش‌های نمایشی

را بررسی کنید.

بعد از ذخیره تغییرات، مگامنو را در سایت بررسی کنید تا مطمئن شوید ساختار آن با منوی فارسی سایت هماهنگ است.

چرا بعضی از بخش‌های دمو را نمی‌توان با Elementor ویرایش کرد؟

همه قسمت‌های سایت الزاماً یک نوع محتوا نیستند.

ممکن است یک بخش داخل صفحه اصلی باشد، بخش دیگری HTML Block باشد و بخش دیگری از طریق Header Builder یا تنظیمات خود قالب مدیریت شود.

از طرف دیگر، وودمارت محتوای مربوط به Page Builderهای مختلف را به شکل متفاوت مدیریت می‌کند و محتوای ساخته‌شده برای یک Builder به‌صورت خودکار به Builder دیگر تبدیل نمی‌شود.

بنابراین وقتی بخشی را پیدا نمی‌کنید، ابتدا باید مشخص کنید آن بخش دقیقاً متعلق به کدام قسمت از ساختار وودمارت است.

به‌جای اینکه فوراً آن را حذف یا دوباره طراحی کنید، محل مدیریت آن را پیدا کنید.

قبل از ویرایش بلوک‌های وودمارت چه نکاتی را رعایت کنیم؟

قبل از انجام تغییرات گسترده، بهتر است از سایت نسخه پشتیبان تهیه کنید.

این موضوع مخصوصاً زمانی اهمیت دارد که سایت قبلاً محتوای دیگری داشته باشد و یک دمو کامل را روی آن درون‌ریزی کنید. مستندات وودمارت نیز برای درون‌ریزی کامل روی سایت دارای محتوا، تهیه نسخه پشتیبان را توصیه می‌کنند.

همچنین بهتر است:

1. ابتدا ساختار دمو را بررسی کنید.
2. مشخص کنید هر بخش از کجا مدیریت می‌شود.
3. قبل از تغییر گسترده، بلوک موردنظر را شناسایی کنید.
4. لینک‌های نمونه را بررسی کنید.
5. تصاویر دمو را با محتوای واقعی سایت جایگزین کنید.
6. بعد از فارسی‌سازی، نسخه موبایل را نیز بررسی کنید.
7. قبل از حذف یک بلوک، محل استفاده آن را بررسی کنید.

این کارها باعث می‌شود فارسی‌سازی سایت با کمترین تغییر غیرضروری انجام شود.

آیا تغییر یک HTML Block روی قسمت‌های دیگر سایت هم تأثیر می‌گذارد؟

بله، اگر یک HTML Block در چند قسمت سایت استفاده شده باشد، تغییر همان بلوک می‌تواند محتوای نمایش‌داده‌شده در محل‌های دیگر را نیز تغییر دهد.

این رفتار یکی از ویژگی‌های HTML Blockهای قابل استفاده مجدد است. مستندات رسمی وودمارت نیز توضیح می‌دهند که وقتی یک بلوک منتشرشده ویرایش شود، محل‌هایی که همان بلوک را نمایش می‌دهند، محتوای به‌روزشده را دریافت می‌کنند.

به همین دلیل، قبل از ویرایش یک بلوک باید بدانید آن بلوک در کجا استفاده شده است.

این نکته به‌خصوص برای بلوک‌های مربوط به هدر، فوتر، مگامنو و بخش‌های مشترک سایت اهمیت دارد.

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

برای اینکه مراحل کار را به‌صورت عملی مشاهده کنید، آموزش ویدیویی فارسی کردن و ویرایش بلوک‌های وودمارت با المنتور نیز تهیه شده است.

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

اگر در ابتدای کار با ساختار HTML Blockهای وودمارت آشنا نیستید، پیشنهاد می‌شود ابتدا ویدیو را مشاهده کنید و سپس مراحل را روی سایت خود انجام دهید.

این روش باعث می‌شود هنگام فارسی‌سازی، به‌جای ساخت دوباره بخش‌ها، از همان طراحی آماده استفاده کنید و فقط قسمت‌های موردنیاز را تغییر دهید.

جمع‌بندی

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

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

برای فارسی‌سازی، ابتدا بلوک موردنظر را پیدا کنید، سپس در صورت استفاده از Elementor آن را با المنتور باز کنید و متن‌ها، تصاویر، دکمه‌ها، لینک‌ها، فونت و سایر عناصر قابل ویرایش را مطابق نیاز سایت تغییر دهید.

نکته مهم این است که فارسی‌سازی دمو به معنی طراحی مجدد آن از صفر نیست. هدف این است که از ساختار آماده استفاده کنید و محتوای آن را برای سایت فارسی خود شخصی‌سازی کنید.

در نهایت، بعد از ذخیره تغییرات، حتماً صفحه را در حالت دسکتاپ و موبایل بررسی کنید تا مطمئن شوید متن‌های فارسی، تصاویر، دکمه‌ها و چیدمان عناصر به شکل صحیح نمایش داده می‌شوند.

سوالات متداول