כיצד לשנות את ווידג׳ט החיפוש בוורדפרס ?

נסביר איך לעצב / לשנות את ווידג׳ט החיפוש בוורדפרס

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

שינוי ווידג׳ט החיפוש בוורדפרס

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

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

לאחר מכן, הוסיפו את השורות הבאות לקובץ ה css שלכם:

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

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

מקווה שאהבתם, פנקו בלייקים ושתפו כרגיל 🙂

 

רועי יוסף

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

תגובות פייסבוק

{ 0 תגובות… הוסף אחת }

השאירו תגובה

כבר הולכים ? הרשמו לרשימת התפוצה !

הכניסו את האימייל שלכם וקבלו עדכונים חודשיים על מאמרים, טיפים ומדריכים חדשים !

לעולם לא נשתף את הפרטים שלכם...