שורות קוד שימושיות לטיפול בבעיות (CSS, HTML…)

עודכן לאחרונה ב-9.7.2024

מחשבון מחיר הובלה באשדוד

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

מחיר הובלה מוערך:

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

display: none - העלמת אלמנט

שורת הקוד “display: none” – מעלימה אלמנט (סוג של פלסטר לסידור דברים קטנים בנראות.
דוגמה:

				
					h1 {
    display: none;
}

overflow-x: hidden - סידור השוליים באתר

קוד להסרת שוליים באתר (במקרה במקרה ויש גלישה של התוכן מחוץ למסך וצריך לגלול אליו)
הקוד שמסדר את זה ועושה קיבוע למסך:

				
					html,budy{
    overflow-x: hidden;
}

שינוי כיוון האתר - מימין לשמאל direction: rtl

right to left – שינוי כיוון התוכן: מימין לשמאל בשביל אתרים בשפה שהתוכן שלהם מתחיל מצד ימין (לדוגמה עברית וערבית) במידה והאתר מותאם לאנגלית בברירת מחדל שלו.

				
					div {
    direction: rtl;
}

שינוי כיוון האתר - משמאל לימין direction: ltr

left to right – שינוי כיוון התוכן: שמאל לימין בשביל אתרים שהתוכן שלהם צריך להתחיל מצד שמאל (לדוגמה אנגלית, צרפתית וכו’) במידה והאתר מותאם בברירת מחדל לעברית.

				
					div {
    direction: ltr;
}

קוד לתפריט שקופה שמקבל רקע בגלילה

בקצרה – הקוד בשביל לעשות תפריט כמו התפריט בעמוד הבית 🏠

				
					selector.elementor-sticky--effects{
background-color: rgba(0,0,0,0.8)!important
}

selector{
transition: background-color 1s ease !important;
}

קוד CSS להסתרת סמל ה-recaptcha באתר

קוד שמסתיר את הסמל הצף של ה-recaptcha באתר (בוורדפרס שמים את זה בהתאמה האישית)

				
					.grecaptcha-badge { 
visibility: hidden; 
}

אבל אם מסתירים את הסמל, לפי ההנחיות של גוגל חובה להוסיף מתחת לטופס הודעה לגבי זה שהאתר משתמש ב-recaptcha.
אז מוסיפים את ההודעה הבאה:

				
					This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.

שינוי כיוון טקסט באלמנט באלמנטור

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

				
					div {
    text-align: right;
}

הפניה אוטומטית מ-HTTP ל-HTTPS (דרך htaccess)

קוד ליצירת הפניה אוטומטית מגרסת ה-HTTP של האתר לגרסת ה-HTTPS
את שורות הקוד האלו יש להוסיף בקובץ ה-htaccess ב-FTP
בדרך כלל זה לא נוצר בברירת מחדל ללא תוסף או CDN (זה יכול לחסוך תוסף)

				
					RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

הוספת SPF Record לטיפול בבעיית אבטחה של המיילים

הוספת רשומת “SPF” לטיפול בבעיית האבטחה שמאפשרת לספאמרים לשבש את כתובת האיימת של הדומיין.
ההגדרה באנגלית:
Consider creating an SPF record to prevent spammers from abusing your email address.
פירוט הרקורד שיש להוסיף (מוספים ב-DNS):

				
					Type: TXT
Name: "domain name"
Content: v=spf1 include:spf.antispamcloud.com -all

הגדרת גובה ורוחב לאלמנט

קוד שמגדיר גובה ורוחב לאלמנט, כמו טבלה למשל (יכול לשמש בתור אנלוג ל-overflow)
ניתן להגדיר בו גם מיקום (אמצע, ימין או שמאל – בדוגמה מוגדר אמצע)

				
					<div class=" aligncenter" style="width: 650px; border: 1pt solid windowtext; text-align: center; height: 3500px;">
CONTENT
</div>

קוד overflow-x לטבלה

כמו הקוד בטבלאות בעמוד על ה-REGEX

				
					<div style="overflow-x: auto;">
    CONTENT
</div>

ביטול עימוד בעודי ארכיון | WordPress

מבטל את בעיית היווצרות עמודי הפג’יניישן הלא רלוונטיים בארכיונים של וורדפרס
יש להטמיע את הקוד ב-function.php של התבנית.

				
					function disable_paging_on_all_archives( $query ) {
  $query->set( 'posts_per_page', -1 );
  return $query;
}
add_action( 'pre_get_posts', 'disable_paging_on_all_archives' );

קוד CSS לרקע נגלל (רקע מקובע)

להוסיף לקונטייטר לו רוצים לקבע את הרקע באזור ה-CUSTOM CSS

				
					selector{
    background-attachment: fixed
}

הערך של תגיות המטא בתוסף SEO Yoast

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

				
					_yoast_wpseo_title
_yoast_wpseo_metadesc