התגובות שלי בפורום
-
תגובות
-
הכי טוב פשוט שתיעזרי ב Firebug או בבדיקת אלמנטים שבתוך הדפדפן כדי לבדוק איפה הבעיה, כי הקוד שנתתי לך אמור לעבוד היטב, אלא א"כ משהו פה שונה ממה שהסברת לי עד כה.
אם אתה משתמש ב Polylang יש לכל וידג'ט אפשרות לבחור היכן הוא יוצג, בעברית או באנגלית.
אני חושב שגם ב WPML יש את האפשרות הזאת.אנחנו בד"כ ממליצים להשתמש בתוסף http://wordpress.org/plugins/display-widgets
שהוא פשוט מאפשר לך לקבוע כל וידג'ט באיזה עמוד הוא יופיע. והוא עושה אחלה עבודה.האם בחרת את כל הקטגוריות שיופיעו בעמוד?
אולי פשוט בחרת קטגוריה שמחוברת לה רק גלריה אחת?
תבדקי שהגלריות באמת מחוברות לקטגוריות..אז תשני את הקוד בהתאמה אישית לקוד הבא (במקום הקודם):
.widget-box .pb-widget-inner { background-color: #f5f5f5; border: 1px solid #eee; }שים את הקוד הבא בהתאמה אישית > Live CSS
זה יצור לך עמוד מוצר עם אזור יותר קטן לתמונה:@media (min-width: 768px) { .woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary {width: 70%;} .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images {width: 30%;} }בעמוד מוצר, התמונה חייבת להיות ברוחב של בין 400 – 600 פיקסל, היות והיא תופסת חצי מהרוחב של העמוד.
ברגע שתעשה תמונת עמוד מוצר ברוחב של 200*200 המערכת אוטומטית תמתח את התמונה לגודל של 50% מרוחב העמוד, מה שיצור תמונה מפוקסלת.
במידה ואתה רוצה לשים תמונה קטנה יותר בעמוד מוצר, זה דורש כמה נגיעות בקוד כדי להתאים את זה. אבל זה מאוד תלוי בצרכים שלך.
בעיקרון למי שיודע CSS זה אמור להיות מאוד קל, אבל גם למי שלא שולט, זה סיפור די פשוט.
נגיד אנחנו רוצים לתת לוידג'ט מסויים צבע רקע אפור עם מסגרת,
שלב ראשון:
ניתן לוידג'ט קלאס (div) כלשהו לוידג'ט הרלוונטי בשורה CSS Classes, לדוגמא נקרא לו: widget-box ונעשה שמירה לעמוד.עכשיו אחרי שאנחנו יודעים שיש לוידג'ט הזה קלאס ייחודי, אנחנו יכולים לתת לו מאפיינים עיצוביים.
שלב שני:
נכתוב קצת קוד CSS שמביא רקע אפרפר ומסגרת עדינה.widget-box { background-color: #f5f5f5; border: 1px solid #eee; }שלב שלישי:
נטמיע את הקוד CSS בהתאמה אישית בתוך ה Live CSS
נבצע שמירה
וזהומצטער איבדתי אותך לגמרי, כתבת משהו אחד למעלה ועכשיו כתבת משהו אחר.
את מוזמנת לשחק עם הקוד שנתתי לך, בסופו של דבר הכל נמצא שם. בנוסף לא הבנתי מה הסיפור של CSV file import ומה הכוונה שפוסטים חדשים תמיד יופיעו למעלה?
לגבי ה CSS אתה יכול להוסיף קלאס לכפתור בתפריט למשל: menu-phone
אם זה לא מופיע לך, תבדוק בהגדרות תצוגה שזה מסומן.אחרי זה תוסיף את הקוד הבא ב Live CSS:
.menu-phone {font-weight: bold; color: #000;}זה במילים פשוטות משנה את הטקסט לבולד וצבע שחור
אם יש לך אלמנטים אחרים שאתה רוצה להחיל על הכפתור, תכתוב ואני אתן לך קוד מתאים יותר
אפשר להוסיף אייקון באמצעות פונט אוסום: http://fontawesome.io/icons
לדוגמא אייקון של טלפון כמו זה: http://fontawesome.io/icon/phone-square
פשוט תעתיק את הקוד:
<i class="fa fa-phone-square"></i>איפה שאתה רוצה שהוא יופיע.לגבי גדלי פונט וכדו' אם אתה יודע לכתוב קצת CSS אז פשוט תוסיף קלאס לכפתור בתפריט ותתאים אותו
תעבור אל עיצוב > תפריטים > בחר את התפריט הרצוי > קישורים >
בשורת הכתובת URL תכתוב: tel:03-1234567
בשורת קישור טקסט תכתוב: דברו איתנו 03-1234567ותוסיף לתפריט > תעשה שמירה
כמובן שתשנה את המספר טלפון עצמו או הטקסט של הקישור.
וזהו
תורידי את הקובץ קוד מפה: https://gist.github.com/arielk/f7d5050f62ee82c5c70d
שימי לב שמצד ימין מופיע כפתור בשם Download Gist זה יוריד לך קובץ ZIP שבתוכו יש קובץ PHP בשם: content-small_thumb.php
תכניס את הקובץ PHP שהורדת לתוך תיקיית content בתבנית בת. זה אמור לעשות את העבודה.
בהצלחה
1. תפתח מצגת חדשה ובהגדרות תבחר מצב קרוסלה, ותעלה שקופיות לפי הגודל שאתה בוחר
2. באמצעות > התאמה אישית > סגנון > צבע ראשי
3. זה נקרא סרגל חיצוני (Slidebar) כנס לאזור הוידג'טים באתר ותכניס וידג'טים לאזור הזהתודה
