כיצד להסתיר סרגל צד למכשירים ניידים בוורדפרס

11 באפריל, 2021 812 צפיות כיצד להסתיר סרגל צד למכשירים ניידים בוורדפרס

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





כיצד לשורש sm-n920v

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



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

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



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

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



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

להלן השלבים ברמה גבוהה להסתרת סרגל צד עבור מכשירים ניידים בוורדפרס:

  1. מצא את מזהה div סרגל הצד עבור הנושא שלך
  2. הוסף את ה-CSS שמסתיר את סרגל הצד ממכשירים ניידים
  3. נקה את המטמון ובדוק
אם יש לך אתר Developer או Staging, אני ממליץ בחום לבדוק את השלבים האלה באתר ה-dev שלך לפני שתעלה איתו לאוויר.

עיין בנושאי פוסטים



מצא את מזהה DIV של סרגל הצד עבור הנושא שלך

כיצד להסתיר סרגל צד למכשירים ניידים בוורדפרס: שלב 1 - מצא את מזהה DIV של סרגל הצד לערכת הנושא שלך

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



אנא השלם משימה זו במחשב נייד או מחשב נייד PC או Mac - לא במכשיר נייד.

בצע את השלבים שלהלן כדי למצוא את מזהה ה-div עבור סרגל הצד של ערכת הנושא שבה אתה משתמש עבור אתר וורדפרס שלך:

  1. פתח פוסט או דף ב-Google Chrome או בדפדפן Microsoft Edge החדש.
  2. לאחר מכן, לחץ באמצעות לחצן העכבר הימני בכל מקום בסרגל הצד ובחר לִבדוֹק .
כיצד להסתיר סרגל צד למכשירים ניידים בוורדפרס: שלב 1 - מצא את מזהה DIV של סרגל הצד לערכת הנושא שלך
  1. הרכיב Inspect יפתח כמה קודים בצד ימין של הדף. יש לזה חלק עליון (מסומן 1 בצילום המסך למטה). יש לו גם חלק תחתון (מסומן 2 בצילום המסך).

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

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

הוסף את ה-CSS שמסתיר סרגל צד למכשירים ניידים בוורדפרס

הוסף את ה-CSS שמסתיר סרגל צד למכשירים ניידים בוורדפרס

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

פגעתי במזהה div סרגל הצד עבור הנושא שלי. עליך לשנות את הערך הזה למזהה div סרגל הצד עבור העיצוב שלך. שימו לב לנקודה (.) לפני מזהה ה-div. |_+_|

בצע את השלבים הבאים כדי להוסיף את קוד ה-CSS לעיל לערכת הנושא שלך:

  1. היכנס לאתר וורדפרס שלך כמנהל מערכת.
  2. ואז, בחלונית השמאלית, לְרַחֵף על מראה חיצוני ובחר התאמה אישית .
  1. כאשר האפשרות התאמה אישית נפתחת, גלול מטה ולחץ CSS נוסף .
אם ערכת הנושא שלך בוורדפרס אינה מציעה אפשרות זו, פתח את אפשרויות ערכת הנושא ומצא מקום להוסיף CSS מותאם אישית.
  1. לבסוף, העתק, הדבק ותקן את הקוד הזה באחד הסעיפים - ולאחר מכן, בלחיצה העליונה לְפַרְסֵם .
זכור לשנות סרגל צד למזהה div סרגל הצד מהקטע האחרון. |_+_| אולי זה גם רעיון טוב להוסיף הערה המתארת ​​מה הקוד עושה וכנראה את התאריך שבו הוא הוסף. אתה יכול להעתיק את התגובה שלי ולתקן אותה כרצונך. מה שלא תעשה, אל תסיר /* ו */ - אלו הם הקודים שיוצרים את כל מה שנמצא בין הערה ולא חלק מקוד CSS כלשהו. |_+_|

נקה את המטמון ובדוק

כיצד להסתיר סרגל צד למכשירים ניידים בוורדפרס: שלב 1 - נקה מטמון ובדיקה

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

לאחר ניקוי המטמון בתוסף ה-caching ו/או CDN, פתח את האתר במכשיר נייד. אם השינוי לא משתקף מיד, השתמש גלישה בסתר (Chrome) או באופן פרטי (מיקרוסופט אדג).

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

כמה ליבות זה המעבד שלי

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

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

לבסוף, למדריכי וורדפרס נוספים, בקר בדף ההוראות שלנו ל-WordPress ואתרים.