צריך להתאים אישית עיצוב וורדפרס? אולי רק התחלת את האתר האישי שלך אבל ערכות הנושא של וורדפרס כברירת מחדל לא מרגשות אותך.

למרבה המזל, וורדפרס מציעה שפע של אפשרויות שיעזרו לך לשנות ולעצב את ערכת הנושא של האתר שלך לפי העדפותיך. נראה לך איך להתחיל.

שלב 1: שינוי ערכת הנושא המוגדרת כברירת מחדל

נכון לעכשיו, התקנת וורדפרס בסיסית מגיעה עם ערכת הנושא Twenty-Twenty Two שהוגדרה כברירת מחדל. אבל כפי שאולי שמתם לב, ערכת הנושא המוגדרת כברירת מחדל אינה כוללת את כל הפעמונים והשריקות שתרצו באתר האינטרנט שלכם. בטח, הוא נטען במהירות ומספק את מה שצריך, אבל אתה גם רוצה שהאתר שלך ייראה טוב.

לכן, כדאי לשקול להחליף את ערכת הנושא של וורדפרס המוגדרת כברירת מחדל במשהו שניתן להתאמה אישית יותר. כמה דוגמאות נהדרות הן GeneratePress, Astra, OceanWP, Kadence WP וכו'.

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

instagram viewer

כך או כך, העבר את העכבר מעל ערך הנושא כשאתה רואה אותו ולחץ להתקין. לאחר מכן, לחץ לְהַפְעִיל כדי להחיל את הנושא באתר החי. ערכות נושא רבות של וורדפרס נראות פנטסטיות מחוץ לקופסה, בעוד שבמקרים מסוימים ייתכן שתצטרך להתאים אישית אפילו את פריסת האתר הבסיסית בעצמך.

שלב 2: שינוי כמה משתני אתר כלליים

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

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

כדי להתחיל, עבור אל זהות האתר מקטע והזן את שם האתר שלך ואת שורת התיוג. לאחר מכן, צור שני לוגואים שונים עבור האתר שלך: לוגו הכותרת וה-favicon. וורדפרס תציין את המידות המומלצות עבור ה-favicon; אתה רק צריך ליצור את התמונה ולהעלות אותה לספרייה. השאר קל!

אתה יכול גם לבחור להסתיר את שם האתר ואת שורת התיוג אם אתה מעלה לוגו מותאם אישית.

לאחר מכן, עברו לשינוי פריסת האתר על ידי מעבר ל- מַעֲרָך סָעִיף. כאן אתה יכול לשנות את רוחב המכולה הראשית, יישור הכותרות, תפריט הניווט, סרגלי הצד ועוד הרבה יותר.

מומלץ ליצור את תפריטי הכותרת העליונה והתחתונה שלך בשלב זה - באמצעות ה תפריטים סעיף - כך שתוכל להתמקד אך ורק בצד העיצובי של הדברים מאוחר יותר.

שלב 3: מעבר לעיצובים מתקדמים יותר

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

לאחר מכן, עבור ל- טיפוגרפיה ולהוסיף את כל הגופנים שתרצה שיהיו באתר שלך. לאחר שבחרתם גופן נקי וקריא, עברו ל ווידג'טים. יש שורה של ווידג'טים שאתה יכול להוסיף לאתר שלך: שדה חיפוש, הערות אחרונות, מאמרים קשורים, גלריה, קוד HTML מותאם אישית, תצוגת טקסט וכו'.

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

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

אחת התכונות הרבות של וורדפרס היא היכולת שלה לטפל בקוד מותאם אישית. אתה יכול להוסיף את הקוד שלך על גבי וורדפרס והוא ישקף את השינויים מבלי לשבור דבר. המלכוד היחיד? אתה צריך להיות מיומן ב-CSS לעיצוב HTML ו-PHP כדי לשנות את פונקציונליות ברירת המחדל של וורדפרס.

כדי להוסיף CSS מותאם אישית לאתר שלך, עבור אל CSS נוסף חלק בתוך הפרמטר להתאמה אישית של וורדפרס. כאן, אתה יכול להשתמש בשיעורים ובמזהים כדי לבחור ולעצב רכיבי HTML לפי טעמך. כדי לקבל את מזהה הרכיב עבור ישות HTML, השתמש בכלי מפתחי דפדפן המוצעים על ידי Google Chrome ו-Mozilla Firefox.

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

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

שלב 5: צור ערכת נושא לילד כדי לשמור התאמות אישיות

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

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

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

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

אז אם אתה קצר בזמן וצריך ליצור במהירות אתר אישי או עסקי, התקן ערכת נושא שמגיעה עם תבניות שונות לבחירתך.

כך נראה אתר ההדגמה לאחר החלת תבנית על ידי GeneratePress:

אפילו טוב יותר, אתה יכול להשתמש בבונה דפים המאפשר לך ליצור דפים מותאמים אישית באמצעות כלי גרירה ושחרור. אתה יכול גם לערוך וליצור כותרות עליונות ותחתונות מותאמות אישית עם כלים כאלה.

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

בניית אתר מקצועי עם וורדפרס

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

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