چرا به ابزار ویرایش فایل ها در سی پنل نیاز داریم؟
اگر قصد داشته باشید ظاهر قالب سایت خود را تغییر دهید و یا تعدادی امکانات به قالب سایت خود اضافه کنید، در این مواقع زمانی که با متخصصین طراحی سایت ارتباط برقرار می کنید و از آن ها میخواهید شما را راهنمایی کنند که رنگ یا سایز یکی از قسمت های قالب سایت را تغییر دهید، آن ها به میگویند داخل هاست سایت و وارد پوشه css قالب شوید و فایل style.css را باز کنید و این چند خط کد را به انتهای این فایل اضافه کنید یا اینکه کدهای موجود در سطر x را تغییر دهید تا ظاهر سایتبه دلخواه شما تغییر کند.
یا اینکه سایت شما با خطای internal server error یا همان خطای ۵۰۰ مواجه شده و برای رفع این مشکل به شما میگویند که وارد هاست سایت شوید و فایل htaccess را ویرایش کنید و تعدادی کد به آن اضافه کنید تا مشکل سایت برطرف شود.
یا وقتی هاست سایت را عوض می کنید و به یک شرکت هاستینگ دیگر مهاجرت می کنید ضروری است که وارد فایل configuration.php جوملا یا wp-config.php وردپرس شوید و مشخصات دیتابیس جدید سایت خود را که در هاست جدید ایجاد کرده اید، داخل این فایل ها وارد کنید تا سایت شما فعال شود.
در بسیاری از موارد دیگر لازم است که فایل ها را داخل هاست به صورت آنلاین ویرایش کنید و بلافاصله نتیجه تغییر ایجاد شده را در نسخه نمایشی سایت مشاهده کنید.
از طریق سه ابزار می توان فایل ها را در سی پنل ویرایش کرد:
به طور کلی سی پنل سه نوع ویرایشگر دارد که هر کدام کاربردهای متفاوتی دارند که کاربرد هر کدام در زیر آمده است :
- ویرایشگر text editor : با این ویرایشگر قادر به ویرایش کل فایل کد نویسی شده هستید و این ویرایشگر به آسانی از طریق فایل منیجر سی پنل در دسترس است.
- ویرایشکر Code Editor : با این ویرایشگر قادر به ویرایش کل فایل های کد نویسی شده با فرمت هایی مثل .html و .css و .php و .txt هستید. این ابزار امکانات خیلی بیشتری برای ویرایش فایل های برنامه نویسی شده نسبت به ویرایشگر قبلی دارد.
- ویرایشگر HTML Editor : با این ابزار تنها میتوان فایل هایی که فرمت html دارند را ویرایش کرد. این ابزار امکانات خیلی کاملی جهت ویرایش فایل های Html دارد که میتوان خیلی کارها با آن انجام داد.
نکته مهمی که باید هنگام ویرایش فایل ها به آن توجه داشته باشید این است که در هاست تنها فایل هایی قابل ویرایش و تغییر دادن هستند که سطح دسترسی ویرایش کردن از قبل بر روی آن ها تنظیم شده باشد، وگرنه اگر فایلی سطح دسترسی ویرایش نداشته باشد نمیتوانید داخل هاست آن را به صورت آنلاین ویرایش کنید.
مثلا سطح دسترسی ۶۴۴ یک سطح دسترسی مناسبی است که اگر روی فایلی ست شده باشد به آسانی قادر به ویرایش آن فایل هستید. برای به دست اوردن اطلاعات بیشتر در این زمینه لطفا پست آموزشی نحوه تغییر سطح دسترسی فایل ها در سی پنل را به صورت کامل مطالعه کنید.
نحوه ویرایش فایل ها در فایل منیجر file manager سی پنل
برای ویرایش فایل های داخل هاست سی پنل، نخست با آموزش نحوه ورود به سی پنل وارد هاست سی پنل سایت شوید و از قسمت files بر روی file manager کلیک کنید.
اکنون وارد قسمت home فایل منیجر هاست شده اید و اینجا مکان قرارگیری فایل های اساسی و ساختاری هاست شما است، بنابراین به هیچ وجه نباید هیچکدام از فایل های این مسیر را ویرایش کنید.
کل کاری که باید برای ویرایش فایل ها انجام دهید این است که وارد قسمت public_html شوید. برای ورود به این قسمت دو مرتبه بر روی آیکون آن کلیک کنید.
محتویاتی که در این مسیر مشاهده می کنید، فایل های وب سایت وردپرسی هستند. قبل از انجام هر ویرایشی شما میتوانید بر روی فایل مورد نظر خود کلیک راست کنید و گزینه view را بزنید تا نخست محتویات آن را مشاهده کنید و ببینید این دقیقا همان فایلی است که تصمیم به ویرایش آن دارید یا نه.
نحوه ویرایش فایل از طریق ابزار edit در سی پنل
به عنوان مثال فایل wp-config.php سایت را ویرایش می کنیم و مشخصات دیتابیس جدید سایت را داخل این فایل قرار میدهیم.
در ابتدا بر روی فایل کلیک راست کنید و گزینه view را بزنید و اول نگاهی به محتویات داخل فایل بیندازید تا متوجه شوید این فایل نیاز به ویرایش دارد یا نه.
آدرس سایت ما modiranserver.com است و اگر این آدرس را داخل مرورگر وارد کنید و اینتر بزنید صفحه خطا در برقراری ارتباط با پایگاه داده را مشاهده می کنید.
این به این دلیل است که مشخصات دیتابیس هاست ما به صورت درست در فایل wp-config.php وردپرس قرار نگرفته است، پس دوباره وارد فایل منیجر شوید و بر روی این فایل کلیک راست کنیمد.
این فایل را هم توسط ویرایشگر ساده edit میتوانید ویرایش کنید و هم توسط code editor، زیرا نمیخواهیم کار بسیار سختی انجام دهیم، پس بر روی همان ویرایشگر edit کلیک کنید و کار را با آن انجام دهید.
پس از وارد شدن به این فایل، نام دیتابیس خود را در این قسمت قرار دهید و نام کاربری دیتابیس را هم در این قسمت قرار دهید و رمزعبور دیتابیس را نیز در این قسمت قرار دهید.
سپس توجه کنید که encoding فایل ما بر روی utf-8 قرار گرفته باشد و بعد بر روی دکمه save changes کلیک کنید تا تغییرات ذخیره شوند.
اکنون اگر دوباره آدرس دامنه سایت را داخل مرورگر وارد کنید و دکمه اینتر را بزنید سایت به نمایش در خواهد آمد و خبری از خطا نیست.
نحوه ویرایش فایل از طریق ابزار code editor در سی پنل
حالا تصور کنید که تصمیم دارید یکی از قسمت های قالب سایت را تغییر دهید و به ما گفته شده که برای انجام اینکار باید داخل فایل style.css قالب شوید و در سطر ۴۵۲۱ مقدار فونت را از ۳۱ پیکسل به ۳۶ پیکسل تغییر دهید.
اگر بخواهیم توسط ویرایشگر ساده edit اینکار را انجام دهید باید بین چند هزار خط کد بگردید تا آن کد را پیدا کنید، اما داخل ابزار code editor که برای اینکار طراحی شده، قرار نیست انقدر به زحمت افتاد.
مثلا وارد پوشه قالب سایت شوید و فایل style.css رو پیدا کنید و روی آن کلیک راست کنید و دکمه code editor را بزنید.
همانطور که می بینید چون تعداد کدهای قرار گرفته در این فایل خیلی زیاد است، ممکن است مقداری طول بکشد تا فایل به صورت کامل لود شود.
بعد از لود شدن محتویات فایل با این ویرایشگر، شماره سطر هر خط کد در سمت چپ آن درج شده است، پس حالا به آسانی سطر ۴۵۲۱ را پیدا کنید و عدد ۳۱ را مثلا به ۳۶ تبدیل کنید و سپس دکمه save changes را بزنید تا تغییرات ذخیره شوند.
نحوه ویرایش فایل html از طریق ابزار html editor در سی پنل
اکنون اگر یک فایل html داشته باشید و تصمیم داشته باشید آن را داخل هاست به صورت آنلاین ویرایش کنید میتوانید از ویرایشگر حرفه ای html editor استفاده کنید.
مثلا اینجا یک فایل با نام readme.html دارید و اگر بخواهید نتیجه اجرایی فایل را مشاهده کنید داخل مرورگر آدرس فایل را تایپ کنید modiranserver.com/readme.html. این یک صفحه html خیلی ساده است که از قسمت های مختلفی تشکیل شده و لوگو وردپرس نیز آن بالا قرار گرفته است.
اکنون برای ویرایش این صفحه به فایل منیجر سی پنل برگردید و بر روی همین فایل کلیک راست کنید و دکمه html edit را بزنید.
این ویرایشگر بسیار حرفه ای تر از ویرایشگرهای قبلی سی پنل است و با آن میتوان کارهای جالبی را برای ویرایش فایل های html انجام داد.
مثلا لوگو وردپرس را حذف کنید و از طریق کلیک کردن بر روی ابزار درج تصویر داخل ادیتور، آدرس تصویر مورد نظر خود را در این قسمت قرار دهید و دکمه ok را بزنید، سپس برای ذخیره این فایل بر روی دکمه save کلیک کنید.
اکنون دوباره وارد آدرس صفحه html شوید و صفحه را رفرش کنید. همانطور که می بینید تصویر به خوبی فراخوانی شده، اما مقداری عرض تصویر زیاد است و از کادر بیرون زده است.
حالا دوباره به صفحه ویرایش آن فایل برگردید و با یک بار کلیک بر روی تصویر آن را انتخاب کنید و دوباره روی آیکون تصویر کلیک کنید و از قسمت width که به معنای عرض تصویر است، عدد ۷۰۰ را وارد کنید و روی دکمه ok کلیک کنید و مجددا برای ذخیره فایل بر روی گزینه save کلیک کنید.
حالا دوباره وارد صفحه مشاهده فایل می شوید و صفحه رو رفرش کنید. همانطوری که می بینید عکس ما به آسانی فراخوانی شد، در نتیجه ابزار html editor سی پنل بسیار پیشرفته است و بسیاری از کارها را میتوان با آن انجام داد.