מדריך וורדפרס למתחילים – הכרות עם מערכת הניהול

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

מדריך וורדפרס למפתחים מתחילים – מבוא

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

בניית רכיב טאבים באמצעות jQuery וCSS

בפוסט הקודם דברנו על בנייה של רכיב אקורדיון, שבו הכפתורים נמצאים אחד מתחת לשני, והתוכן נפתח מתחת לכפתור שאליו הוא קשור. בפוסט הזה נדבר על רכיב דומה, אך שונה – רכיב טאבים. ברכיב טאבים יש לנו בתחילה שורת כפתורים, ומתחתיה כל התכנים, כשבכל פעם תוכן אחר פתוח. התכנים נפתחים מתחת לכל הכפתורים, והHTML בהתאם. אז … להמשך קריאה בניית רכיב טאבים באמצעות jQuery וCSS

CSS background – המדריך הכמעט שלם להגדרת רקע

בפוסט הזה נדבר על הגדרת רקע בCSS. הגדרת רקע כוללת מספר הגדרות נפרדות, שאותן ניתן לצמצם. נפרט על כל אחת בנפרד, ואז נראה את ההגדרה המצומצמת: background-color – צבע רקע בפשטות כאן ניתן להגדיר צבע. בדיוק כמו במקומות אחרים בCSS ניתן לקרוא לצבע באופנים שונים: בשמו (לדוגמה white) באמצעות RGB (לדוגמה #cc2e72) באמצעות RGAB – … להמשך קריאה CSS background – המדריך הכמעט שלם להגדרת רקע

בניית רכיב אקורדיון באמצעות jQuery + CSS וללא תוספים

בפוסט הזה נדבר על יצירה של אקורדיון – רשימה של כפתורים שבלחיצה על כפתור – נפתח ונסגר התוכן שלו מתחתיו. מדובר ברכיב ממש פשוט מכל בחינה – HTML, CSS וjQuery, כך שלהטמיע בשבילו תוסף JS ייעודי זה בזבוז מושלם. בשלב הראשון נגדיר את הבסיס שחייב להיות, ואחר כך נתקדם הלאה, לעיצוב, הנגשה ואופציות נוספות. קוד … להמשך קריאה בניית רכיב אקורדיון באמצעות jQuery + CSS וללא תוספים

הגדרת תגי מטא עבור רשתות חברתיות במערכת וורדפרס

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

הוספת כפתורי שיתוף ברשתות חברתיות

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

iframe רספונסיבי באמצעות CSS

בטח נתקלתם בזה יותר מפעם אחת. אתם מטמיעים סרטון מיוטיוב או כל iframe אחר, ונותנים לו רוחב, לדוגמה 100%, או 300 פיקסלים. אתם נותנים גם גובה, כך שייראה טוב בדסקטופ. ואז מגיע השלב של רספונסיב לעמוד, והרוחב של הiframe קטן או גדל באחוזים ניכרים מרוחבו בדסקטופ. מה עושים עם הגובה? אם היה מדובר בתמונה, היינו … להמשך קריאה iframe רספונסיבי באמצעות CSS

בניית טולטיפ – tooltip – הדרך הפשוטה באמצעות CSS

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

סלקטור "אח" – Siblings בCSS

הקדמה בקוד HTML, האלמנטים בנויים בצורה של איזשהו עץ משפחה. יש את אלמנט הhtml, שהוא מה שמכונה root – השורש של העץ שלנו. לhtml תמיד יש 2 בנים ישירים – head, body. אלו הם בנים ישירים. יש לו גם צאצאים לא ישירים, לדוגמה div, nav, .myHeader וכל האלמנטים שנמצאים בתוכו. הפוסט הזה ידריך אתכם איך … להמשך קריאה סלקטור "אח" – Siblings בCSS