פורום גרפיקה אשכול 20303

Avi139 02.07.1412:51

תיקנתי כמה באגים גם בממשק וגם ברספונסיביות של האתר, איך יצא?

ערכתי לאחרונה בתאריך 03.12.20 בשעה 18:03 בברכה, Avi139

לקחתי לתשומת ליבי את רוב הערותייכם:

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

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

- הוספתי תמונה רוחבית לכל פוסט כדי להוסיף עיניין ולרמוז על תוכן הפוסט.

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

- הוספתי סרגל צד שבו אני "מעגן" את הפוסטים הנבחרים שלי (בחירת העורך? )

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


מספר דברים שלא הצלחתי לפתור עדיין:
1 - וידאו מוטמע מאתרים אחרים עושה לי בעיות, הוא תמיד FIXED SIZE ככה שלמסכי מחשב זה קטן מדי ולמסכי מובייל (אייפון בעיקר) זה חורג וגדול מדי מהפוסט. רעיונות?

2 - תפריט צף, אם אני רוצה שהתפריט משמאל יגלל יחד עם הגלילה באתר, איך עושים זאת?

3 - או לחליפין הוספת כפתור UP או חץ משולש מעלה כדי לגלול בזריזות לראש העמוד, איך עושים זאת?

תודה וגלישה נעימה
Bshik 02.07.1415:04
1. כל הכבוד!! אולי אפשר לעשות ''הצבעה'' לבחירת הקהל לעיגון הפוסטים הנבחרים :) בתגובה להודעה מספר 0
Avi139 03.07.1413:11
3. בעקרון משהו כזה פחות נהוג, אבל אפשר להציג לפי פוסט שהיו לו הכי הרבה תגובות. בתגובה להודעה מספר 1
אבל מאחר וזה אתר אישי ואני מעוניין להבליט תכנים ספציפיים שרלוונטיים לי יותר, בחרתי לנעוץ אותם כ"נבחרים" כדי לחסוך למשתמש גלילה \ זפזופ בין תכנים (במידה ובעתיד יהיו הרבה) .
תודה
Bshik 03.07.1413:38
5. הבנתי ! מעולה :) בתגובה להודעה מספר 3
CaTz 03.07.1403:00
2. עבור סעיף 2 בתגובה להודעה מספר 0
position: fixed
מקבע את ה-Div למסך, וזה גורם לזה "לצוף"
Avi139 03.07.1413:16
4. תודה! הצלחתי לעשות את זה עם Inspect element בתגובה להודעה מספר 2
אבל לא הצלחתי לעשות את זה בקבצי הCSS...
משום מה לא מצליח למצוא את הCSS הספציפי שמחזיק את התפריט השמאלי, מוזר...

באינספקטור מדובר בנתיב:
public_html/wp-content/uploads/wp-less/
ושם יש קבצים לפי תאריכים שאם אני משנה בהם את הCSS זה לא תופס לגבי גלישה מדפדפנים אחרים...

ואילו בנתיב המקורי של הCSSים והHTML לא מצאתי שום ערך בCSS שנקרא
[code]
.main-header {
[/code]

אני עושה משהו לא נכון?

תודה!
CaTz 03.07.1414:28
6. לפי זה wp-less בתגובה להודעה מספר 4
כנראה שזה עובד עם LESS, זה שפת קימפול ל-CSS.
מה שזה מאפשר לך זה לעשות נניח Include.

אם אני צודק, אז יש לך תקייה של קבצי LESS.
ועם קובץ LESS אחד שמאגד את כל הקבצים לקובץ אחד עם include.
מה שצריך לעשות זה למצוא את הקובץ LESS המכיל את ה-main-header.
לשנות לו את ה-position.

אחרי זה צריך לקמפל.
את הקובץ שמאנלד את כולם.
אני עובד עם NODEJS וכו'...
השאלה היא איך אתה עובד עם קבצי ה-LESS.
Avi139 03.07.1414:45
7. זהו שאני לא, השינויים שעשיתי היו רק בPHP עצמו עד כה.. בתגובה להודעה מספר 6
לגבי הLESS - לא הכרתי את זה, אך אני רואה שיש ספריית בשם css-less
תחת הTHEME שבחרתי להשתמש בו, ויש בו כמה קבצים:



NODEJS הזה יודע לקמפל? או שאם אני משנה בשרת עצמו זה מקמפל כבר שם?
קצת סינית, נראה לי שאוותר... לא רוצה לדפוק משהו
תודה על ההסבר.
CaTz 03.07.1419:25
8. אממ, זה לא כזה מסובך... בתגובה להודעה מספר 7
בכל מקרה, בגלל שאצלך זה שינוי של שורה אחת.
תעשה בלי קימפול, תמצא את הקבוץ LESS המתאים, הוא משמש בתור קוד מקור, תשנה בו את השורה.

ואחרי זה תחפש את הקובץ ה-CSS המקומפל, בו חייב להיות main-header
http://avi-b.com/wp-content/uploads?...

זה הקובץ, תחפש פה רק, main-header, אתה תמצא, ושתנה שם.
זהו!
Avi139 03.07.1420:22
9. בקובץ הCSS המקומפל שאותו הבאת אכן מצאתי דרך הINSPECT ELEMENT בתגובה להודעה מספר 8
אבל השינוי שעשיתי בו הוא לא ברמה אבסלוטית כי בקימפול הבא זה חוזר להיות מה שהיה ובעצם לא עשיתי בזה שום דבר.

לגבי קבצי הLESS מצאתי, שיניתי באחד מהם (למרות שאני לא בטוח שזה הMAIN HEADER המדובר) וכששמרתי לא ראיתי תוצאה (מחקתי קוקיז והכל כמובן בדפדפן כדי לבדוק).

קיצר אתעמק בזה מחר בבוקר, נראה אם אצליח...
תודה
BarniRull 10.07.1415:06
10. לגבי הוידיאו תנסה להתשמש עם VideoJS... בתגובה להודעה מספר 0
BarniRull 10.07.1415:09
11. ולגבי 3 אתה יכול להתשמש בקוד הזה למשל בתגובה להודעה מספר 10
איפה שאתה רוצה שהוא יהיה למעלה


והמימוש של הכפתור שלך...
TOP OF PAGE
Avi139 10.07.1420:55
12. תודה רבה! יישמתי את זה ובהחלט עובד, ואבדוק גם לגבי VideoJS :) בתגובה להודעה מספר 11
Avi139 15.07.1414:43
14. בהשראתך, בסוף חיפשתי בגוגל ומצאתי פלאגין מעולה שעובד מהקופסא! בתגובה להודעה מספר 10
Fluid Video Embeds - פשוט עושה עבודה מדהימה, לא רק ADAPTIVE אלא Responsive Real time תוך כדי שינוי הרזולוציה הוא מתאים את הנגן לגודל החלון ועושה עבודה פנטסטית!

Avi139 10.07.1421:08
13. טוב תודה רבה לכולם על הטיפים והעזרה, השגתי את כל היעדים ;) בתגובה להודעה מספר 0
העבר לפורום אחר
העבר לפורום:
סיבה:
תגובה חדשה
כותרת:
תוכן:
סמיילים:
הצג
עריכת אשכול
כותרת:
תוכן:
סמיילים:
הצג