דרושים פרילנסרים בניית אתרים

שלום
האתר שאנחנו מחפשים איתו עזרה הוא אינדקס מורים למוסיקה, האתר -
www.tzlil-school.com

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

הדרישות שלנו באופן ספציפי יותר :

מחפשים מישהו שיפתח מקום אחד בו נוכל למלא פרטים של מורה חדש, לבחור לאיזה קטגוריות הוא יצורף, ומשם שורת תוית המורה תתווסף לכל עמודי הקטגוריות הנכונות.
כרגע יש באתר כמעט 600 עמודי קטגוריות, העמודים האלה כבר מוכנים ונבנו ידנית אחד אחד, הסיבה שיצרנו אותם ידנית היא כדי לשלוט בכל הפרמטרים בעמודים הללו ולא מצאנו דרך אחרת חוץ מלבנות אותם אחד אחד.
דוגמא לעמוד קטגוריה כזה –
http://www.tzlil-school.com/%D7%9E%D7%95%D7%A8%D7%94-%D7%9C%D7%AA%D7%95%D7%A4%D7%99%D7%9D-%D7%91%D7%91%D7%A7%D7%A2%D7%AA-%D7%90%D7%95%D7%A0%D7%95/

עניין אחד הוא השילוח לקטגוריות הנכונות - כרגע יש באתר קטגוריות כלי נגינה, וקטגוריות ערים. כל מורה חדש שיצורף למערכת ארצה שיכנס לקטגוריית המורה הכללית שם יופיעו כל המורים באתר, לקטגוריות כלי הנגינה שלו, לקטגוריות הערים שלו, ואז בנוסף לזה יהיה צורך להתחיל *להצליב קטגוריות, למשל מורה לגיטרה ותופים בתל אביב וגבעתיים יוסף לכל הקטגוריות הבאות –
קטגורייה כללית (כל המורים באתר).
קטגוריות מיקום – "מורים תל אביב", "מורים בגבעתיים"
קטגוריות כלי – "מורה לגיטרה", "מורה לתופים"
הצלבות – "מורה לגיטרה בתל אביב", "מורה לגיטרה בגבעתיים", מורה לתופים בתל אביב, מורה לתופים בגבעתיים.
ולמעשה לפי החישוב שלי יש באתר 583 עמודי קטגוריות.
(עמוד אחד למורים כללי, 52 למיקום, 10 לכלי נגינה, וצרופים של 52 כפול 10 קומבינציות).
שוב, בנינו את העמודי הקטגוריות האלה ביד אחד ואחד וכדאי שאלה ישארו העמודים אליהם יוספו המורים דרך המערכת החדשה, מכיוון שלפוסטים האלה url מדויק לשם הקטגוריה וכבר הכנסתי לעמודים האלה סייד בארים (שחשוב שישארו), ו mega tag description וכותרת לכל אחד מהפוסטים וכו'.
בנוסף להמשך שליטה על הסייד בארים, על הtag description וכו', רציתי שהוספת המורים החדשה שאתה עובד עליה לא תפגע ביכולת שלי לערוך את עמודי הקטגוריות הללו דרך המערכת המוכרת של וורדפרס כפי שעבדתי עד עכשיו, ושאני עדיין אוכל דרך המערכת הבסיסית של וורדפרס להוסיף אלמנטים או טקסט (בתחילת העמוד לפני השורות התוית של המורים, ובתחתית העמוד במידה וארצה להוסיף משהו).

מאחורי הקלעים מבחינתי בזמן מילוי פרופיל המורה אני רוצה שתיצור מיקומים שאוכל להוסיף את הפרטים הבאים :
שם המורה, תמונת המורה (במידה וזה משנה בשלב הזה, המידות שאני משתמש בהן הן 200 × 240, כמו מה שקורה כרגע עם המורים באתר הנוכחי).
תוכן טקסט כללי, טלפון המורה, אזורי פעילות, עיר מגורים, כלי נגינה, מחירון, ושנת לידה.
וצ'אק ליסט בו אסמן בקלות אם המורה מגיע עד הבית, וצ'אק ליסט נוסף בו אסמן אם יש לי מורים משלי להציע באותו תחום.
וכמובן צ'אק ליסט של קטגוריות כלי הנגינה, וקטגוריות מיקומי הערים, שבהם ארצה שהמורה החדש יופיע.
שאלה -
לאחר שעבודה תבוצע, איך יתבצע תהליך הוספת מורה חדש מבחינה טכנית? -
מאיפה במערכת הניהול של וורדפרס יהיה עלי להכנס כדי למלא את פרטי המורה ולבחור את הקטגוריות הרלוונטיות ואיך העניין יבוצע מבחינה טכנית?

לגבי הנראות של תויות המורים החדשים בעמודי הקטגוריות :
אני ארצה שהתויות יראו כפי שהן נראות באתר הנוכחי –
http://www.tzlil-school.com/%D7%9E%D7%95%D7%A8%D7%94-%D7%9C%D7%AA%D7%95%D7%A4%D7%99%D7%9D-%D7%91%D7%91%D7%A7%D7%A2%D7%AA-%D7%90%D7%95%D7%A0%D7%95/

התמונה הולכת לצד ימין, שם המורה מופיע עליה בצורה זהה לעכשיו, והצבעים השולטים הם לבן ואותו הכחול שמופיע באתר כרגע ככפתור ליד התמונה.
עם השינויים הבאים –
ראשית כל תוית מורה צריכה להיות תחומה בקו עדין שיתחום בין מורה למורה כדי שיהיה מסודר יותר בעין ונוח לקריאה, כמו באתר הבא –
https://www.lessoons.co.il/%D7%9E%D7%95%D7%A8%D7%94-%D7%A4%D7%A8%D7%98%D7%99/%D7%AA%D7%97%D7%95%D7%9D/%D7%9B%D7%9C%D7%9B%D7%9C%D7%94
בנוסף (גם כמו שאתר שצירפתי) יהיה קו רצוף עדין לכל האורך, מתוית המורה הראשון ועד האחרונה,
הקו יהיה (בניגוד לאתר שצירפתי) בצד שמאל לתויות, זאת כדי לתחום בין הסייד ברים (שארצה להשאיר כאמור) לתויות המורים. כל זה בשביל חווית משתמש נוחה יותר, ושהכל יהיה מסודר בעין בניגוד למה שקורה עכשיו.
בנוסף חשוב שכל שורת תוית תהיה בגודל זהה, ולא תשתנה לפי כמות הטקסט שאזין וכדומה.
בדומה לקישור לדוגמא ששלחתי, אני רוצה שמשמאל לתמונה יופיע של המורה באותיות גדולות, מתחת אליו יופיעו במודגש הביטוי "קטגוריות כלי : " וקטגוריות הכלים אותם המורה מלמד, מתחת לקטגוריות יופיע טקסט המורה, טקסט המורה שיופיע בתוית המורה יהיה חלקי ויכיל רק 2 או 3 שורות מתוך הטקסט המלא, ואם אכן יהיה מלל נוסף הטקסט יעצר שם ויסתיים בשלוש נקודת ...
זאת כדי להשאר במסגרת גודל שווה ושלא כל תוית תהיה בגודל אחר.
לאחר מכן בצד שמאל יופיע דירוג כוכבים בדומה למה שמופיע בלינק המצורף, ובקטן מספר המדרגים (הדירוג יהיה ניתן לביצוע על ידי כל גולש, ויהיה אינטגרטיבי עם המערכת של גוגל, כדי שאלה יוכלו לקחת את הדירוגים ולהציג אותם במנוע החיפוש). מתחת לדירוג לחצן "הצג טלפון". הלחצן יהיה ככפתור בצבע הכחול שמופיע כרגע באתר, ורק בלחיצה עליו יחשף מספר הטלפון של המורה (חשוב שבמובייל יהיה ניתן ללחוץ על המספר ולהתקשר ישר משם).
כשמישהו יתקרב עם העכבר שלו לכל חלק בתוית המורה, בדומה למה שקורה בלינק שצירפתי, התוית תהפך למעט כהה יותר, או יבצע תנועת אנימציה של תזוזה כלשהי, כדי שהגולש יבין שהוא צריך או יכול ללחוץ על המורה ובזאת לעבור לפרופיל המלא שלו.

הפרופיל המלא :
כשגולש יקליק על תוית מורה, יפתח box (לא חלון) מלבני ארוך, על כחצי עמוד פלוס מינוס.
הbox יכלול את כל הפרטים של המורה ויראה דומה לעמוד הזה, אבל כמובן קטן יותר כי לא תופס עמוד שלם
https://www.lessoons.co.il/%D7%9E%D7%95%D7%A8%D7%94-%D7%A4%D7%A8%D7%98%D7%99/6394-%D7%90%D7%95%D7%A8%D7%95%D7%9F-%D7%92%D7%95%D7%9C%D7%9F?suri=%D7%AA%D7%97%D7%95%D7%9D%2F%D7%92%D7%99%D7%98%D7%A8%D7%94%2F%D7%A8%D7%9E%D7%AA-%D7%92%D7%9F&p=1&pos=0&sbj=111&sa=1142

ממש כמו בלינק המצורף בראשית הbox תהיה תמונת המורה בצד ימין (לאו דווקא בעיגול כמו בדוגמא, אולי עדיף מלבן כמו שיש כרגע). כל הקו הראשון העליון ממש כמו בדוגמא, יהיה בצבע שונה משאר הbox (שתהיה בלבן).
משמאל לתמונה בגדול יופיע שם המורה, מתחת תהיה האפשרות לדרג את המורה וגם לראות את הדירוג הנוכחי במידה וקיים, וגם כמה אנשים דירגו, ומתחת בקטן יותר יופיעו קטגוריות הלימוד של המורה בצורה הבאה -
אזורי פעילות : אזורים רלוונטיים שהוזנו
ותחומי לימוד : תחומים רלוונטיים שהוזנו
משמאל לזה, בדומה לעמוד הדוגמא, יופיע טקסט קצר ומתחתיו טופס צור הקשר המובנה באתר
(הטקסט והטופס יופיע *רק במידה וכאשר המורה שהוזן למערכת, סומן על ידינו בצ'ק ליסט כ"יש לי מורים משלי להציע באותו התחום"). מתחת לזה (עדיין בשורה העליונה), יופיע שוב כפתור מספר הטלפון, שרק בלחיצה יגלה את המספר, שוב במובייל יש צורך שיהיה אפשרי להתקשר בקליק.
מתחת – ממש כמו בדוגמא, כל תוכן בשורה חדשה (במידה ולא הוזן תוכן באחת מהקטגוריות, אני רוצה שלא לראות את כותרת הקטגוריה כלל).
תיאור : תוכן טקסט כללי (הפעם המלא שהוזן במערכת).
מקום מגורים : תוכן
אזורי פעילות : תוכן
מגיע עד הבית – ומתחת וי במקרה וסומן כחיובי.
מחירון : תוכן
שנת לידה : תוכן
תחומי לימוד : תוכן

זהו בינתיים פחות או יותר, חשוב מאוד שהכל יראה מצוין ויהיה נקי ופשוט מבחינת חווית משתמש, וכמובן שיהיה מותאם ויראה מצוין גם במובייל