ימים
שעות
דקות
שניות
הזדרזי! המבצע בתוקף עד 04.04.2024

4 דרכים לזהות באילו תוספים של וורדפרס משתמש אתר דומה לשלך

חלק מתהליך בניית אתר הוא חקירה של אתרים דומים לאתר שאת רוצה לבנות. יש 2 סוגי חקירה לאתרים מתחרים:

  1. חקירה אפיונית UX – מבחינת חווית משתמש, פרסונות, מטרות, זרימת משתמש וכדומה
  2. חקירה אפיונית טכנית – באילו תבניות, תוספים וקודים השתמשו באתר כדי לבנות אותו.

בפוסט הנוכחי אתייחס לחלק של זיהוי תוספים של וורדפרס בהם משתמש האתר שאותו את חוקרת.

הדרך הראשונה הקלה ביותר: שימוש בכלי גילוי תוספי וורדפרס שמבצע בדיקה אוטומטית

יש היום לא מעט כלים שיכולים לסרוק כל אתר וורדפרס, ולתת לך רשימה של התוספים המוטמעים באתר. אחד הכלים הטובים הוא wpdetector – שבודק כ30 שניות את כתובת האתר הרצויה לך, ונותן לך רשימת תוספים המוטמעים באתר (וכן מזהה את התבנית ואת האחסון של האתר).

הבעיה בכלים האלו שהם לא מדוייקים ב100%, והם עלולים לפספס תוספים שמותקנים באתר, ולא לזהות אותם.

ולכן, אם הכלי לזיהוי תוספי וורדפרס לא עזר לך – את יכולה לנסות שיטה אמינה יותר.

הדרך השניה והמדוייקת: חיפוש ידני של תוספי וורדפרס במקור הדף של האתר

  1. בשיטה הזו את פותחת את הדף באתר שאת רוצה לחקור > לוחצת לחצן ימני בעכבר > הצגת מקור הדף (או הקישי על Ctrl+u) > ייפתח לך דף קוד בטאב חדש.
  2. בדף את לוחצת על Ctrl+f > ותפתח לך תיבת חיפוש.
  3. בתיבת החיפוש הקלידי את הנתיב הבא (שיוצר לך חיפוש בתיקית התוספים של האתר):
wp-content/plugins/
  1. לחצי על החץ למטה שנמצא בתוך תיבת החיפוש, וככה הדפדפן יקפיץ אותך לשורות הקוד המכילות מידע על התוספים. התוצאה נוכחית תהיה ממורקרת בכתום, וכל המילים הכלולות בחיפוש תהינה ממורקרות בצהוב.
לחיצה על חץ למטה שנמצא בתוך תיבת החיפוש
תוצאת החיפוש ממורקרת בכתום, כל מילות החיפוש המתאימות ממורקרות בצהוב
  1. כעת הסתכלי מה כתוב אחרי מילת החיפוש הממורקרת בצהוב. תגלי שם שמות של תוספים כמו:
    elementor pro – אלמנטור פרו
    jet-engine – ג’ט אנג’ין של קרוקובלוק
    woocommerce – ווקורמס
    ועוד.

ככה את יכולה לעבור על כל רשימת התוספים, ולנסות לזהות איזה תוסף קשור לפונקציה שראית באתר.

חשוב לדעת שגם בשיטה זו יש תוספים שלא יופיעו.
לדוגמה תוסף wp-rocket – שהוא תוסף מעולה להאצת אתר, וגם אני משתמשת בו באתר הזה – לא מופיע בתוצאות החיפוש הנ”ל, ואפשר לגלות אותו רק עם מילות חיפוש מדוייקות, כמו:

wp-rocket

או בחיפוש כללי יותר כמו:

plugin

אבל אז החיפוש ממש מתיש, ועדיין קשה לזהות את wp-rocket.

הדרך השלישית היצירתית: זיהוי תוספי וורדפרס בHTML של העמוד הרצוי באתר

  1. בכל עמוד שאת רוצה לחקור באתר > לחצי לחצן ימני > בדיקה (או F12)
  2. לחצי על חץ הבדיקה של הדפדפן
חץ הבדיקה של הדפדפן
  1. בחרי אלמנט בעמוד שאת רוצה לבדוק באיזה תוסף וורדפרס השתמשו כדי לבנות אותו > לחצי עליו > קוד HTML בבדיקה של הדפדפן יקפוץ לשורה המכילה את האובייקט שלחצת עליו.
  2. עכשיו חפשי כמה שורות אחורה בתוך קוד הHTML, ונסי למצוא שם של תוסף המופיע כClass
אפשר בקלות לזהות את תוסף jet engine בתוך הHTML של העמוד

טיפ: כדאי לך למקם את קונסולת הבדיקה של הדפדפן בתחתית העמוד, כדי שתוכלי לראות היטב את כל העמוד, וגם את התוכן של הבדיקה.
בלחיצה על 3 הנקודות ליד X הסגירה של קונסולת הבדיקה > בחרי להצמיד אותה ללמטה.

הדרך הרביעית האנושית: פשוט לשאול את מי שבנה את האתר :)

כמה מפתיע :)

אפשר פשוט לפנות למי שבנה את האתר, ולשאול באיזה תוספי וורדפרס השתמשו לבניית האתר.

אני מניחה שרוב האנשים ישמחו לעזור ולתת תשובה (אהמ… ככה אני, בכולופן).

אז הנה – יש לך 4 דרכים לזיהוי תוספי וורדפרס שמותקנים באתר אחר. לכי לחפש השראות ואתרים מתחרים, ולחפור על החלק הטכני שלהם…

כתיבת תגובה

הדרכות נוספות שיכולות לעזור לך

איך אפשר להוסיף אייקון SVG לכפתור בוידג’ט הנעה לפעולה של אלמנטור?

איך יוצרים גלילת רוחב באתר שבנוי באלמנטור?

איך ליצור שאלות ותשובות באתר עם עיצוב מהמם – שדרוג לוידג’ט ספויילר באלמנטור עם קוד CSS

איך אפשר ליצור כפתורים מעניינים עם אלמנטור פרו ובלי תוספים?

איך אפשר להעביר את הגולש לדף פרטי תשלום מיד אחרי הוספה לסל של מוצר ספציפי (ולדלג על דף עגלת קניות)?

אשמח אם תוכלי לתת הדרכה ליצירת אנימציה פשוטה לטעינת העמוד באתר.לדוגמא שהלוגו יופיע בשקיפות או יגדל ויקטן…תודה מראש!! 🏆

ניסיתי להוסיף צל במעבר עכבר על תמונת פוסט (בוידג’ט ארכיון פוסטים של אלמנטור פרו), אבל הוא יצא חתוך. איך גורמים לצל להופיע בצורה יפה?

איך אני מגדירה בהצגת הגריד שיהיה מיושר לאמצע? הוא אמור להציג 2-4 פוסטים, ואני רוצה שיהיה בכל פעם ממורכז לאמצע.

כלים אלופים

10 כלים מומלצים
שיעזרו לך לעבוד מהר יותר
דילוג לתוכן