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

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

چرا اصلا بخواهیم قالب یا افزونه‌ی یک سایت را بشناسیم؟

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

روش‌های دستی تشخیص قالب وردپرس

پیش از معرفی ابزار، بد نیست بدانید این کار از نظر فنی چطور امکان‌پذیر است؛ چون همین منطق، پایه‌ی کار خود ابزار هم هست.

بررسی کد منبع صفحه (View Page Source)

با راست‌ کلیک روی صفحه و انتخاب گزینه‌ی View Page Source یا زدن کلید ترکیبی Ctrl+U، می‌توانید کد HTML خام صفحه را ببینید. در این کد، دنبال مسیرهایی مثل wp-content/themes/نام-قالب/ بگردید؛ این معمولا در تگ‌های link مربوط به فایل‌های CSS دیده می‌شود.

بررسی فایل style.css قالب

اگر مسیر قالب را پیدا کردید (مثلا wp-content/themes/hub/)، می‌توانید مستقیم آدرس .../style.css را باز کنید. ابتدای این فایل معمولا شامل اطلاعاتی مثل نام قالب، نسخه و توسعه‌دهنده است؛ درست مثل یک شناسنامه.

افزونه‌های مرورگر

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

محدودیت‌های روش دستی

این روش‌ها همیشه جواب نمی‌دهند. برخی صاحبان سایت نام پوشه‌ی قالب را تغییر می‌دهند، از قالب‌های Child استفاده می‌کنند (که تشخیص را پیچیده‌تر می‌کند)، یا فایل‌های CSS/JS را فشرده و ترکیب می‌کنند، طوری که مسیر اصلی فایل‌ها دیگر در کد قابل مشاهده نیست.

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

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

• وردپرسی بودن یا نبودن سایت
• نام قالب فعال، همراه با اسکرین‌شات و لینک مستقیم به صفحه‌ی آن در مخزن (در صورت وجود)
• لیست افزونه‌های فعال، همراه با لینک مستقیم به مخزن (در صورت وجود)
• نوع صفحه‌ساز استفاده‌شده (در صورت تشخیص)
• ووکامرسی بودن یا نبودن سایت
• نسخه‌ی وردپرس
• اطلاعات زیرساخت، از جمله سیستم کش، نرم‌افزار سرور و زمان پاسخ‌دهی
• بررسی هدرهای امنیتی مهم مثل HSTS، X-Frame-Options، X-Content-Type-Options و Content-Security-Policy
• سلامت فنی پایه‌ی سایت، شامل متا تگ Viewport، فایل Favicon، فایل robots.txt و فایل sitemap.xml
• موقعیت جغرافیایی سرور
• امکان اشتراک‌ گذاری گزارش با یک لینک اختصاصی

چرا این اطلاعات فراتر از یک کنجکاوی ساده هستند

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

هدرهای امنیتی، نشانه‌ی جدی‌ بودن یک سایت هستند

هدرهایی مثل Content-Security-Policy یا X-Frame-Options، لایه‌های دفاعی‌ای هستند که جلوی حملاتی مثل Clickjacking یا اجرای اسکریپت مخرب را می‌گیرند. نبود این هدرها، نشانه‌ی این است که پیکربندی امنیتی سایت پایه‌ای و ابتدایی مانده است.

سلامت فنی پایه، اولین چیزی است که یک متخصص چک می‌کند

نبود فایل robots.txt یا sitemap.xml، یا نداشتن متا تگ Viewport (که سایت را در موبایل واکنش‌گرا می‌کند)، از آن دسته مشکلاتی هستند که خیلی وقت‌ها صاحب سایت اصلا از وجودشان خبر ندارد، تا وقتی که یک ابزار یا متخصص آن را نشانش بدهد.

زمان پاسخ سرور و سیستم کش

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