כל ההורדות החינמיות בעולם לא יעזרו אם אין לכם שיטה: המדריך שיסדר לכם את הלימוד מהבסיס – הורדות חינם ללימוד וורדפרס ואלמנטור: המדריך המקיף למתחילים שרוצים ללמוד נכון, לבנות נכון, ולעצב אתרים שנראים מקצועיים באמת
מי שמתחיל ללמוד בניית אתרים וורדפרס ואלמנטור נכנס כמעט תמיד לאותו מבוך.
יש אינסוף סרטונים, אינסוף “הורדות חינם”, אינסוף תבניות, אינסוף תוספים, ואינסוף אנשים שמבטיחים שבשעה אחת הכול יהיה ברור.
בפועל, רוב המתחילים לא נתקעים בגלל חוסר מוטיבציה, אלא בגלל עודף אפשרויות וחוסר סדר.
הם מורידים עשר תבניות לפני שבנו עמוד אחד, מתקינים תוספים לפני שהבינו מה הם פותרים, ומנסים לעצב אתר שלם לפני שהם שולטים בכותרת, כפתור, ריווח, צבע והיררכיה.
וורדפרס עצמה נותנת בסיס רחב מאוד דרך Learn WordPress, מדריכי הפיתוח, ספריות התבניות, הפלאגינים וה־Patterns, ו־WordPress Playground אפילו מאפשר להריץ סביבת ניסוי בדפדפן בלי אחסון ובלי התקנה מלאה.
קישור לקבוצה שמאפשרת לבוגרי לימודי בניית אתרים או עיצוב גרפי ללא ניסיון בכלל למצוא עבודה בקלות: https://www.facebook.com/groups/SGRAPHICDESIGNONLINE
במקביל, Elementor מחזיקה מרכז הדרכה מסודר עם Academy, Help Center ומסמכי מפתחים, כך שהדרך הנכונה למתחיל בכלל לא מתחילה בחיפוש אקראי, אלא בבחירה של מקורות רשמיים ומסודרים.
גם מקורות כמו MDN ו‑web.dev משלימים את התמונה עם לימוד מסודר של HTML, CSS, עיצוב רספונסיבי ונגישות.
המשמעות היא שלא צריך לאסוף עוד ועוד קבצים. צריך לבנות שיטה. וצריך להבין מה באמת שווה הורדה, מה שווה שמירה למועדפים, ומה רק גוזל זמן.
המאמר הזה נכתב בדיוק בשביל המקום הזה: לקחת את כל הכאוס של וורדפרס, אלמנטור, עיצוב חינמי, סרטוני יוטיוב, תבניות, פונטים, צבעים, אייקונים וחומרי עזר, ולהפוך אותו למסלול ברור שאפשר באמת ללמוד ממנו.
למה מתחילים מחפשים “הורדות חינם” – ולמה הם כל כך מהר הולכים לאיבוד
כשאדם מחפש חומר חינמי ללימוד וורדפרס ואלמנטור, הוא בדרך כלל לא מחפש רק קובץ להורדה. הוא מחפש ביטחון. הוא רוצה להרגיש שיש לו עם מה להתחיל, שיש לו תבנית שאפשר לפתוח, שיש לו סרטון שאפשר לעקוב אחריו, ושיש לו אוסף כלים שלא יכריח אותו לבזבז כסף לפני שהוא בכלל מבין אם התחום מתאים לו.
זו סיבה מצוינת להתחיל מחינם, אבל זו גם הנקודה שבה נוצרת הבעיה הראשונה. מתחיל לא תמיד יודע להבדיל בין מערכת, תוסף, תבנית, קיט, בלוק, ווידג’ט, מאגר תמונות, ספריית אייקונים, קורס חינמי, או סרטון הדגמה.
כתוצאה מזה הוא מוריד הרבה, אבל מתקדם מעט. במקום לבנות בסיס, הוא בונה מחסן. במקום ללמוד עקרונות, הוא אוסף קיצורי דרך. וכשמשהו נשבר, אין לו מושג אם הבעיה נובעת מהתבנית, מהשרת, מהפלאגין, מהעיצוב, או פשוט מכך שהוא ניסה לדלג על היסודות.
הבעיה הגדולה באמת היא לא עודף הורדות, אלא עודף ציפיות לא מדויקות. הרבה אנשים מגיעים עם הרעיון שוורדפרס ואלמנטור הן “תוכנות עיצוב”, כשבפועל מדובר בשילוב בין מערכת ניהול תוכן, סביבת בנייה ויזואלית, ועולם שלם של רכיבים שצריך לדעת לחבר ביניהם.
לכן מתחיל חכם לא שואל רק “מה אפשר להוריד בחינם”, אלא “איזה סוג חומר ייקח אותי צעד אחד קדימה בלי לבלבל אותי”. ברגע שמחליפים את השאלה, גם הדרך משתנה.
במקום להוריד חמישים תבניות, בוחרים אחת. במקום לפתוח עשרים סרטונים, בוחרים מסלול אחד. במקום להתקין תוספים מכל כיוון, מתקינים רק מה שנדרש לבנייה אמיתית.
מי שעובד ככה מתקדם מהר יותר, רגוע יותר, ומבין באמת מה הוא עושה.
וורדפרס ואלמנטור: מי עושה מה, ולמה חשוב להבין את זה לפני הכול
אחת הטעויות הבסיסיות של מתחילים היא לחשוב שוורדפרס ואלמנטור הן אותו דבר. הן לא. וורדפרס היא המערכת שעליה האתר יושב. היא אחראית על המבנה, התוכן, הניהול, המשתמשים, העמודים, הפוסטים, התוספים, התבניות, והרבה מאוד מהלוגיקה הכוללת של האתר.
אלמנטור היא שכבת בנייה ועיצוב שעובדת על גבי וורדפרס ומאפשרת ליצור ולעצב עמודים בצורה ויזואלית. ברגע שמבינים את ההבדל הזה, הרבה מאוד בלבול נעלם.
פתאום ברור למה קודם צריך להבין עמודים, תפריטים, תבניות עיצוב, אזורים גלובליים והיררכיית אתר, ורק אחר כך להיכנס לאפקטים, לאנימציות ולחלקים המתקדמים.
ברגע שאתה יודע שוורדפרס היא הבית ואלמנטור היא סדנת העיצוב שבתוכו, אתה מפסיק לנסות לפתור כל דבר דרך תוסף חיצוני. אתה מתחיל לראות מה שייך למערכת, מה שייך לעיצוב, ומה שייך לתוכן.
אתה מבין למה יש ערך בלמידת Theme, Template, Header, Footer, Pattern, Global Styles, Containers, Responsive Controls ו‑Typography. אתה מבין גם למה מתחילים שמדלגים על ההבחנה הזו מרגישים בהתחלה “וואו, הכול קל”, ואחרי שבוע מרגישים שהכול מתפרק.
לא כי וורדפרס מסובכת מדי, אלא כי הם ניסו לבנות קומה שנייה בלי יסודות. ברגע שמבינים את חלוקת התפקידים, כל ההורדות והמשאבים מקבלים הקשר. ואז כבר לא מורידים סתם. בוחרים בחוכמה.
מה באמת צריך להוריד ביום הראשון – ומה לא צריך בכלל
ביום הראשון לא צריך חמישים דברים. צריך מעט, אבל נכון. צריך סביבת עבודה אחת מסודרת, אתר ניסוי אחד, תבנית בסיס אחת, תוסף בנייה אחד, מקור הדרכה אחד, ומחברת או מסמך שבו רושמים מה למדנו. זה הכול.
יש היום אפילו דרך להתחיל להתנסות בלי התקנה מלאה ובלי אחסון דרך WordPress Playground, שמריץ וורדפרס בדפדפן ונותן מקום בטוח לניסויים, בדיקות ולמידה.
מה כן כדאי להוריד או להתקין? וורדפרס, כמובן, אם עובדים מקומית או על שרת. תבנית בסיס נקייה, ובמקרה של אלמנטור הרבה מתחילים בוחרים Hello Elementor כי היא קלה ומינימליסטית ונבנתה לעבוד טוב עם הבונה.
אחר כך מתקינים Elementor Free, ורק אחרי שמבינים איך בונים עמוד, מתחילים לחשוב על תוספים משלימים. מה לא צריך ביום הראשון? אפקטים נוצצים, עשר חבילות אייקונים במקביל, שלושה תוספי טפסים, חמישה בוני פופ־אפים, ושום תוסף “קסם” שמבטיח לבנות עבורך אתר בלי ללמוד כלום.
מי שמוריד הכול בבת אחת מרגיש כאילו הוא מתקדם, אבל בעצם דוחה את הרגע שבו יצטרך להבין מה באמת קורה בתוך האתר שלו. מי שמתחיל קטן, יציב ומדויק, מרוויח שליטה.
המסלול הנכון למתחיל: ללמוד מבנה לפני אסתטיקה
יש משהו מאוד מפתה בלהתחיל מהיופי. צבעים, פונט, רקע, אנימציה, גלריה, בלוק יפה ל־Hero Section. אבל אם מתחילים מהאסתטיקה לפני שמבינים את המבנה, התוצאה כמעט תמיד מרשימה לרגע ומבולגנת לאורך זמן.
אתר טוב נבנה קודם כל מהיררכיה. איזה מסר מופיע ראשון. מהי הכותרת הראשית. איפה קריאת הפעולה. איך בנוי הניווט. מה הסדר של הבלוקים. איך עוברים בין אזורי מידע. מהו היחס בין טקסט, תמונה ורווח לבן.
רק אחרי שהדברים האלה יושבים, מתחילים לקשט. לכן מסלול בריא למתחיל נראה כך: קודם להבין מהו דף בית טוב. אחר כך ללמוד לבנות כותרת, אזור תוכן, אזור יתרונות, המלצות, שאלות נפוצות וטופס.
אחרי זה ללמוד מה זה Container, איך שולטים בריווח, יישור, רוחב ותצוגת מובייל. רק אחר כך להעמיק בספריות תבניות, קיטים, בלוקים מוכנים ותוספים משלימים.
מי שהולך בסדר הזה מגלה שפתאום גם סרטוני יוטיוב נהיים הרבה יותר מובנים. במקום להעתיק בעיוורון, הוא מבין למה היוצר עשה מה שעשה. ואז הלמידה מפסיקה להיות אוסף טריקים והופכת למקצוע.
תבניות, Kits, Patterns ובלוקים מוכנים – איך להשתמש בהם בלי להפוך לעבד של תבנית
לתבניות יש כוח עצום, אבל גם צד מסוכן. הן יכולות לקצר שעות של עבודה, לתת השראה, ללמד מבנים, ולהראות למתחיל איך דף מקצועי נראה באמת. מצד שני, הן גם יכולות להפוך אותו למי שרק מחליף טקסטים בלי להבין למה הכול בנוי כפי שהוא בנוי.
הדרך הנכונה להשתמש בתבניות היא כבית ספר, לא כקביים. לפתוח דף מוכן ולשאול: כמה אזורים יש בו? מה הגודל של הכותרת הראשית? כמה רווח יש בין סקשנים? איך בנו את אזור הכפתורים? איך נראה אזור אמון? איך מחלקים עומס ויזואלי? מה קורה במובייל?
אם מסתכלים כך על תבנית, כל הורדה חינמית הופכת לשיעור. אם רק מחליפים תמונות וטקסטים בלי להבין, היא הופכת למסכה.
מתחיל שרוצה להתקדם צריך לאט־לאט להפסיק להיות תלוי בתבניות שלמות ולעבור לבנייה מחלקים. קודם בלוק, אחר כך אזור, אחר כך עמוד, אחר כך שפה עיצובית שלמה. זו התקדמות אמיתית.
תמונות, אייקונים, איורים וסרטונים – לא רק “שיהיה יפה”, אלא שיהיה נכון
הטעות השכיחה בעולם המשאבים החינמיים היא לחשוב שכל מה שחינמי שווה שימוש. אבל תמונה חינמית לא טובה רק כי היא חינמית. אייקון לא מקצועי לא הופך טוב בגלל שהוא SVG. איור חמוד לא מתאים לכל אתר.
ומעל הכול, יש עניין של רישוי ושל התאמה. מאגרים פתוחים כמו Openverse, Pexels, Unsplash, Pixabay ומאגרים נוספים מציעים תמונות או וידאו לשימוש חופשי לפי התנאים שלהם.
בעולם האייקונים אפשר לעבוד עם ספריות מסודרות כמו Flaticon, Bootstrap Icons, Heroicons, Tabler, Lucide, Material Symbols ועוד. אבל השאלה הגדולה יותר היא לא מאיפה להוריד, אלא איך לבחור.
תמונות טובות לא אמורות רק למלא מקום. הן צריכות לחזק מסר. אם האתר עוסק בשירות מקצועי, תמונת אווירה גנרית של לחיצת יד לא תמיד תעזור. אם האתר אישי, עדיף לעיתים תמונה אחת אותנטית מאשר שלוש תמונות מושלמות אבל ריקות.
אותו דבר עם אייקונים. אם בוחרים ספרייה אחת ושומרים על סגנון עקבי, האתר נראה נקי. אם מערבבים חמישה סגנונות, התוצאה מרגישה חובבנית. משאב חינמי טוב הוא לא זה שהכי “יפה” בדפדפן, אלא זה שעובד הכי טוב בתוך ההקשר של הדף שאתה בונה.
טיפוגרפיה, צבע, מרווחים ויישור – המקום שבו אתר מתחיל להיראות מקצועי
מרבית המתחילים בטוחים שהמקצועיות נמדדת באפקטים. במציאות, היא נמדדת דווקא בדברים השקטים: פונט נכון, גודל נכון, קונטרסט נכון, מרווחים נכונים ויישור מדויק.
אתר לא נראה מקצועי כי יש בו צל, אלא כי הכותרות, הפסקאות, הכפתורים והאזורים עובדים יחד באותה שפה. לכן כדאי לעבוד עם מקורות כמו Google Fonts, Fontshare, Font Squirrel, Fontpair, כלי היררכיית טיפוגרפיה, מחוללי סקאלת פונטים, בודקי קונטרסט ומחוללי פלטות.
טיפוגרפיה טובה מתחילה בהחלטות פשוטות. אל תשתמשו ביותר מדי פונטים. אל תבנו מערכת שבה בכל אזור יש גודל כותרת אחר. אל תכתבו פסקאות ארוכות מאוד בלי ריווח שורות נוח. אל תבחרו צבעים רק כי הם “יפים” בלי לבדוק אם הטקסט קריא.
מי שמבין טיפוגרפיה, מתחיל לשלוט בקצב הקריאה של הגולש. מי שמבין צבע, מתחיל לשלוט ברגש. מי שמבין רווחים, מתחיל לשלוט בנשימה של העמוד. וכששלושת הדברים עובדים יחד, גם אתר פשוט מאוד יכול להיראות נקי, בטוח ומקצועי.
הטעות הגדולה של מתחילים: לבנות דף שלם לפני שבונים קטע אחד מצוין
מתחילים רבים בונים את האתר הראשון שלהם כמו ילדים בחנות צעצועים. כל דבר נראה להם אפשרי, כל ווידג’ט מפתה, כל תבנית מרשימה, וכל אנימציה נדמית כמו שדרוג. ואז נולד דף ארוך, עמוס, מבולבל, עם חוסר עקביות כמעט בכל רמה.
מה שחסר שם אינו כישרון, אלא משמעת בנייה. הדרך הטובה ביותר ללמוד אלמנטור אינה לבנות אתר שלם ביום אחד, אלא לבנות מקטע אחד מצוין. למשל: אזור Hero. כותרת טובה, שורת משנה מדויקת, כפתור ברור, תמונה אחת, וריווח נכון. אחר כך אזור יתרונות. אחר כך עדויות. אחר כך שאלות נפוצות.
ברגע שמפסיקים לחפש “כל מה שיש” ומתחילים לחפש “רק מה שאני בונה עכשיו”, גם הלמידה נהיית חדה וגם האתר נהיה עקבי יותר. זוהי משמעת קטנה שמביאה לתוצאות גדולות מאוד.
איך ללמוד מיוטיוב בלי לטבוע באינסוף סרטונים
יוטיוב היא מתנה עצומה ללמידה, אבל היא גם מלכודת עצומה. יש שם מדריכים מעולים, אבל יש גם כמויות בלתי נגמרות של סרטונים ארוכים מדי, מיושנים מדי, שיווקיים מדי, או כאלה שמלמדים רק תוצאה בלי להסביר עיקרון.
הדרך הנכונה ללמוד מיוטיוב היא לבחור כמה ערוצים אמינים ולעבוד סדרתי. לא לחפש בכל יום מורה חדש. לא לעבור כל עשר דקות לסרטון אחר. לא לעצור על כל פרט.
קודם לצפות בסרטון מתחילתו ועד סופו, להבין את התמונה הרחבה, ורק אז לחזור וליישם שלב אחר שלב. הערוצים הרשמיים של Elementor ו‑WordPress, לצד מקורות לימוד מוכרים כמו freeCodeCamp, Kevin Powell, Traversy Media, Figma ואחרים, נותנים למתחילים נקודת פתיחה הרבה יותר בריאה מחיפוש אקראי.
הלמידה האמיתית מתרחשת דווקא ברגעים שבהם משהו לא יוצא כמו בסרטון. שם מתחילה ההבנה. שם מבינים מה קשור למה. שם מפסיקים להיות רק עוקבים ומתחילים להיות בונים.
תוספים חינמיים: עזרה אמיתית או התמכרות לשכבות מיותרות
וורדפרס נותנת גישה לספריית תוספים עצומה, וזה נהדר. אבל זו גם אחת הסיבות שאתרים של מתחילים נהיים כבדים, שבירים ומבלבלים. כל תוסף נראה כמו הצלה: אחד לטפסים, אחד לגלריה, אחד לאנימציות, אחד לעדויות, אחד לאייקונים, אחד ללחצנים, אחד לכפתורי שיתוף, אחד לפופאפים, ואחד “לכל מה שלא ידענו שאנחנו צריכים”.
בפועל, כל תוסף מוסיף שכבה של מורכבות. לכן צריך לשאול תמיד מה התוסף פותר, האם כבר יש פתרון בתוך וורדפרס או אלמנטור, האם הוא באמת חיוני, והאם אתר בלי התוסף הזה עדיין יכול לעבוד.
מתחיל חכם מתקין מעט ומבין הרבה. קודם בונה עם מה שיש. אחר כך מזהה חסר אמיתי. רק אז מוסיף תוסף. תוספים חינמיים טובים הם תוספים שמאפשרים לאתר לעבוד טוב יותר, לא כאלה שגורמים לך להרגיש מתקדם בלי שהתקדמת.
רספונסיביות ונגישות: המקום שבו מתחיל הופך לאיש מקצוע
הבדל גדול בין אתר “נחמד” לאתר מקצועי עובר דרך מובייל ונגישות. במחשב כמעט כל דבר יכול להיראות סביר. במובייל הכול נחשף. כותרות שבורות, מרווחים צמודים מדי, כפתורים קטנים מדי, תמונות חונקות, אזורים שיושבים אחד על השני, וטפסים לא קריאים.
גם בנגישות האמת יוצאת לאור. האם יש מספיק קונטרסט? האם האזור קריא גם בלי מושלמות עיצובית? האם סדר המידע ברור? האם הכפתורים גדולים מספיק?
וזה לא “בונוס” למתקדמים. זה חלק מהיסודות. אתר יפה שלא עובד בנייד הוא אתר חלש. עמוד מרשים שלא נוח לקריאה הוא עמוד לא מקצועי. לכן כל מי שלומד וורדפרס ואלמנטור צריך לבדוק כל עמוד בשלוש צורות: מסך גדול, מסך בינוני, מובייל.
מתי לעבור מ”להעתיק תבניות” ל”לבנות שפה עיצובית”
השלב הראשון בלמידה הוא חיקוי. אין בזה בושה. להפך, זה אפילו בריא. אבל יש רגע שבו צריך לעבור מהעתקה לפיתוח עמוד שדרה מקצועי.
זה קורה כשכבר הבנת מהו Hero טוב, איך נראה אזור יתרונות, איך מסדרים אזור תוכן, ואיך בונים Footer שלא נראה כמו מחשבה אחרונה. מאותו רגע, כדאי להתחיל לבנות לעצמך מערכת.
לבחור פונט ראשי. לבחור פונט משני אם צריך. להחליט על מערכת כותרות. להגדיר צבע ראשי, צבע משני, צבע לרקע בהיר, צבע לטקסט. להחליט על רדיוס אחיד, מרווחים אחידים, גדלי כפתורים, ועקרונות לתמונות.
זה לא נשמע נוצץ, אבל זה בדיוק מה שמבדיל בונה מתחיל ממישהו שכבר חושב כמו מעצב.
למי שרוצה להתקדם באמת: להבין גם HTML, CSS, Theme ו‑Block Thinking
גם אם אתה בונה רק עם אלמנטור, יש ערך עצום לכך שתבין קצת HTML, קצת CSS, וקצת חשיבה של מבנה. לא כדי להיות מפתח ביום אחד, אלא כדי לא להיות תלוי בכל דבר קטן.
ברגע שאתה מבין מהו Container, איך ריווח עובד, מה ההבדל בין margin ל‑padding, איך Flex עובד, למה תמונה נשברת, ומהו class, אתה כבר לא רק “מזיז בלוקים”. אתה בונה מתוך הבנה.
מי שלומד קצת קוד במקביל, מתקדם מהר יותר גם בלי להפוך למפתח. כי פתאום Custom CSS לא מפחיד אותו. פתאום הוא יודע למה משהו לא מיושר. פתאום הוא מבין למה צבע גלובלי עדיף על צבע ידני שחוזר עשרים פעם. פתאום הוא יכול לשלב בין בנייה ויזואלית לחשיבה מערכתית.
תוכנית לימוד של 90 יום למתחיל שרוצה באמת להתקדם
בחודש הראשון המטרה היא לא לבנות אתר “מדהים”, אלא להבין את השפה. לפתוח אתר ניסוי, להכיר את לוח הבקרה של וורדפרס, ליצור עמודים, תפריט, פוסטים בסיסיים, ולהבין מהו Theme ומהו Plugin. במקביל, להתחיל ללמוד אלמנטור דרך קורס התחלה אחד בלבד, ולבנות שלושה עמודי תרגול פשוטים: דף בית, דף שירות, ודף יצירת קשר.
בחודש השני מתחילים להעמיק בעיצוב. בוחרים שפה טיפוגרפית, עובדים על צבעים, לומדים לבנות Hero טוב, אזור אמון, אזור יתרונות, אזור שאלות נפוצות, ו‑Footer נקי. בודקים כל דף במובייל. לומדים קצת CSS בסיסי.
בחודש השלישי מתחילים לבנות שני אתרים קטנים או דפי נחיתה מלאים מהתחלה עד הסוף. אחד לפי השראה קיימת, ואחד לפי מערכת שבנית לעצמך. בשלב הזה כבר אפשר להתחיל לשלב תוספים מועילים, תבניות נוספות, ואפילו להתנסות קצת ב‑Patterns, Blocks ופתרונות היברידיים.
מי שעובד כך שלושה חודשים ברצינות, כבר לא נראה כמו מתחיל גמור.
איך להפוך מאגר חינמי ענק לערך אמיתי – ולא לעוד בלאגן
יש אנשים שאוהבים לאסוף. זה טבעי. אבל בעולם של וורדפרס, אלמנטור ועיצוב חינמי, אוסף גדול הוא לא בהכרח נכס. הוא עלול להפוך למחסן דיגיטלי שמכביד על הראש.
לכן הכלל החשוב הוא זה: לכל משאב צריך להיות תפקיד. אתר אחד לקורסי יסוד. אתר אחד לתמונות. אתר אחד לאייקונים. אתר אחד לפונטים. אתר אחד להשראה. אתר אחד לבדיקה של נגישות וקונטרסט. אתר אחד ל‑Patterns. אתר אחד לתבניות. לא חמישה מכל סוג.
אם אתה עובד כך, אתה נהיה מהיר יותר. אם אתה אוגר הכול, אתה נהיה מבולבל יותר. זאת הדרך היחידה להפוך חומר חינמי לרמה מקצועית. לא בגלל שיש לך הכי הרבה הורדות, אלא בגלל שאתה יודע בדיוק מתי להשתמש בכל אחת מהן.
סיכום: לא צריך יותר קבצים, צריך דרך טובה יותר
וורדפרס ואלמנטור פתחו את עולם בניית האתרים והעיצוב בפני אינספור אנשים, וזה דבר נפלא. אבל הכניסה הקלה יחסית יצרה גם אשליה שקל להתקדם רק מכמות של משאבים.
האמת היא הפוכה. מי שמתקדם באמת הוא לא זה שהוריד הכי הרבה, אלא זה שבחר נכון, תרגל נכון, ושמר על סדר. מי שמבין מבנה לפני קישוט, נגישות לפני גימיקים, ועקביות לפני ריבוי תוספים, בונה לעצמו בסיס בריא.
אם תעבוד כך, גם חומר חינמי יספיק לך כדי להגיע רחוק מאוד. ומהרגע שהבסיס יושב, כל קישור טוב שתשמור, כל תבנית חכמה שתלמד ממנה, וכל שיעור קצר שתיישם – יהפכו לעוד לבנה במקצוע שלך.
מאגר 500 קישורים חינמיים ושימושיים ללימוד וורדפרס, אלמנטור, עיצוב, UI, טיפוגרפיה, תמונות, אייקונים, תבניות, וידאו וכלי עזר
1) בסיס רשמי של WordPress
- WordPress.org — https://wordpress.org/
- Download — https://wordpress.org/download/
- Playground — https://wordpress.org/playground/
- Learn WordPress — https://learn.wordpress.org/
- Courses — https://learn.wordpress.org/courses/
- Lesson Plans — https://learn.wordpress.org/lesson-plans/
- Online Workshops — https://learn.wordpress.org/online-workshops/
- WordPress.tv — https://wordpress.tv/
- Developer Resources — https://developer.wordpress.org/
- Code Reference — https://developer.wordpress.org/reference/
- APIs — https://developer.wordpress.org/apis/
- Block Editor Handbook — https://developer.wordpress.org/block-editor/
- Theme Handbook — https://developer.wordpress.org/themes/
- Plugin Handbook — https://developer.wordpress.org/plugins/
- REST API — https://developer.wordpress.org/rest-api/
- Advanced Administration — https://developer.wordpress.org/advanced-administration/
- Developer News — https://developer.wordpress.org/news/
- WP-CLI Commands — https://developer.wordpress.org/cli/commands/
- Theme Directory — https://wordpress.org/themes/
- Plugin Directory — https://wordpress.org/plugins/
- Pattern Directory — https://wordpress.org/patterns/
- Make WordPress — https://make.wordpress.org/
- Make Core — https://make.wordpress.org/core/
- Make Openverse — https://make.wordpress.org/openverse/
- Openverse — https://openverse.org/
2) בסיס רשמי של Elementor
- Elementor — https://elementor.com/
- Free Download — https://elementor.com/free-download/
- Help Center — https://elementor.com/help/
- Academy — https://elementor.com/academy/
- Get Started — https://elementor.com/academy/get-started/
- Courses — https://elementor.com/academy/courses/
- Guides & Tutorials — https://elementor.com/academy/guides-and-tutorials/
- Getting Started With Elementor — https://elementor.com/academy/getting-started-with-elementor/
- Edit Your Pages — https://elementor.com/academy/edit-your-pages/
- Kit Library — https://elementor.com/academy/the-kit-library/
- Template Library Help — https://elementor.com/help/template-library/
- Elementor Blog — https://elementor.com/blog/
- Add-ons — https://elementor.com/addons/
- Roadmap — https://elementor.com/roadmap/
- Glossary — https://elementor.com/glossary/
- Elementor Developers — https://developers.elementor.com/
- Developers Docs — https://developers.elementor.com/docs/
- What is Elementor — https://developers.elementor.com/docs/getting-started/
- Docs Usage — https://developers.elementor.com/docs/getting-started/usage/
- Editor Docs — https://developers.elementor.com/docs/editor/
- Widgets Docs — https://developers.elementor.com/docs/widgets/
- Form Actions Docs — https://developers.elementor.com/docs/form-actions/
- Hello Elementor Theme Docs — https://developers.elementor.com/docs/hello-elementor-theme/
- Elementor Tabs Docs — https://developers.elementor.com/docs/editor/elementor-tabs/
- Developers Home — https://developers.elementor.com/
3) מסמכי פיתוח חשובים של WordPress
- Getting Started — https://developer.wordpress.org/block-editor/getting-started/
- Build Your First Block — https://developer.wordpress.org/block-editor/getting-started/tutorial/
- Reference Guides — https://developer.wordpress.org/block-editor/reference-guides/
- Theme.json Reference — https://developer.wordpress.org/block-editor/reference-guides/theme-json-reference/
- Components Reference — https://developer.wordpress.org/block-editor/reference-guides/components/
- Themes How-To — https://developer.wordpress.org/block-editor/how-to-guides/themes/
- Packages — https://developer.wordpress.org/block-editor/reference-guides/packages/
- Template Files — https://developer.wordpress.org/themes/basics/template-files/
- Theme Structure — https://developer.wordpress.org/themes/core-concepts/theme-structure/
- Custom Logo — https://developer.wordpress.org/themes/functionality/custom-logo/
- Plugin Basics — https://developer.wordpress.org/plugins/plugin-basics/
- Plugin Headers — https://developer.wordpress.org/plugins/plugin-basics/header-requirements/
- Hooks — https://developer.wordpress.org/plugins/hooks/
- add_action — https://developer.wordpress.org/reference/functions/add_action/
- add_filter — https://developer.wordpress.org/reference/functions/add_filter/
- register_post_type — https://developer.wordpress.org/reference/functions/register_post_type/
- wp_enqueue_style — https://developer.wordpress.org/reference/functions/wp_enqueue_style/
- wp_enqueue_script — https://developer.wordpress.org/reference/functions/wp_enqueue_script/
- Coding Standards — https://developer.wordpress.org/coding-standards/wordpress-coding-standards/
- REST API Extending — https://developer.wordpress.org/rest-api/extending-the-rest-api/
- init Hook — https://developer.wordpress.org/reference/hooks/init/
- wp_enqueue_scripts Hook — https://developer.wordpress.org/reference/hooks/wp_enqueue_scripts/
- WP_Query — https://developer.wordpress.org/reference/classes/wp_query/
- get_template_part — https://developer.wordpress.org/reference/functions/get_template_part/
- Plugins Package — https://developer.wordpress.org/block-editor/reference-guides/packages/packages-plugins/
4) HTML, CSS, JavaScript, מבנה אתר ונגישות
- MDN Learn Web Development — https://developer.mozilla.org/en-US/docs/Learn_web_development
- About Learn — https://developer.mozilla.org/en-US/docs/Learn_web_development/About
- Getting Started — https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started
- Your First Website — https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Your_first_website
- Core Modules — https://developer.mozilla.org/en-US/docs/Learn_web_development/Core
- Structuring Content — https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content
- Styling Basics — https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics
- Scripting — https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting
- Forms — https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms
- HTML Docs — https://developer.mozilla.org/en-US/docs/Web/HTML
- CSS Docs — https://developer.mozilla.org/en-US/docs/Web/CSS
- JavaScript Docs — https://developer.mozilla.org/en-US/docs/Web/JavaScript
- Accessibility Docs — https://developer.mozilla.org/en-US/docs/Web/Accessibility
- MDN Curriculum — https://developer.mozilla.org/en-US/curriculum/
- web.dev Learn — https://web.dev/learn
- Learn Design — https://web.dev/learn/design
- Learn Accessibility — https://web.dev/learn/accessibility
- Learn CSS — https://web.dev/learn/css
- Learn HTML — https://web.dev/learn/html
- Learn Forms — https://web.dev/learn/forms
- Learn Images — https://web.dev/learn/images
- web.dev Accessibility — https://web.dev/accessibility
- Responsive Basics — https://web.dev/articles/responsive-web-design-basics
- Accessible Responsive Design — https://web.dev/articles/accessible-responsive-design
- Optimize CLS — https://web.dev/articles/optimize-cls
5) מדריכי ווב בסיסיים נוספים
- W3Schools — https://www.w3schools.com/
- HTML Tutorial — https://www.w3schools.com/html/
- CSS Tutorial — https://www.w3schools.com/css/
- JavaScript Tutorial — https://www.w3schools.com/js/
- How To — https://www.w3schools.com/howto/
- Bootstrap — https://www.w3schools.com/bootstrap/
- Colors — https://www.w3schools.com/colors/
- Icons — https://www.w3schools.com/icons/
- freeCodeCamp Learn — https://www.freecodecamp.org/learn/
- freeCodeCamp News — https://www.freecodecamp.org/news/
- Tag: Web Design — https://www.freecodecamp.org/news/tag/web-design/
- Tag: CSS — https://www.freecodecamp.org/news/tag/css/
- Tag: JavaScript — https://www.freecodecamp.org/news/tag/javascript/
- Tag: HTML — https://www.freecodecamp.org/news/tag/html/
- Scrimba — https://scrimba.com/learn
- Scrimba HTML & CSS — https://scrimba.com/learn/htmlandcss
- Scrimba JavaScript — https://scrimba.com/learn/javascript
- Codecademy Web Development — https://www.codecademy.com/catalog/subject/web-development
- Khan Academy HTML/CSS — https://www.khanacademy.org/computing/computer-programming/html-css
- Khan Academy Programming — https://www.khanacademy.org/computing/computer-programming
- SoloLearn — https://www.sololearn.com/en/learn
- GeeksforGeeks Web Development — https://www.geeksforgeeks.org/web-development/
- Frontend Mentor — https://www.frontendmentor.io/
- CSS-Tricks — https://css-tricks.com/
- SitePoint — https://www.sitepoint.com/
6) יסודות עיצוב, UI ו-UX
- Figma Resource Library — https://www.figma.com/resource-library/
- Design Basics — https://www.figma.com/resource-library/design-basics/
- UI Design — https://www.figma.com/resource-library/ui-design/
- UX Design — https://www.figma.com/resource-library/ux-design/
- Figma Templates — https://www.figma.com/templates/
- Figma Community — https://www.figma.com/community
- Canva Design School — https://www.canva.com/design-school/
- Canva Courses — https://www.canva.com/design-school/courses/
- Canva Learn — https://www.canva.com/learn/
- Canva Essentials — https://www.canva.com/design-school/courses/canva-essentials
- Graphic Design Basics — https://www.canva.com/design-school/courses/graphic-design-basics-from-the-experts
- Canva Beginner’s Guide — https://www.canva.com/learn/how-to-canva-beginners-guide/
- 20 Web Design Principles — https://www.canva.com/learn/20-web-design-principles-follow/
- Make a Website with Canva — https://www.canva.com/learn/how-to-make-website-canva/
- Adobe Design Discover — https://www.adobe.com/creativecloud/design/discover.html
- Adobe Graphic Design — https://www.adobe.com/creativecloud/design/discover/graphic-design.html
- Adobe Express Learn — https://www.adobe.com/express/learn
- Adobe Express Blog — https://www.adobe.com/express/learn/blog
- Material Design — https://material.io/design
- Material 3 — https://m3.material.io/
- Laws of UX — https://lawsofux.com/
- NNGroup Articles — https://www.nngroup.com/articles/
- Interaction Design Foundation — https://www.interaction-design.org/literature
- Design Systems Repo — https://designsystemsrepo.com/
- Refactoring UI — https://www.refactoringui.com/book/
7) צבע, ניגודיות ונגישות ויזואלית
- Adobe Color — https://color.adobe.com/
- Coolors — https://coolors.co/
- Color Hunt — https://colorhunt.co/
- Colormind — https://colormind.io/
- Realtime Colors — https://www.realtimecolors.com/
- Huemint — https://huemint.com/
- Khroma — https://www.khroma.co/
- Accessible Palette — https://accessiblepalette.com/
- Contrast Grid — https://contrast-grid.eightshapes.com/
- WebAIM Contrast Checker — https://webaim.org/resources/contrastchecker/
- WCAG Overview — https://www.w3.org/WAI/standards-guidelines/wcag/
- WCAG Quick Reference — https://www.w3.org/WAI/WCAG21/quickref/
- Color Review — https://color.review/
- Accessible Web Checker — https://accessibleweb.com/color-contrast-checker/
- Who Can Use — https://www.whocanuse.com/
- Use Contrast — https://www.usecontrast.com/
- Material Color — https://m3.material.io/styles/color
- MyColorSpace — https://mycolor.space/
- Paletton — https://paletton.com/
- Colorable — https://colorable.jxnblk.com/
- BrandColors — https://brandcolors.net/
- Gradient Hunt — https://gradienthunt.com/
- Grabient — https://www.grabient.com/
- UI Gradients — https://uigradients.com/
- CSS Gradient — https://cssgradient.io/
8) פונטים, טיפוגרפיה וסולמות כתב
- Google Fonts — https://fonts.google.com/
- Material Icons — https://fonts.google.com/icons
- Fontpair — https://fontpair.co/
- Fontjoy — https://fontjoy.com/
- Fontshare — https://www.fontshare.com/
- Font Squirrel — https://www.fontsquirrel.com/
- Adobe Fonts — https://fonts.adobe.com/
- League of Moveable Type — https://www.theleagueofmoveabletype.com/
- Inter Font — https://rsms.me/inter/
- Indestructible Type — https://indestructibletype.com/
- Use & Modify — https://usemodify.com/
- Free Faces Gallery — https://freefaces.gallery/
- Type Scale — https://type-scale.com/
- Modern Font Stacks — https://modernfontstacks.com/
- Fontsource — https://fontsource.org/
- Bunny Fonts — https://bunny.net/fonts
- Velvetyne — https://velvetyne.fr/
- Fontfabric Free Fonts — https://www.fontfabric.com/free-fonts/
- Pangram Pangram Free Fonts — https://pangrampangram.com/pages/free-fonts
- Lost Type — https://www.losttype.com/
- Uncut — https://uncut.wtf/
- FontSpace — https://www.fontspace.com/
- DaFont — https://www.dafont.com/
- Adobe Fonts Product Page — https://www.adobe.com/products/fonts.html
- Google Fonts Knowledge — https://fonts.google.com/knowledge
9) אייקונים, SVG, איורים ואמנות וקטורית
- Font Awesome — https://fontawesome.com/
- Flaticon — https://www.flaticon.com/
- Bootstrap Icons — https://icons.getbootstrap.com/
- Heroicons — https://heroicons.com/
- Tabler Icons — https://tabler.io/icons
- Remix Icon — https://remixicon.com/
- Boxicons — https://boxicons.com/
- Lucide — https://lucide.dev/
- Feather Icons — https://feathericons.com/
- Ionicons — https://ionic.io/ionicons
- Phosphor Icons — https://phosphoricons.com/
- Lineicons — https://lineicons.com/
- Iconoir — https://iconoir.com/
- The Noun Project — https://thenounproject.com/
- SVG Repo — https://www.svgrepo.com/
- Icons8 — https://icons8.com/icons
- Simple Icons — https://simpleicons.org/
- Google Material Symbols — https://fonts.google.com/icons
- unDraw — https://undraw.co/illustrations
- Storyset — https://storyset.com/
- Blush — https://blush.design/
- DrawKit — https://www.drawkit.com/
- IRA Design — https://iradesign.io/
- ManyPixels Gallery — https://www.manypixels.co/gallery
- OpenMoji — https://openmoji.org/
10) תמונות, וידאו, אודיו ומדיה חינמית
- Unsplash — https://unsplash.com/
- Pexels — https://www.pexels.com/
- Pixabay — https://pixabay.com/
- Openverse — https://openverse.org/
- StockSnap — https://stocksnap.io/
- Burst — https://burst.shopify.com/
- Kaboompics — https://kaboompics.com/
- Rawpixel Free — https://www.rawpixel.com/free-images
- Life of Pix — https://www.lifeofpix.com/
- Gratisography — https://gratisography.com/
- Reshot — https://www.reshot.com/
- Foodiesfeed — https://www.foodiesfeed.com/
- Picjumbo — https://picjumbo.com/
- SplitShire — https://www.splitshire.com/
- Freestocks — https://freestocks.org/
- ISO Republic — https://isorepublic.com/
- NegativeSpace — https://negativespace.co/
- Videvo — https://www.videvo.net/
- Mixkit Video — https://mixkit.co/free-stock-video/
- Coverr — https://coverr.co/
- Mazwai — https://mazwai.com/
- Dareful — https://www.dareful.com/
- Motion Places — https://www.motionplaces.com/
- Freesound — https://freesound.org/
- Uppbeat — https://uppbeat.io/
11) מוקאפים, טקסטורות, רקעים ודפוסים
- Mockup World — https://www.mockupworld.co/
- Unblast — https://unblast.com/
- LS Graphics Free Mockups — https://ls.graphics/free-mockups
- Pixeden Free Graphics — https://www.pixeden.com/free-graphics
- GraphicBurger — https://graphicburger.com/
- Freepik — https://www.freepik.com/
- Vecteezy — https://www.vecteezy.com/
- Hero Patterns — https://heropatterns.com/
- Transparent Textures — https://www.transparenttextures.com/
- SVG Backgrounds — https://www.svgbackgrounds.com/
- BGJar — https://bgjar.com/
- Haikei — https://haikei.app/
- Blobmaker — https://www.blobmaker.app/
- PatternPad — https://patternpad.com/
- Subtle Patterns — https://www.toptal.com/designers/subtlepatterns
- Cool Backgrounds — https://coolbackgrounds.io/
- FFFuel — https://fffuel.co/
- MagicPattern Tools — https://www.magicpattern.design/tools
- Pattern Monster — https://pattern.monster/
- Patterninja — https://patterninja.com/
- Notioly — https://notioly.com/
- Mesh Gradient — https://meshgradient.com/
- Get Waves — https://getwaves.io/
- SVG Waves — https://svgwaves.io/
- Magiconch Mesh — https://magiconch.com/mesh/
12) השראה ל-UI, לדפי נחיתה ולעיצוב אתרים
- Dribbble — https://dribbble.com/
- Behance — https://www.behance.net/
- Awwwards — https://www.awwwards.com/
- SiteInspire — https://www.siteinspire.com/
- Land-book — https://land-book.com/
- One Page Love — https://onepagelove.com/
- Lapa Ninja — https://www.lapa.ninja/
- Godly — https://godly.website/
- SaaSpo — https://saaspo.com/
- Collect UI — https://collectui.com/
- UI Garage — https://uigarage.net/
- Screenlane — https://screenlane.com/
- Mobbin — https://mobbin.com/
- Page Collective — https://pagecollective.com/
- Best Website Gallery — https://bestwebsite.gallery/
- Minimal Gallery — https://minimal.gallery/
- CSS Nectar — https://cssnectar.com/
- Httpster — https://httpster.net/
- Footer Design — https://footer.design/
- Header Club — https://header.club/
- Navbar Gallery — https://www.navbar.gallery/
- Call to Inspiration — https://www.calltoinspiration.com/
- Refero — https://refero.design/
- DesignModo Inspiration — https://designmodo.com/inspiration/
- Webframe — https://webframe.xyz/
13) תבניות, קומפוננטים וערכות חינמיות
- Figma Templates — https://www.figma.com/templates/
- Figma Community — https://www.figma.com/community
- HTML5 UP — https://html5up.net/
- Start Bootstrap — https://startbootstrap.com/
- BootstrapMade — https://bootstrapmade.com/
- Colorlib Templates — https://colorlib.com/wp/templates/
- Templated — https://templated.co/
- Tooplate — https://www.tooplate.com/
- Themefisher Templates — https://themefisher.com/free-bootstrap-templates
- UIdeck Templates — https://uideck.com/templates
- Creative Tim Free — https://www.creative-tim.com/templates/free
- Cruip Free Templates — https://cruip.com/free-templates/
- Flowrift — https://flowrift.com/
- Tailblocks — https://tailblocks.cc/
- Mamba UI — https://mambaui.com/
- Meraki UI — https://merakiui.com/
- Wicked Blocks — https://wickedblocks.dev/
- TailwindFlex — https://tailwindflex.com/
- Flowbite Blocks — https://flowbite.com/blocks/
- daisyUI Components — https://daisyui.com/components/
- Preline Examples — https://preline.co/examples.html
- shadcn/ui — https://ui.shadcn.com/
- Starter Templates — https://startertemplates.com/
- WordPress Patterns — https://wordpress.org/patterns/
- Elementor Kits Library — https://elementor.com/academy/the-kit-library/
14) מחוללי CSS, אנימציה ועזרי UI
- CSS Grid Generator — https://cssgridgenerator.io/
- CSSMatic — https://www.cssmatic.com/
- Glassmorphism — https://glassmorphism.com/
- Neumorphism — https://neumorphism.io/
- Box Shadow Dev — https://box-shadow.dev/
- CSS Scan Shadows — https://getcssscan.com/css-box-shadow-examples
- Easing — https://www.easing.dev/
- Cubic Bezier — https://cubic-bezier.com/
- Animista — https://animista.net/
- Keyframes — https://keyframes.app/
- Loading.io — https://loading.io/
- CSS Gradient — https://cssgradient.io/
- Shadows Brumm — https://shadows.brumm.af/
- Fancy Border Radius — https://9elements.github.io/fancy-border-radius/
- Clippy — https://bennettfeely.com/clippy/
- Transform Tools — https://transform.tools/
- Get Waves — https://getwaves.io/
- SVG Waves — https://svgwaves.io/
- Squircley — https://squircley.app/
- Responsively App — https://responsively.app/
- Sizzy — https://sizzy.co/
- Polypane — https://polypane.app/
- Web Code Tools — https://webcode.tools/
- Omatsuri — https://omatsuri.app/
- Layoutit Grid — https://grid.layoutit.com/
15) כלי תמונה, דחיסה, SVG ופאבים
- Photopea — https://www.photopea.com/
- remove.bg — https://www.remove.bg/
- Canva — https://www.canva.com/
- Figma — https://www.figma.com/
- Penpot — https://penpot.app/
- Lunacy — https://icons8.com/lunacy
- Krita — https://krita.org/
- GIMP — https://www.gimp.org/
- Inkscape — https://inkscape.org/
- Excalidraw — https://excalidraw.com/
- Squoosh — https://squoosh.app/
- iLoveIMG — https://www.iloveimg.com/
- TinyPNG — https://tinypng.com/
- Image Compressor — https://imagecompressor.com/
- SVGOMG — https://jakearchibald.github.io/svgomg/
- Favicon.io — https://favicon.io/
- RealFaviconGenerator — https://realfavicongenerator.net/
- WAVE — https://wave.webaim.org/
- Responsinator — https://www.responsinator.com/
- BrowserStack Responsive — https://www.browserstack.com/responsive
- Chrome DevTools — https://developer.chrome.com/docs/devtools/
- PageSpeed Insights — https://pagespeed.web.dev/
- web.dev Images — https://web.dev/learn/images
- Optimize CLS — https://web.dev/articles/optimize-cls
- TinyWow — https://tinywow.com/
16) אתרי מדריכים, בלוגים ומשאבי WordPress
- WPBeginner — https://www.wpbeginner.com/
- WPMU DEV Blog — https://wpmudev.com/blog/
- WP Engine Resources — https://wpengine.com/resources/
- Kinsta Blog — https://kinsta.com/blog/
- Hostinger WordPress Tutorials — https://www.hostinger.com/tutorials/wordpress
- SiteGround WordPress Tutorials — https://www.siteground.com/tutorials/wordpress/
- ThemeIsle Blog — https://themeisle.com/blog/
- CodeinWP Blog — https://www.codeinwp.com/blog/
- Torque Magazine — https://torquemag.io/
- WPLift — https://wplift.com/
- WPShout — https://wpshout.com/
- WPKube — https://www.wpkube.com/
- WPtuts — https://wptuts.co.uk/
- WPExplorer — https://www.wpexplorer.com/
- ManageWP Blog — https://managewp.com/blog/
- Smashing Magazine WordPress — https://www.smashingmagazine.com/category/wordpress/
- Elegant Themes Blog — https://www.elegantthemes.com/blog
- DreamHost WordPress Blog — https://www.dreamhost.com/blog/category/wordpress/
- Pressable Blog — https://pressable.com/blog/
- Learn WordPress — https://learn.wordpress.org/
- Elementor Blog — https://elementor.com/blog/
- Elementor Developers — https://developers.elementor.com/
- Astra Blog — https://wpastra.com/blog/
- Crocoblock Blog — https://crocoblock.com/blog/
- MotoPress Blog — https://motopress.com/blog/
17) תוספי Elementor, תבניות התחלה והרחבות
- Crocoblock — https://crocoblock.com/
- Essential Addons — https://essential-addons.com/elementor/
- ElementsKit — https://wpmet.com/plugin/elementskit/
- Element Pack — https://bdthemes.com/element-pack/
- Happy Addons — https://happyaddons.com/
- PowerPack — https://powerpackelements.com/
- Premium Addons — https://premiumaddons.com/
- Dynamic.ooo — https://www.dynamic.ooo/
- Elementor Add-ons Hub — https://elementor.com/addons/
- Starter Templates — https://startertemplates.com/
- Astra Website Templates — https://wpastra.com/website-templates/
- GenerateBlocks — https://generateblocks.com/
- Kadence WP — https://www.kadencewp.com/
- Stackable — https://stackable.ph/
- Gutena — https://gutena.io/
- BlockArt Blocks — https://blockartblocks.com/
- Templately — https://templately.com/
- Envato — https://envato.com/
- Envato Elements — https://elements.envato.com/
- TemplateMonster — https://www.templatemonster.com/
- MonsterONE — https://monsterone.com/
- SuperbThemes Free Themes — https://superbthemes.com/free-wordpress-themes/
- ThemeIsle Elementor Addons — https://themeisle.com/blog/best-elementor-addons/
- aThemes Elementor Addons — https://athemes.com/collections/best-elementor-addons/
- WPVibes — https://wpvibes.com/
18) ערוצי יוטיוב מעולים ללימוד
- Elementor YouTube — https://www.youtube.com/c/elementor
- WordPress.com YouTube — https://www.youtube.com/@wordpressdotcom
- WPBeginner YouTube — https://www.youtube.com/channel/UChA624rCabHAmd6lpkLOw7A
- WPLearningLab — https://www.youtube.com/@wplearninglab
- Ferdy Korpershoek — https://www.youtube.com/@ferdykorpershoek
- freeCodeCamp — https://www.youtube.com/@freecodecamp
- Kevin Powell — https://www.youtube.com/@KevinPowell
- Traversy Media — https://www.youtube.com/@TraversyMedia
- DesignCourse — https://www.youtube.com/@DesignCourse
- Flux Academy — https://www.youtube.com/@FluxAcademy
- Figma YouTube — https://www.youtube.com/@Figma
- Canva YouTube — https://www.youtube.com/@Canva
- Adobe Creative Cloud — https://www.youtube.com/@AdobeCreativeCloud
- Envato Tuts+ — https://www.youtube.com/@EnvatoTutsPlus
- LearnWebCode — https://www.youtube.com/@LearnWebCode
- Web Dev Simplified — https://www.youtube.com/@WebDevSimplified
- The Net Ninja — https://www.youtube.com/@NetNinja
- Academind — https://www.youtube.com/@Academind
- Tutvid — https://www.youtube.com/@tutvid
- Bring Your Own Laptop — https://www.youtube.com/@bringyourownlaptop
- SitePoint — https://www.youtube.com/@SitePoint
- Codegrid — https://www.youtube.com/@Codegrid
- CharliMarieTV — https://www.youtube.com/@CharliMarieTV
- Jesse Showalter — https://www.youtube.com/@JesseShowalter
- NNGroup — https://www.youtube.com/@NNgroup
19) סרטוני יוטיוב וחיפושים ישירים שמומלץ לשמור
- Elementor WordPress Tutorial 2026 — https://www.youtube.com/watch?v=QaH1xpoX5C4
- Elementor in 13 Minutes — https://www.youtube.com/watch?v=aKPXXx94CUc
- Build a Website With Elementor — https://www.youtube.com/watch?v=icTcREd1tAg
- Elementor Basics in 10 Minutes — https://www.youtube.com/watch?v=E15iQEm9KF8
- Elementor Basics in 15 Minutes — https://www.youtube.com/watch?v=3YG3XLmBX4A
- Elementor 4.0 Walkthrough — https://www.youtube.com/watch?v=obdVGjOyVtE
- Getting Started With WordPress — https://www.youtube.com/watch?v=vDO1FQEhRPk
- WordPress Tutorial 2026 — https://www.youtube.com/watch?v=zd5_MN-6kqs
- WordPress Tutorial Easy Step By Step — https://www.youtube.com/watch?v=ApriQQWMuTw
- Elementor MasterClass — https://www.youtube.com/watch?v=DSU9DlcDu90
- Elementor WordPress Beginners — https://www.youtube.com/watch?v=Ns6WuQKrHTM
- Elementor WordPress Step By Step — https://www.youtube.com/watch?v=zEY5rMTlUhs
- WordPress Tutorial for Beginners — https://www.youtube.com/watch?v=0myoSPfSL2c
- How To Make a WordPress Website — https://www.youtube.com/watch?v=UeOStalTSKk
- WordPress and Coding — https://www.youtube.com/watch?v=6yDODGVSXlM
- Search: Elementor Containers — https://www.youtube.com/results?search_query=elementor+containers+tutorial
- Search: WordPress Playground — https://www.youtube.com/results?search_query=how+to+use+wordpress+playground
- Search: Block Editor Tutorial — https://www.youtube.com/results?search_query=wordpress+block+editor+tutorial
- Search: Hello Elementor — https://www.youtube.com/results?search_query=hello+elementor+tutorial
- Search: Template Library — https://www.youtube.com/results?search_query=elementor+template+library+tutorial
- Search: theme.json — https://www.youtube.com/results?search_query=wordpress+theme+json+tutorial
- Search: Responsive Design — https://www.youtube.com/results?search_query=wordpress+responsive+design+tutorial
- Search: Accessibility for Beginners — https://www.youtube.com/results?search_query=web+accessibility+tutorial+for+beginners
- Search: CSS Grid — https://www.youtube.com/results?search_query=css+grid+tutorial
- Search: Figma to WordPress — https://www.youtube.com/results?search_query=figma+to+wordpress+tutorial
20) תוספים חינמיים שימושיים למתחילים
- Elementor — https://wordpress.org/plugins/elementor/
- WPForms Lite — https://wordpress.org/plugins/wpforms-lite/
- Contact Form 7 — https://wordpress.org/plugins/contact-form-7/
- All-in-One WP Migration — https://wordpress.org/plugins/all-in-one-wp-migration/
- Duplicate Page — https://wordpress.org/plugins/duplicate-page/
- Yoast SEO — https://wordpress.org/plugins/wordpress-seo/
- WooCommerce — https://wordpress.org/plugins/woocommerce/
- UpdraftPlus — https://wordpress.org/plugins/updraftplus/
- Wordfence — https://wordpress.org/plugins/wordfence/
- LiteSpeed Cache — https://wordpress.org/plugins/litespeed-cache/
- WP Super Cache — https://wordpress.org/plugins/wp-super-cache/
- Autoptimize — https://wordpress.org/plugins/autoptimize/
- Smush — https://wordpress.org/plugins/wp-smushit/
- Redirection — https://wordpress.org/plugins/redirection/
- Site Kit — https://wordpress.org/plugins/google-site-kit/
- Spectra — https://wordpress.org/plugins/ultimate-addons-for-gutenberg/
- Gutena Blocks — https://wordpress.org/plugins/gutena/
- Otter Blocks — https://wordpress.org/plugins/otter-blocks/
- Advanced Custom Fields — https://wordpress.org/plugins/advanced-custom-fields/
- Safe SVG — https://wordpress.org/plugins/safe-svg/
- WP Mail SMTP — https://wordpress.org/plugins/wp-mail-smtp/
- Complianz — https://wordpress.org/plugins/complianz-gdpr/
- Insert Headers and Footers — https://wordpress.org/plugins/insert-headers-and-footers/
- Templately — https://wordpress.org/plugins/templately/
- NextGEN Gallery — https://wordpress.org/plugins/nextgen-gallery/
21) תבניות, ערכות נושא וקטגוריות Patterns
- Hello Elementor — https://wordpress.org/themes/hello-elementor/
- Astra — https://wordpress.org/themes/astra/
- Blocksy — https://wordpress.org/themes/blocksy/
- Kadence — https://wordpress.org/themes/kadence/
- Neve — https://wordpress.org/themes/neve/
- OceanWP — https://wordpress.org/themes/oceanwp/
- Twenty Twenty-Four — https://wordpress.org/themes/twentytwentyfour/
- Twenty Twenty-Five — https://wordpress.org/themes/twentytwentyfive/
- Storefront — https://wordpress.org/themes/storefront/
- GeneratePress — https://wordpress.org/themes/generatepress/
- Hestia — https://wordpress.org/themes/hestia/
- Zakra — https://wordpress.org/themes/zakra/
- ColorMag — https://wordpress.org/themes/colormag/
- Sydney — https://wordpress.org/themes/sydney/
- Ashe — https://wordpress.org/themes/ashe/
- Botiga — https://wordpress.org/themes/botiga/
- Twenty Twenty-Three — https://wordpress.org/themes/twentytwentythree/
- Twenty Twenty-Two — https://wordpress.org/themes/twentytwentytwo/
- Twenty Twenty-One — https://wordpress.org/themes/twentytwentyone/
- Qi — https://wordpress.org/themes/qi/
- Frost — https://wordpress.org/themes/frost/
- Rafter — https://wordpress.org/themes/rafter/
- Patterns About — https://wordpress.org/patterns/categories/about/
- Patterns Gallery — https://wordpress.org/patterns/categories/gallery/
- Patterns Hero — https://wordpress.org/patterns/categories/hero/