سبد خرید

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

Learn How to Rebrand Directadmin Panel for Resellers

ریبرند کردن (Rebranding) یا «بازآفرینی برند» یکی از اصلی‌ترین نیازهای نمایندگان هاست است. شما به‌ عنوان مالک یک هاست نمایندگی نیاز دارید که بتوانید پنل دایرکت ادمین خود را شخصی‌سازی کنید و مطابق با نیازهای کاربرانتان، یک پنل دایرکت ادمینِ همه‌چیز تمام برایشان محیا کنید.

اگر اولین مقاله از سری مقالات «راهنمای هاست نمایندگی» با عنوان «هاست نمایندگی چیست؟» را مطالعه کرده باشید، مطلع هستید که ما امکان ریبرندینگ پنل کاربری را به‌عنوان یکی از نیازهای اصلی هر سرویس هاست نمایندگی عنوان کردیم. این امکان موجب می‌شود که شما بتوانید فارغ از شرکت ارائه‌دهنده‌ی سرویس هاست نمایندگی، خودتان به عنوان یک برند مستقل عمل کنید و دارای چهره‌ای منحصربه‌فرد باشید.

بنابر درخواست همراهان نت افراز، در این مقاله تصمیم داریم که صفر تا صد امکانات ریبرندینگ پوسته‌ی “Evolution” پنل دایرکت ادمین را بررسی کنیم و ببینیم که چطور می‌توانیم پنل هاست نمایندگی نت افراز را به یک پنل کاملا اختصاصی تبدیل کنیم. لازم است اشاره کنیم که قالب Evolution بیشترین پتانسیل و بهترین عملکرد را برای Rebranding دارد، از همین‌ رو، چنانچه از پوسته‌های دیگر هاست نمایندگی پنل دایرکت ادمین استفاده می‌کنید، به شما پیشنهاد می‌کنیم که با استفاده از آموزش زیر، به پوسته‌ی Evolution مهاجرت کنید.

آموزش اعمال پوسته Evolution بر روی پنل هاست نمایندگی دایرکت ادمین

برای دسترسی به صفحه مدیریت امکانات پوسته‌ی Evolution و ریبرند کردن آن، لازم است که ابتدائا وارد پنل هاست نمایندگی خود شوید. برای این کار، لازم است که پس از ورود به پنل کاربری خود در سایت نت افراز و رفتن به مسیر “سرویس‌ها > سرویس‌های من” بر روی سرویس هاست نمایندگی خود کلیک کنید.

 

نحوه مشاهده سرویس ها در نت افراز

 

با این کار صفحه‌ی جزئیات سرویس برای شما بازخواهد شد. در انتهای این صفحه کلیدی با عنوان «ورود به DirectAdmin» قرارگرفته است که با کلیک بر روی آن، مستقیما به داشبورد پنل هاست نمایندگی خود وارد می‌شوید.

آموزش ریبرند کردن پنل دایرکت ادمین

نهایتا در صفحه اصلی پنل هاست نمایندگی خود، تنها کافیست که بر روی عبارت “Customize Evolution Skin” از بخش Reseller Tools کلیک کنید. اکنون تمامی امکانات مربوط به شخصی‌سازی پوسته‌ی Evolution و ریبرند کردن آن در اختیار شما قرار گرفته است که در ادامه به بررسی هریک از موارد موجود در آن خواهیم پرداخت. در ادامه با ما در تیم تحریریه نت افراز بلاگ همراه باشید.

تنظیمات مدیریت پوسته‌ پنل هاست نمایندگی

پس از اینکه بر روی گزینه‌ی “Customize Evolution Skin” در پنل هاست نمایندگی کلیک کردید، با صفحه‌ای مطابق با تصویر زیر مواجه خواهید شد.

تنظیمات قالب evolution پنل دایرکت ادمین

در اینجا امکانات شخصی‌سازی پوسته به دو بخشِ “Options” و “Branding” تقسیم شده‌اند. در اولین بخش از این مقاله به سراغ امکانات بخش Options یا همان تنظیمات قالب می‌رویم و در ادامه به مبحث Branding می‌پردازیم.

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

Layout یا چیدمان

چنانچه مقاله‌ی “شروع کار با پنل هاست نمایندگی نت افراز” را مطالعه کرده باشید، حتما می‌دانید که پوسته‌ی Evolution دارای چندین حالت چیدمان مختلف است که هر کدام طرفداران خود را دارند، امکانات مختلف را به گونه‌های متفاوت نشان می‌دهند و هر شخص می‌تواند متناسب با سلیقه خود یک چیدمان را انتخاب کند. در همان مقاله به شما گفتیم که ما در تیم نت افراز، چیدمان “Icons Grid” را به‌عنوان چیدمان پیش‌فرض پنل‌های هاست نمایندگی خود انتخاب کرده‌ایم، اما این «پیش‌فرض قرار دادن» به چه صورت اتفاق افتاده است؟ آیا شما هم می‌توانید یک چیدمان پیش‌فرض برای پنل دایرکت ادمین مشتریانتان انتخاب کنید؟

در جواب پرسش‌های بالا باید گفت که بله، شما هم می‌توانید یک چیدمان پیش‌فرض برای پنل دایرکت ادمین مشتریانتان داشته باشید. پس از اینکه در صفحه “Customize Evolution Skin” بر روی بخش “Layout” کلیک کنید، صفحه جدیدی مطابق با تصویر زیر برایتان باز خواهد شد.

تنظیمات layout پوسته evolution

در مقابل گزینه “Default Layout”، یک منوی آبشاری قرار گرفته که با کلیک بر روی آن، می‌توانید چیدمان پیش‌فرض مدنظر خودتان را انتخاب نمایید. اینکه هر چیدمان چه ظاهری دارد و… را پیش از این در مقاله‌ای بررسی کرده‌ایم که با کلیک بر روی «این لینک»، می‌توانید جزئیات مربوط به هر چیدمان را مشاهده کنید.

دقیقا در زیر این منو، یک چک‌باکس با متن “Forbid users changing the skin layout on user level” قرار گرفته است. این چک‌باکس تعیین می‌کند که آیا مشتریان شما قادر به تغییر چیدمان پنل هاست دایرکت ادمین خود هستند، یا خیر.

چنانچه تیک این چک باکس را فعال کنید، دو کلید جدید در بالای صفحه ظاهر می‌شوند. با کلیک کردن بر روی کلید “Save Changes” تغییرات شما ذخیره خواهند شد و مشتریان شما قادر نخواهند بود که چیدمان پنل هاست دایرکت ادمین خود را تغییر دهند. با غیرفعالسازی این چک‌باکس، مجددا امکان تغییر Layout پوسته برای مشتریانتان فعال خواهد شد و آنان می‌توانند چیدمان مدنظر خود را انتخاب کنند.

در بخش بعدی و در کادر “می‌توانید محل قرارگیری فایل CSS سفارشی خود را مشخص کنید. چنانچه تسلط کاملی به مبحث Front-end دارید و فکر می‌کنید می‌توانید تغییرات مثبتی در رابط کاربری پنل دایرکت ادمین مشتریانتان اعمال نمایید، می‌توانید آدرس فایل CSS سفارشی خود را در این بخش وارد نموده و بر روی کلید “Save Changes” کلیک کنید.

نهایتا در تنظیمات Layout پوسته‌ی Evolution می‌توانید چک‌باکس “Disable Route Transition” را مشاهده کنید. این گزینه به‌صورت پیش‌فرض در پنل‌های نت افراز فعال است و به شما هم پیشنهاد می‌کنیم که این چک‌باکس را پر کنید. این گزینه مدیریت بخشی از سیستم RTL و LTR نمایش پوسته را برعهده دارد و بر اساس نظرات کاربران دایرکت ادمین در انجمن‌های مختلف، غیرفعالسازی آن باعث بروز مشکلات مختلفی خواهد شد.

Date Formats یا قالب تاریخ و زمان

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

پس ار رفتن به بخش “Date Formats” صفحه‌ای مشابه با تصویر زیر را مشاهده می‌کنید.

تنظیمات تاریخ در قالب evolution

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

بخش دوم گزینه‌ی “Date & Time Format” می‌باشد که امکان تغییر آن توسط شما امکان پذیر نیست. همانطور که در ابتدای این بخش گفتیم، مقادیر تاریخ و زمان توسط مدیر سرور نت افراز بر روی کلیه سرورها اعمال شده‌اند. به‌صورت پیش‌فرض، تیک گزینه‌ی “24H” در پنل هاست نمایندگی نت افراز فعال است که بر این اساس فرمت نمایش ساعت به‌شکل ۲۴ ساعته می‌باشد. با حذف این تیک و کلیک کردن بر روی گزینه‌ی “Save Changes”، می‌توانید فرمت نمایش ساعت را به حالت دو نیمه‌ی ۱۲ ساعته (AM/PM) درآورید.

در پایان این بخش از تنظیمات، می‌توانید روز آغازین هفته (Week Start) را انتخاب کنید. از آنجایی که قالب دایرکت ادمین بر اساس فرهنگ مردم اروپا و آمریکا برنامه‌نویسی شده است، در این منوی آبشاری تنها می‌توان روزهای دوشنبه و یک‌شنبه را مشاهده کرد. مسلما این موضوع از اهمیت خاصی برخوردار نیست و با تغییر این گزینه هیچ اتفاق مثبت یا منفی در پنل دایرکت ادمین مشتریان شما رخ نخواهد داد.

Widgets یا ویجت‌ها

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

پس از اینکه بر روی بخش “Widgets” از تنظیمات پوسته‌ی Evolution کلیک کردید، صفحه‌ای مطابق با تصویر زیر برایتان باز خواهد شد. در این قسمت دو بخش اصلی وجود دارد. اولین بخش، سطح کاربری (Level) را تعیین می‌کند و در بخش دوم ویجت‌های قابل فعالسازی برای هر سطح کاربری دیده می‌شوند.

تنظیمات ویجت‌ها در پنل هاست نمایندگی نت افراز

شما به عنوان یک نماینده‌ی هاستینگ، می‌توانید ویجت‌های نقش کاربریِ Reseller (خودتان) و ویجت‌های نقش کاربری User (مشتریانتان) را مدیریت کنید. در این منوی آبشاری می‌توانید نقش کاربری Admin (مدیر سرور نت افراز) را هم مشاهده کنید، اما از آنجایی که به این نقش کاربری دسترسی ندارید، قاعدتا نمی‌توانید ویجت‌های مرتبط به ادمین سرور را مشاهده کنید و از همین رو با انتخاب نقش کاربری Admin، در بخش ویجت‌ها با عبارت “No Data to Show” مواجه خواهید شد. در ادامه به بررسی ویجت‌های هر نقش کاربری و نحوه فعالسازی یا غیرفعالسازی آن‌ها خواهیم پرداخت.

ویجت‌های نماینده هاستینگ یا Reseller

با انتخاب نقش کاربری Reseller از بخش Level، ویجت‌های زیر برای شما قابل انتخاب می‌باشند.

WGT_RESELLER_STATS: این ویجت میزان منابع و مقدار مصرف نماینده‌ی هاستینگ از منابع هاست نمایندگی را بررسی می‌کند. مواردی مثل میزان فضای ذخیره سازی، پهنای باند، تعداد دیتابیس‌ها، تعداد مشتریان سرویس نمایندگی، اکانت‌های ایمیل و… همگی از این نوع داده‌ها هستند.

WGT_LIST_USERS: این ویجت به بررسی مشتریان سرویس هاست نمایندگی می‌پردازد. مواردی از جمله نام کاربری مشتری، میزان فضای ذخیره‌سازی استفاده شده توسط مشتری، نام دامنه مشتری و… از جمله مواردی هستند که در ویجت List Users می‌توانید مشاهده کنید.

WGT_SKINS: این ویجت تمامی پوسته‌های قابل نصب بر روی پنل هاست نمایندگی و همچنین پنل دایرکت ادمین مشتریانتان را به شما نشان می‌دهد.

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

WGT_EMAIL_POP: کلیه ایمیل‌های ایجادشده بر روی هاست نمایندگی شما از طریق این ویجت قابل مشاهده هستند. اگر تمرکز بسیاری بر روی موضوع ایمیل مارکتینگ دارید، می‌توانید از این ویجت بیشترین بهره را ببرید.

WGT_IP_CONFIG: این ویجت را می‌توان یکی از کاربردی‌ترین ویجت‌های پوسته‌ی Evolution دانست. به کمک این ویجت می‌توانید IP هاست نمایندگی خود را مشاهده کنید و در صورت خرید IP اختصاصی، مشخصات IP مخصوص به خود را هم ببینید. وضعیت IP (اختصاصی یا اشتراکی) و تعداد هاست‌های فعال بر روی یک IP از مهم‌ترین اطلاعاتی هستند که این ویجت در اختیار شما قرار می‌دهد.

ویجت‌های مشتریان هاست نمایندگی یا User

با انتخاب نقش کاربری User از بخش Level، ویجت‌های زیر برای شما قابل انتخاب می‌باشند.

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

WGT_ADDITIONAL_DOMAINS: این ویجت به مشتریان شما این امکان را می‌دهد تا بتوانند اطلاعات کاملی از دامنه‌ی اصلی، ساب‌دامین‌ها و ادان دامین‌های خود به دست آورند. در این ویجت برای هر دامنه و ساب‌دامنه، مواردی مثل میزان پهنای باند مصرفی یا میزان استفاده از فضای ذخیره‌سازی هاست درج شده‌اند.

WGT_DB: این ویجت دقیقا عملکردی با ویجت “Databases” در بخش Reseller دارد. همانطور که یک نماینده هاستینگ می‌تواند از پنل هاست نمایندگی خود، تمامی دیتابیس‌های ایجادشده بر روی پایگاه داده را مشاهده نماید، مشتریان شما هم می‌توانند با استفاده از این ویجت دیتابیس‌های خود را مشاهده کنند.

WGT_EMAIL_POP: این ویجت به مشتریان شما این امکان را می‌دهد که بتوانند تمامی ایمیل‌های ایجادشده توسط خودشان را مشاهده کنند.

نحوه فعال‌سازی یا غیرفعال‌سازی ویجت‌ها

همانطور که در تصویر زیر مشاهده می‌کنید، در کنار هر ویجت یک چک‌باکس قرار گرفته که با پر کردن یک یا چندمورد از آن‌ها، دو کلید جدید با عناوین “Add Widget” و “Remove Widget” برای شما ظاهر می‌شود.

تنظیمات widgets در پنل دایرکت ادمین

برای فعال‌سازی ویجت‌های مدنظر خود برای خودتان یا مشتریانتان، تنها کافیست که ویجت‌های دلخواه را علامت‌گذاری کرده و نهایتا بر روی کلید “Add Widget” کلیک کنید. برای غیرفعال‌سازی هر ویجت هم تنها کافیست که ویجت‌های مدنظر خود را انتخاب کرده و بر روی کلید “Remove Widget” کلیک نمایید.

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

ویجت‌ها آخرین بخش از تنظیمات این قالب هستند و پس از آن با امکانات “BRANDING” پوسته‌ی Evolution روبه‌رو خواهید شد. در ادامه به سراغ امکانات بسیار جذاب قالب Evolution برای ریبرند کردن پنل هاست نمایندگی می‌رویم.

تنظیمات ریبرندینگ قالب Evolution

برای اینکه بتوانید به‌عنوان یک برند مستقل فعالیت کنید، نیاز دارید که بتوانید رنگ‌و‌بوی قالب مشتریانتان را هم متناسب با رنگ سازمانی خود تنظیم نمایید. قالب Evolution بیشترین تنظیمات ممکن را برای ریبرند کردن قالب هاست در اختیارتان قرار می‌دهد. از عوض کردن لوگوی پنل هاستینگ گرفته تا تغییر رنگ‌های مختلف پنل کاربری و حتی فضایی برای افزودن CSS سفارشی، همه و همه در پوسته‌ی Evolution در دسترستان هستند. در ادامه بررسی می‌کنیم که امکانات ریبرندینگ پوسته‌ی Evolution شامل چه مواردی است و چگونه می‌توانید پنل هاست مشتریانتان را متناسب با تم سازمانی خود ریبرند کنید.

Colors یا رنگ‌ها

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

تنظیمات ریبرندینگ رنگ قالب evolution

Component Colors

این بخش، شامل رنگ‌ها اصلی قالب Evolution می‌شود. مواردی از جمله رنگ اصلی پوسته تا رنگ کلیدها و…، همگی از جمله مواردی هستند که در این بخش می‌توانید آن‌ها را تغییر دهید و این پوسته را متناسب با تم سازمانی خود Rebrand کنید. در تصویر بالا هر رنگ و محل استفاده از آن را می‌توانید مشاهده کنید.

Primary: بیشترین طیف رنگی یک قالب را رنگ اصلی یا همان Primary Color تشکیل می‌دهد. مواردی از جمله رنگ “Breadcrumb” (یا همان مسیری که فرد در آن قرار دارد) تا رنگ لینک‌ها در حالت Hover همگی از رنگ Primary پوسته استفاده می‌کنند. در تصویر زیر مواردی که از رنگ Primary استفاده می‌کنند را با کادر آبی‌ رنگ مشخص کرده‌ایم.

Safe: هر کلیدی که منجر به وقوع یک عملکرد مثبت (ماننده Save کردن، ذخیره‌سازی، اعمال کردن و…) می‌شود، در قالب Evolution از مشخصه‌ی رنگی Safe استفاده می‌کند. در تصویر زیر مواردی که از رنگ Safe استفاده می‌کنند را با کادر سبز رنگ مشخص کرده‌ایم.

ریبرند کردن تنظیمات رنگ‌های قالب evolution

Danger: هر کلیدی که منجر به وقوع یک عملکرد منفی (مانند بازگردانی کلی تنظیمات، حذف یک داده و …) می‌شود، در قالب Evolution از مشخصه‌ی رنگی Danger استفاده می‌کند. در تصویر بالا مواردی که از رنگ Danger استفاده می‌کنند را با کادر نارنجی رنگ مشخص کرده‌ایم.

Neutral: پس از رنگ اصلی، بیشترین طیف رنگی قالب Evolution شامل رنگ خنثی می‌شود. کلیدهای ناوبری همچون Back و Forward، کادرهای مختلفی که عملگرها را در بر می‌گیرند و… همگی از رنگ خنثی استفاده می‌کنند. در تصویر بالا مواردی که از رنگ Neutral استفاده می‌کنند را با کادر خاکستری رنگ مشخص کرده‌ایم.

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

Theme Colors

اگر مقاله قبلی ما با عنوان “شروع کار با پنل هاست نمایندگی نت افراز” را مطالعه کرده باشید، حتما مطلع هستید که قالب Evolution با معرفی یک زبان طراحی جدید با عنوان “Refreshed”، یک چیدمان اختصاصی، بسیار مدرن و جذاب را تهیه و طراحی کرده است که اکثرا آن را به‌عنوان نماد این پوسته می‌شناسیم.

سازندگان پوسته‌ی Evolution به منظور اینکه بتوانند دست نمایندگان هاستینگ را برای مدیریت پوسته Evolution باز بگذارند، تنظیمات رنگی سایر چیدمان‌ها را تحت عنوان چیدمان‌های کلاسیک و چیدمان اختصاصی پوسته‌ی Evolution را تحت عنوان چیدمان Refreshed تنظیم کرده‌اند.

با انتخاب تم رنگی دلخواه خود برای چیدمان‌های کلاسیک، رنگ زمینه‌ی چیدمان‌های Standard ،Sidebar و Icons Grid مطابق با رنگ انتخابی مدنظر شما تنظیم می‌شود. با انتخاب تم رنگی Refreshed هم، رنگ زمینه‌ی چیدمان Refreshed بنابر رنگ انتخابی شما تغییر پیدا می‌کند.

Shades

قالب Evolution حتی امکان شخصی‌سازی سایه‌های پنل دایرکت ادمین را هم برای شما فراهم کرده است. در مقابل عبارت Shades یک آیکن به‌علاوه (+) قرار گرفته است که با کلیک کردن بر روی آن یک پنجره‌ی پاپ‌آپ برای شما باز می‌شود. در این پنجره رنگ‌های اصلی پوسته و همچنین نوع سایه‌ها مختلف قرار گرفته است. با استفاده از این پنجره‌ی پاپ‌آپ می‌توانید برای تمامی چیدمان‌های Legasy و Refreshed و همچنین کلیدهای مختلف، سایه‌ای مطابق با سیاست‌های مدنظر خودتان تعیین کنید.

تنظیمات ریبرندینگ سایه ها در پنل دایرکت ادمین

سایه‌ها آخرین بخش از تنظیماتی هستند که در رابطه با ریبرند کردن رنگ‌های پنل دایرکت ادمین خود می‌توانید انجام دهید. پس از ریبرند کردن رنگ‌ها به سراغ بخش بعدی تنظیمات ریبرندینگ پنل Evolution می‌رویم؛ بخشی که بسیار برای افراد آشنا با CSS جذاب خواهد بود.

CSS Styles یا استایل‌های CSS سفارشی

استایل‌های CSS دومین بخش از امکاناتی است که قالب Evolution برای ریبرند کردن پنل دایرکت ادمین در اختیار شما قرار می‌دهد. در حقیقت با این قابلیت می‌توانید بیشتر از ۹۰ درصد ظاهر قالب را تغییر دهید. اگر به دنبال شخصی‌سازی‌های عمیقی هستید، این بخش برای شماست!

فرقی نمی‌کند که خودتان یک برنامه نویس Frontend هستید یا مالک شرکتی هستید که از چندین نیروی فرانت‌کار باتجربه و متخصص بهره می‌برد، در هر حالتی با استفاده از دانش خود و نیروهایتان می‌توانید از صفر تا صد پوسته‌ی Evolution را با استفاده از CSSهای سفارشی شخصی‌سازی کنید.

تنظیمات css سفارشی برای ریبرندینگ پوسته evolution

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

اولین سربرگ با عنوان “Shared CSS” معرفی شده است. کدهایی که در این سربرگ می‌نویسید، بر روی تمامی چیدمان‌های قالب Evolution اعمال خواهد شد. چهار سربرگ بعدی، به‌ترتیب شامل چیدمان‌های مختلف قالب Evolution هستند. با نوشتن کدهای CSS خود در هر یک از این سربرگ‌ها، استایل‌های سفارشی شما تنها بر روی چیدمانی که در نظر دارید اعمال می‌شوند. برای مثال، چنانچه تصمیم به شخصی‌سازی چیدمان Refreshed دارید، باید کدهای سفارشی خودتان را در سربرگ Refreshed بنویسید.

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

Icons یا آیکون‌ها

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

ریبرند کردن آیکون های قالب evolution پنل دایرکت ادمین

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

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

Grid Icons: همانطور که از نام این سربرگ هم مشخص است، تمامی آیکن‌های مربوط به چیدمان “Icons Grid” در این سربرگ قرار گرفته‌اند. نمایندگانی که مایل هستند پنل دایرکت ادمین خود را به گونه‌ای ریبرند کنند که کمترین تفاوتی با پنل‌های Cpanel داشته باشد، می‌توانند با دانلود آیکون‌پک پنل‌های Cpanel و جایگزینی آیکن‌ها از طریق این بخش، پنلی دقیقا مشابه با پنل‌های Cpanel ایجاد نمایند.

Menu: تمامی آیکون‌های چیدمان محبوب Refreshed در این سربرگ قرار گرفته‌اند. اگر به دنبال ارائه‌‌ی تجربه‌ای منحصر به فرد به مشتریان هاست نمایندگی خود هستید، می‌توانید با استفاده از چیدمان Refreshed و آیکون‌هایی اختصاصی، به این هدف دست پیدا کنید.

نحوه تغییر آیکون‌ها

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

آموزش تغییر آیکون های پنل دایرکت ادمین

بهترین فرمت‌ها برای بارگذاری آیکون‌هایتان SVG و PNG هستند، با این وجود امکان بارگذاری تمامی فرمت‌های مختلف تصویری برای شما وجود دارد. بد نیست اگر اشاره کنیم که بهترین سایز برای آیکون‎‌هایتان ۱۵۰×۱۵۰ پیکسل می‌باشد. این سایز دقیقا سایزی معادل با آیکون‌های پیش‌فرض پوسته‌ی Evolution هستند.

‌زمانی که حرف از ریبرند کردن به میان می‌آید، تغییر لوگو یا نشان تجاری اولین موضوعی است که به ذهن هر فرد می‌رسد. با استفاده از پوسته‌ی Evolution، می‌توانید تمامی لوگوهای دایرکت ادمین، از لوگوی موجود در سربرگ گرفته تا حتی Favicon پنل کاربری را تغییر دهید!

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

Default: همانطور که از عنوان این لوگو هم مشخص است، در تمامی چیدمان‌های قالب Evolution و در زمانی که تم رنگی روشن (Light Mode) فعال باشد، از این لوگو در پنل هاست دایرکت ادمین مشتریانتان استفاده خواهد شد. توجه داشته باشید که در چیدمان سایدبار و در زمان‌هایی که تم رنگی تیره (Dark Mode) فعال است، قالب Evolution از لوگوی بعدی در ساختار پوسته‌ی خود استفاده می‌کند.

لازم است اشاره کنیم که بهترین فرمت برای بارگذاری لوگوی خودتان و ریبرند کردن پنل دایرکت ادمین، استفاده از لوگو در فرمت SVG است. از آنجایی که رندرینگ لوگوها در پوسته‌ی Evolution کاملا پویا صورت می‌گیرد و وابسته به سایز ابعاد نمایشگر است، فرمت SVG بهترین هماهنگی را با این پوسته دارد؛ با این وجود لازم است اشاره کنیم که مناسب‌ترین سایز برای استفاده از فرمت‌های تصویری PNG و JPG معادل ۳۰۰×۶۸ پیکسل و نسبت تصویری ۷۵ به ۱۷ (۷۵:۱۷) می‌باشد.

For dark mode & sidebar layout: همانطور که در بند قبلی اشاره کردیم، پوسته‌ی Evolution برای هماهنگی بیشتر با چیدمان Sidebar و حالت تیره (Dark Mode)، از یک لوگوی مجزا استفاده می‌کند، از همین رو باید لوگوی خود را متناسب با این شرایط هم تهیه کرده و در این بخش بارگذاری نمایید.

همانطور که در بند قبلی هم اشاره کردیم، فرمت SVG بهترین هماهنگی را با پوسته‌ی Evolution دارد؛ با این وجود لازم است اشاره کنیم که مناسب‌ترین سایز برای استفاده از فرمت‌ تصویری PNG معادل ۳۰۰×۶۸ پیکسل و نسبت تصویری ۷۵ به ۱۷ (۷۵:۱۷) می‌باشد.

Symbol: نمادها یا Symbols هم بخش دیگری از رابط کاربری پوسته‌ی Evolution را تشکیل می‌دهند. در مواردی که فضای کافی برای نمایش لوگوی کامل (دو مورد قبلی) وجود ندارد یا استفاده از لوگوی کوچکتر حس بهتری را منتقل می‌کند، از سیمبل‌ها استفاده می‌شود. شاید بتوان اصلی‌ترین کاربرد سیمبل‌ها را در زمان بارگذاری یک صفحه جدید از پنل دانست.

اگر توجه کنید، می‌بینید که پس از کلیک بر روی یک عملگر در رابط کاربری پوسته‌ی Evolution، لوگوی دایرکت ادمین با یک انیمیشن خاص برای شما بارگذاری می‌شود. در حقیقت به این لوگو و این فرآیند “Preloader” گفته می‌شود و در جهت بهبود رابط کاربری مورد استفاده قرار می‌گیرد. در موارد بسیاری از Symbolها استفاده می‌شود که با کمی گشت و گذار در پوسته‌ی Evolution می‌توانید آن‌ها را مشاهده نمایید.

توجه داشته باشید که بهترین فرمت برای بارگذاری نماد خودتان و ریبرند کردن پنل دایرکت ادمین، استفاده از نماد در فرمت SVG است. از آنجایی که رندرینگ نمادها در پوسته‌ی Evolution کاملا پویا صورت می‌گیرد و وابسته به سایز ابعاد نمایشگر است، فرمت SVG بهترین هماهنگی را با این پوسته دارد؛ با این وجود لازم است اشاره کنیم که مناسب‌ترین سایز برای استفاده از فرمت‌ تصویری PNG معادل ۱۳۰×۱۵۰ پیکسل و نسبت تصویری ۴۳ به ۵۰ (۴۳:۵۰) می‌باشد.

Symbol for dark mode: همانطور که لوگوی شما برای ریبرند کردن پنل هاست دایرکت ادمین در تم رنگی روشن با تم رنگی مشکی متفاوت است، نماد شما هم باید برای مطابقت بهتر با پوسته‌ی Evolution در دو طرح مختلف برای تم‌های رنگی مختلف بهینه شود.

مشخصات نماد شما برای تم رنگی تیره، هیچ تفاوتی با مشخصات نماد در حالت عادی ندارد.

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

فیوآیکون (favicon) چیست؟

برای استفاده از Favicon مدنظر خود، تنها کافیست که تصویر موردنظر خود را با ابعاد ۳۲×۳۲ پیکسل در بخش مربوطه بارگذاری نمایید.

نحوه بارگذاری تصاویر برای لوگوها

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

ریبرند کردن لوگو پنل دایرکت ادمین

برای تغییر لوگوهای پیش‌فرض دایرکت ادمین، تنها کافیست که مطابق با تصویر بالا، بر روی آیکون ضربدر (×) قرارگرفته در کنار هر باکس لوگو کلیک کنید. با این کار، تصویر پیش‌فرض حذف شده و جای خود را به یک باکس آپلود می‌دهد.

اکنون تنها کافیست که تصویر مدنظر خود را در جایگاه مربوطه بارگذاری کرده و در پایان بر روی کلید “Upload” در قسمت زیرین باکس کلیک کنید.

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

منوها همواره یکی از جذاب‌ترین بخش‌های هر رابط کاربری هستند. مدیریت امکانات، مرتب‌کردن قابلیت‌ها و… همگی از جمله امکاناتی هستند که منوها در اختیار شما قرار می‌دهند. نحوه مدیریت منوها در پوسته‌ی Evolution بسیار راحت است و اگر تجربه‌ای هر چند کوتاه در کار با CMSهای مختلف داشته باشید، می‌توانید از پس اعمال تغییرات دلخواه خود در منوهای پنل دایرکت ادمین نیز برآیید.

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

تغییر ترتیب منوها و جایگاه امکانات پنل دایرکت ادمین

اولین تغییری که می‌توانید در منوی پنل کاربری مشتریان خود ایجاد کنید، تغییر ترتیب اجزای مختلف منو است. پنل هاست دایرکت ادمین شما و مشتریانتان از چندین دسته‌بندی اصلی با عناوینی همچون Account Manager، E-mail Manager و… تشکیل شده است که هر کدام از امکانات مختلفی در داخل خود بهره می‌برند.

ریبرند کردن منوهای پنل دایرکت ادین

برای تغییر ترتیب هرکدام از اجزای منو (دسته‌بندی‌ها یا امکانات پنل)، تنها کافیست که بر روی آیتم مدنظر خود کلیک کنید و آن را به جایگاه مدنظر خودتان بکشید (در این حالت نقطه‌چین‌های سبز رنگی دور کادر آیتم‌های منو قابل مشاهده خواهد بود)؛ در حقیقت با Drag & Drop کردن دسته‌بندی‌ها یا آیتم‌های منو، می‌توانید جایگاه آن‌ها را تغییر داده یا ترتیب آن‌ها را متناسب با نیاز خودتان تغییر دهید.

تغییر عنوان آیتم‌های منو و غیرفعال‌سازی آن‌ها

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

آموزش تغییر نام آیتم های منو در پنل دایرکت ادمین

در این کادر جدید که با عنوان “Edit Route” معرفی شده است، می‌توانید عنوان آیتم و یا لوگوی آن را تغییر دهید. برای عنوان می‌توانید متن دلخواه خود را وارد کنید، ولی برای تغییر لوگوی آیتم از این بخش نیاز است که حتما نام لوگوی مدنظر خود (بهتر است بگوییم آدرس مسیر لوگو) را داشته باشید.

در زیر این کادر، یک چک‌باکس با متن Enabled قرار گرفته است. فرقی نمی‌کند که در حال اعمال تغییرات در پنل هاست نمایندگی (Reseller) هستید یا پنل دایرکت ادمین مشتریانتان (User) را بروزرسانی می‌کنید، در هر حالتی چنانچه تیک چک‌باکس Enabled فعال باشد، آن آیتم در دسترس خواهد بود و قابل استفاده است، اما چنانچه این چک باکس غیرفعال باشد، آن آیتم در دسترس نخواهد بود و امکان استفاده از آن برای مشتریانتان لغو می‌شود.

بد نیست اگر اشاره کنیم که به‌منظور ذخیره‌‌سازی تغییرات خودتان، فراموش نکنید که در هر مرحله، بر روی کلید سبز رنگ “Save Changes” در بالای صفحه کلیک نمایید.

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

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

افزودن آیتم جدید به منو پنل دایرکت ادمین

کادرهای Name ،Icon و چک‌باکس Enabled را در بخش قبلی بررسی کردیم، بنابراین فقط مشخصه‌ی Column Size باقی مانده است. این مشخصه تعداد آیتم‌هایی که در هر دسته‌بندی به مشتریان هاست نشان داده می‌شود را مشخص می‌کند.

آخرین موضوعی که باید در این بخش به آن بپردازیم، نحوه افزودن آیتم‌های جدید به منوی پنل دایرکت ادمین است. برای این کار، باید بر روی دسته‌بندی مدنظر خود کلیک کنید و از منوی “Add Entry” برای افزودن آیتم یا آیتم‌های مدنظر خود استفاده نمایید.

کادر Add Entry از سه بخش مختلف و دو چک باکس تشکیل شده است که در ادامه به بررسی جزئیات هرکدام خواهیم پرداخت.

 

URLهمانطور که مشخص است، در این قسمت باید لینک صفحه‌ی مقصد خود را وارد نمایید.
Nameدر این فضا باید عنوان مربوط به آیتم جدید خود را وارد کنید.
Iconنام آیکونِ آیتم جدید خود را (مسیر آیکون در دایرکتوری) باید در این بخش وارد کنید.
New Tabاین چک‌باکس تعیین می‌کند که با کلیک کردن کاربر بر روی آیتم جدید، لینک مقصد در یک Tab جدید بازشود یا بر روی صفحه فعلی بارگذاری شود. در حقیقت این چک باکس یک مشخصه‌ی Blank را به لینک مقصد اضافه می‌کند.
Enabledچنانچه مایل هستید که آیتم جدید شما در پنل کاربری قابل مشاهده و استفاده باشد، باید این چک‌باکس را در حالت فعال قرار دهید.

 

نهایتا با تکمیل کردن کادرهای مربوطه، کلید Add Entry برای شما فعال خواهد شد و می‌توانید آیتم جدید خود را به منوی پنل دایرکت ادمین اضافه کنید.

تعیین دسته‌بندی برای پلاگین‌های نصب شده بر روی سرور

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

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

مدیر سرور نت افراز، از دسته‌بندی “Extra Features” به‌عنوان محل قرارگیری پلاگین‌های اختصاصی استفاده کرده است؛ اما در پوسته‌ی Evolution قابلیتی برای نمایندگان هاستینگ اضافه شده که می‌توانند این دسته‌بندی را تغییر دهند.

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

برای این کار، تنها کافیست که مطابق با تصویر بالا بر روی کلید “Plugins” کلیک کنید. با این کار یک پنجره‌ی جدید برای شما بازخواهد شد که در آن تمامی دسته‌بندی‌های شما از جمله دسته‌بندی‌های اضافه شده توسط خودتان، وجود دارد و می‌توانید دسته‌بندی مدنظر خود را برای محل قرارگیری پلاگین‌های اضافه شده توسط مدیر سرور انتخاب کنید. نهایتا پس از انتخاب دسته‌بندی موردنظر خود، باید بر روی کلید “Set Category” کلیک نمایید. با این کار پلاگین‌های اضافه شده توسط مدیر سرور نت افراز، به Gategory موردنظر شما منتقل خواهند شد.

سخن پایانی

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

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

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

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

موفقیت همراه راهتان باد.

https://www.netafraz.com/blog/rebrand-directadmin-panel-for-resellers/