0

نحوه ویرایش HTML در ویرایشگر کد وردپرس (راهنمای مبتدیان) – نکات وب سایت

بازدید 16


آیا به دنبال راهی آسان برای ویرایش HTML در وب سایت وردپرس خود هستید؟

HyperText Markup Language یا HTML کدی است که به مرورگر وب می گوید چگونه مطالب را در صفحات وب خود نمایش دهد. ویرایش HTML برای سفارشی سازی پیشرفته و مشکلات عیب یابی مفید است.

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

چرا باید HTML را در وردپرس ویرایش کنید؟

وردپرس هزاران مورد را ارائه می دهد مضامین و افزونه ها برای تغییر ظاهر وب سایت خود و تنظیم عناصر مختلف بدون لمس یک خط کد.

با این حال ، افزونه ها و تم ها محدودیت های خود را دارند و ممکن است ویژگی های دقیق مورد نظر شما را ارائه ندهند. در نتیجه ، ممکن است نتوانید وب سایت خود را به شکلی که می خواهید ظاهر کنید.

اینجاست که ویرایش HTML واقعاً مفید است. با استفاده از کد HTML می توانید به راحتی سفارشی سازی پیشرفته را انجام دهید. این نرم افزار انعطاف پذیری و کنترل زیادی در مورد ظاهر و عملکرد سایت شما فراهم می کند.

علاوه بر این ، یادگیری نحوه ویرایش HTML همچنین می تواند به شما در شناسایی و اصلاح کمک کند خطاهای موجود در وب سایت وردپرس شما وقتی به داشبورد دسترسی ندارید

توجه داشته باشید: اگر نمی خواهید HTML را ویرایش کنید ، اما همچنان گزینه های سفارشی سازی کامل را می خواهید ، توصیه می کنیم از کشیدن و رها کردن استفاده کنید صفحه ساز وردپرس پسندیدن SeedProd.

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

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

نحوه ویرایش HTML در WordPress Block Editor

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

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

برای شروع ، به داشبورد وردپرس خود بروید و سپس یک پست / صفحه جدید اضافه کنید یا یک مقاله موجود را ویرایش کنید. پس از آن ، علامت بعلاوه (+) را در گوشه بالا سمت راست کلیک کنید و یک بلوک “Custom HTML” اضافه کنید.

بعد ، پیش بروید و کد HTML سفارشی خود را در بلوک وارد کنید. همچنین می توانید بر روی گزینه “پیش نمایش” کلیک کنید تا بررسی کنید آیا کد HTML به درستی کار می کند و چگونه محتوای شما در وب سایت زنده شما ظاهر می شود.

روش دیگر برای افزودن یا تغییر کد HTML در ویرایشگر بلوک وردپرس ، ویرایش HTML یک بلوک خاص است.

برای انجام این کار ، به سادگی یک بلوک موجود در محتوای خود را انتخاب کنید و سپس روی منوی سه نقطه کلیک کنید. بعد ، پیش بروید و گزینه “ویرایش به عنوان HTML” را کلیک کنید.

اکنون HTML یک بلوک جداگانه را مشاهده خواهید کرد. پیش بروید و HTML محتوای خود را ویرایش کنید. به عنوان مثال ، شما می توانید پیوند nofollow را اضافه کنید، سبک متن خود را تغییر دهید یا کد دیگری اضافه کنید.

اگر می خواهید HTML کل پست خود را ویرایش کنید ، می توانید از ‘Code Editor’ در ویرایشگر بلوک وردپرس استفاده کنید.

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

نحوه ویرایش HTML در WordPress Classic Editor

اگر از ویرایشگر کلاسیک وردپرس، سپس می توانید HTML را در نمای Text به راحتی ویرایش کنید.

برای دسترسی به نمای متن ، به سادگی یک پست وبلاگ را ویرایش کنید یا یک پست جدید اضافه کنید. وقتی در ویرایشگر کلاسیک هستید ، روی برگه “متن” کلیک کنید تا HTML مقاله خود را ببینید.

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

نحوه ویرایش HTML در ابزارک های وردپرس

آیا می دانید می توانید کد HTML را در منطقه ابزارک سایت خود اضافه و ویرایش کنید؟

در وردپرس ، استفاده از یک ابزارک HTML سفارشی می تواند به شما در سفارشی سازی نوار کناری ، پاورقی و سایر موارد کمک کند مناطق ویجت. به عنوان مثال ، می توانید تعبیه کنید فرم های تماس، Google Maps ، دکمه های دعوت به عمل (CTA) و سایر مطالب.

می توانید با رفتن به پنل مدیریت وردپرس خود شروع کنید و سپس به آن بروید ظاهر »ابزارک ها. پس از آن ، با کلیک بر روی دکمه “افزودن” یک ابزارک HTML سفارشی اضافه کنید.

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

پس از انتخاب منطقه و موقعیت ویجت ، پیش بروید و بر روی دکمه “ذخیره ابزارک” کلیک کنید.

پس از آن ، می توانید بر روی ابزارک HTML سفارشی خود کلیک کنید ، کد HTML را وارد کنید و سپس بر روی دکمه “ذخیره” کلیک کنید.

اکنون می توانید برای مشاهده ابزارک HTML سفارشی به وب سایت خود مراجعه کنید.

نحوه ویرایش HTML در WordPress Theme Editor

روش دیگر برای ویرایش HTML وب سایت شما از طریق ویرایشگر قالب وردپرس (ویرایشگر کد).

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

همچنین ، اگر موضوع خود را به روز کنید ، تمام تغییرات شما از بین می رود.

گفته شد ، اگر شما در حال ویرایش HTML با استفاده از ویرایشگر Theme هستید ، خوب است که این کار را انجام دهید از وب سایت خود پشتیبان بگیرید قبل از ایجاد هرگونه تغییر

بعد ، سر به ظاهر »ویرایشگر قالب از داشبورد وردپرس خود. اکنون یک پیام هشدار در مورد ویرایش مستقیم پرونده های تم مشاهده خواهید کرد.

پس از کلیک بر روی دکمه “من می فهمم” ، فایلها و کد موضوع را مشاهده خواهید کرد. از اینجا می توانید انتخاب کنید که کدام پرونده را ویرایش کنید و تغییرات خود را انجام دهید.

نحوه ویرایش HTML در وردپرس با استفاده از FTP

روش جایگزین دیگر برای ویرایش HTML در پرونده های تم WordPress با استفاده از FTP است که به عنوان سرویس پروتکل انتقال فایل نیز شناخته می شود.

این یک ویژگی استاندارد است که با همه ارائه می شود میزبانی وردپرس حساب ها.

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

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

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

پس از ورود به سیستم ، پوشه ها و پرونده های مختلف وب سایت خود را در زیر ستون ‘Remote site’ مشاهده خواهید کرد. پیش بروید و با رفتن به ، به پرونده های تم خود بروید wp-content »موضوع.

اکنون می توانید موضوعات مختلفی را در وب سایت خود مشاهده کنید. پیش بروید و موضوعی را که می خواهید ویرایش کنید انتخاب کنید.

در مرحله بعدی ، می توانید بر روی یک پرونده تم کلیک راست کنید تا HTML ویرایش شود. به عنوان مثال ، اگر می خواهید در پاصفحه تغییراتی ایجاد کنید ، روی پرونده footer.php راست کلیک کنید.

بسیاری از سرویس گیرنده های FTP به شما امکان می دهند فایل را مشاهده و ویرایش کنید و پس از ایجاد تغییرات ، آنها را به طور خودکار بارگذاری کنید. در FileZilla می توانید این کار را با کلیک روی گزینه “مشاهده / ویرایش” انجام دهید.

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

پس از ویرایش HTML می توانید فایل اصلی را جایگزین کنید. برای جزئیات بیشتر ، توصیه می کنیم راهنمای ما را دنبال کنید نحوه استفاده از FTP برای بارگذاری پرونده ها در وردپرس.

راه آسان برای افزودن کد در وردپرس

ساده ترین راه برای افزودن کد به W خود

تفسیر:
اخبار و پیوندهای واقعاً مفید را می توان در این پست کامل یافت.
منبع – WPBeginner.com



منبع اصلی

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

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

4  +  2  =