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

3.4 / 5. تعداد رای: 25

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

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

html چیست

برای این که بدانید html چیه میتونید مقاله قدم 0 طراحی سایت با html-css را مطالعه کنید.

اما اگر بخوایم در کل به صورت خلاصه توضیح دهیم که html چیه باید بگم شما یک ساختمان را در نظر بگیرید که بعد از گود‌‌برداری به سراغ ساخته شدن و نقشه میره که بهمان میگه کجا پنجره باشد کجا درب ها قرار بگیرن و اتاقا کجا باشن و با مصالحی مثل بتن و سیمان و… شروع میکنن به ساختنش.

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

اما این به معنی تم نیست، شما تم را css درست میکنید و html صرفا به شما در درست کردن استیا کمک می‌کند و بهتون میگه مثلا در هدر یک دکمه ثبت نام داریم و سمت راست قرار دارد اما این که این دکمه چه رنگی باشد و… را با css انجام میدیم.

css چیست

css هم باید بگم شما همان ساختمون را در نظر بگیرید. بعد از ساخته شدن ساختمون و تکمیل شدن بدنه و زیر ساخت ها، حالا میخوایم خوشگلش کنیم. فرض کنید نقاشی ساختمون و سنگ های تزئینی و… را انجام دادین و چیزی که میبینید زیبایی استکه با دیدنش توسط دیگران پبام مبارکتون باشد بهتون میدن و میگن wow.

این خوشگل کردنا در دنیای وب با css انجام می‌شود.

نمایش فایل HTML در سایت

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

اما بهتر است یک نگاهی به معانی بندازیم.

بگذریم، میخواستیم در این مقاله ببینیم که چطوری فایل های html سایتمون را در وردپرس بدون نیاز به افزونه نمایش بدیم.

آپلود فایل html در سایت

قبل از آپلود صفحه HTML خود و تغیر آن ها به یک سایت وردپرسی باید این کار ها را انجام بدین.

 آپلود صفحه HTML در سایت وردپرسی
آپلود صفحه HTML در سایت وردپرسی

در مرحله اول باید نام فایل index.html صفحه html به ‘index.php’ تغییر دهید. سپس تمام فایل ها و پوشه های html را انتخاب کنید و یک فایل فشرده zip ایجاد کنید. (پس از انتخاب فایل ها کلیک راست کرده و روی گزینه Send to » Compressed Zip Folder کلیک کنید).

Compressed Zip Folder
Compressed Zip Folder

پعد از اتمام کار، وارد پنل کاربری هاستینگ> file manager> public-html خود شوید.

روی لینک folder از منوی بالا کلیک کنید و یک پوشه خالی جدید ایجاد کنید. بعد یک نام دلخواه برای پوشه بذارید و روی دکمهCreate New Folder کلیک کنید. پوشه مورد نظرتان را بسازید. سپس وارد پوشه شده و فایل html که در مرحله قبل زیپ کردید را آپلود کنید.

اکسترکت کردن فایل html آپلود شده

اکسترکت کردن فایل html آپلود شده
اکسترکت کردن فایل html آپلود شده

حال نوبت به اکسترکت کردن فایل می‌رسه. روی فایل کلیک راست کنید و گزینه (exteract/ Extract File(s را انتخاب کنید. در آخر فایل زیپ را حذف نمایید.

خب الان میتونید مسیر yourwebsite.com/example را در مرورگر خود وارد و اجرا کنید.

از تماشای صفحه html خود لذت ببرید. (به جای yourwebsite.com نام دامنه خود را و به جای example نام فولدری که ایجاد کردید را بنویسید).

اگر سرور شما از تغییر مسیر پشتیبانی نمی‌کند، ممکن است با خطای 404 مواجه شوید، زیرا فایل index.php شما در بارگذاری URL مرورگر هدایت نشده. این یکی از خطاهای معمول وردپرسه که می‌توانید به راحتی آن را برطرف کنید.

فایل .htaccess را در پوشه public-html باز کرده و کد زیر را اضافه کنید:

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

این کد فایل index.php شما را هدایت می‌کند و آن را در مرورگر بارگذاری می‌کند.

موفق و پیروز باشید.

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U323475 ۱۲ اردیبهشت ۱۴۰۲

    سلام وقتتون بخیر
    من به تازگی هاست و دامین تهیه کردم.فایلهای مربوط به سایتم را در هاست بارگذاری کردم اما برای مشاهده سایت ابتدا نام پوشه فایلها نمایش داده میشود که با کلیک کردن بر روی پوشه سایت نمایش داده میشود.
    در ضمن قالبی که طراحی کردم با html.css و bootstrap است
    راه حل برای ورود مستقیم به سایت چیست؟

  2. U323364 ۸ اردیبهشت ۱۴۰۲

    سلام خسته نباشید من دقیقا همین اموزش را انجام دادم ولی کد html من و بالا نمیاره میتونید کمکم کنید ؟ تازه هاست تهیه کردم ولی این کاهارو دقیقا انجام دادم ولی نشد

  3. U7314 ۳۱ خرداد ۱۴۰۱

    سلام و عرض ادب
    اضافه کردن فایل های html، css، js از لحاظ امنیتی مشکلی برای سایت ایجاد نمیکند؟؟
    چون با وارد کردن ادرس فایل js کدهای آن نمایش داده میشود

  4. U27629 ۲۰ اردیبهشت ۱۳۹۹

    سلام
    من می خواستم متن فوتر را در قالب اکسپرس استیل تغییر بدم از طریق خود پنل که تغییر میدم هیچ تغییری نمی کنه ، راهی وجود داره به غیر از این راه ؟

  5. کاربر مهمان ۱۶ بهمن ۱۳۹۸

    آقای حسینی خواهشا کمکم کنید،میخام متن دکمه جستجو رو تغیر بدم،چی کار کنم؟؟؟

  6. کاربر مهمان ۱۹ آذر ۱۳۹۷

    سلام. خسته نباشید. میخواستم بدونم برای تغییر و یا حذف برخی از تگهای html و css در وردپرس بدون استفاده از ftp client میشه اقدام کرد؟

  7. کاربر مهمان ۲۹ مرداد ۱۳۹۷

    من گفتم از یه جای دیگه آموزش رو دیدم خل نیستم که بیام دوباره 300 هزار تومن پول بدم اونم بخاطر ریسپانسیو سایت
    من فقط از شما یه سوال پرسیدم :/
    اگر می تونید جواب بدید ممنون میشم

    • Reza Rad رضا راد ۲۹ مرداد ۱۳۹۷

      تصمیم با شماست و تصمیم شما قابل احترام. این موردی یک خط کد نیست که بتونیم توی چند جمله توضیح بدیم. همین موردی که فرمودید حدود ۲ ساعت در این پکیج آموزش داده شده

  8. کاربر مهمان ۲۹ مرداد ۱۳۹۷

    سلامی مجدد
    من میخوام یک قالب وردپرس درست کنم با html و خواستم بگم که چجوری میتونیم رزولیشن صفحه رو به یه اندازه خاص درست کنیم مثلا برای header صفحه یه عکسی که تو فتوشاپ درست کردیم میخوایم بزاریم و بعد عرض و ارتفاع رو تنظیم میکنیم (مثلا رزولیشن 360 در 640) و فقطی که در گوشی های بزرگتر یا تبلت و کامپیوتر میخوایم ببینیم کوچیک نشون میده
    باید چیکار کرد؟؟
    که اندازه خاصی برای صفحات نشون بدیم و اینکه من طراحی سایت رو از سایت شما ندیدم از یه سایت دیگه دیدم

  9. کاربر مهمان ۲۰ مرداد ۱۳۹۷

    ممنون بابت کمکتون 🙂

  10. کاربر مهمان ۱۹ مرداد ۱۳۹۷

    سلام من یه سوال داشتم در مورد html
    مثلا می خوایم نوشته salam رنگارنگ نشون داده بشه منظورم اینه که رنگش از قرمز یهو بشه آبی و بعد بشه سبز و…
    و اینکه بدون css میشه؟؟
    ممنون میشم کمکم کنید