fbpx

הירשמו לקבלת עדכונים

הזינו את המייל שלכם
וקבלו עדכונים חודשיים לתיבת הדואר שלכם

500x500 Birthday 2022 Croco (1)

40% הנחה לכל חבילות קרוקובלוק

קופון הנחה: crocoturns4
סיום המבצע: 29/5/22

Cart Count

שורטקוד – הצגת כמות מוצרים בסל

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

Text Scroll

CSS – תיבת טקסט עם גלילה

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

הגדרת גדלי תמונות נוספים לאתרי וורדפרס

הגדרת גדלי תמונות נוספים לאתרי וורדפרס
שיתוף ב facebook
שיתוף ב twitter
שיתוף ב linkedin
שיתוף ב whatsapp
שיתוף ב email

כברירת מחדל, וורדפרס מאפשרת 4 אפשרויות בחירה לגדלים של תמונה:

  1. קטן – 150X150
  2. בינוני – 300X300
  3. גדול – 1024X1024
  4. גודל מלא (גודל תמונה מלא / מקורי שהעלית).

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

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

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

				
					if ( function_exists( 'add_image_size' ) ) {
	add_image_size( 'my-custom-image1', 296, 197, true ); //(true means the image will be cropped)
	add_image_size( 'my-custom-image2', 395, 328, true ); //(true means the image will be cropped)
	add_image_size( 'my-custom-image3', 202, 153, true ); //(true means the image will be cropped)

		} 
				
			

אם אתם עובדים עם אלמנטור תוכלו לבחור את הגדלים החדשים שהגדרתם תחת “גודל תמונה”:

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

מדריכים באותו נושא:

בואו נדבר על זה

0 0 דירוגים
דירוג המאמר
הירשם
עדכן אותי על
guest
0 תגובות
תגובות בגוף המאמר
צפה בכל התגובות
0
נשמח לשמוע מה אתה חושב, הגב כאן...x
()
x
דילוג לתוכן