שלב 1

היכנס לחלונית וורדפרס ועבור אל "מראה" בתפריט מימין. לחץ על "עורך" תחת "מראה" כדי לטעון את ערכת הנושא לערוך. מצא קובץ בצד ימין בשם "searchform.php" ולחץ על הקישור שלה. צור קובץ בשם "searchform.php" ולאחר מכן העלה אותו לנושא שלך אם הוא עדיין לא קיים. הקובץ נכנס למיקום הבא:

/ public_html / wp-content / themes / theme-name /

החלף "שם נושא" עם שם הנושא שבו אתה משתמש. לפעמים "public_html" הוא "www".

שלב 2

לערוך או לקודד את ה- HTML של "searchform.php" שלך כדי להתאים לצרכים שלך. קובץ זה יכול לכלול גם קוד PHP. הנה דוגמה:

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

שלב 3

ערוך את הקובץ "style.css" באמצעות עורך של נושאים מסך או לערוך אותו במחשב שלך ולהעלות אותו לשרת באותה ספרייה כמו "searchform.php". השתמש בקוד CSS ב "style.css" בסגנון של מנוע החיפוש. הנה דוגמה:

searchfield {border: 1px solid #ccc; font-style: italic;}

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