פוסטים

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

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

זה שהיה עושה את זה לבד אבל אין לו זמן

נו ברור, תמיד יש לנו את "הסופרסטארים", אלו שלימדו את ביל גייטס ומארק צוקרברג לתכנת וגם עזרו ללארי פייג' וסרגיי ברין להתוות את האלגוריתם של גוגל, הם גם יודעים לבנות בעצמם אתר עם אופטימיזציה מושלמת, נגיש, רספונסיבי, 100\100 במבחן הספיד של גוגל, ממשק משתמש מעולה ויחס המרה של 100%, אבל פשוט אין להם זמן לזה, אז הם הרימו אליך טלפון. תדפקו שניה את הראש בקיר ותמשיכו לפסקה הבראה… (מומלץ לצטייד בספוגים מחשש לפגיעה חזקה מידי בקיר).

אבל כבר הציעו לי ב-1500 ש"ח

נו ברור, 1500 זה הסטנדרט החדש! כי הרי וורדפרס זו מערכת חינמית, ותבנית סבירה אתה קונה במחיר של 30-70 דולר, ועוד איזה פלאגינים. וזהו בעצם. לא צריך הרי לנתב את הדומיין, להתקין, לקנפג, לרטל (RTL) או לבנות תבנית חדשה לגמרי, לעבוד על ממשק המשתמש, לעשות פוטושופ על תמונות, להזין תכנים, לעשות אופטימיזיצה… טוב נו התעייפי בשלב זה 😉 תעשו טובה ותזמינו אתר ב-1500 ש"ח. ובאותה הזדמנות תיכנסו לסוכנות של יגואר ותשאלו "אבל בסוכנות של רנו הציעו לי 85,000 ש"ח", בבקשה תעשו את זה! אני מבטיח לשים גם לשים מאה דולר בוסט על מי שיצלם את זה בוידאו וישלח לי!

החבר המבין

הווווו.. החבר המבין, בטח לכולכם יצא לדבר עם "החבר המבין" זה שבכבודו ובעצמו כתב את פרוטוקול TCP/IP שעליו מושתתת רשת האינטרנט, זה שמתקשר עם חייזרים ונחשף לטכנלוגיות עתידיות, זה שכבר שיגר חלליות לכוכבים המרוחקים ביותר בגלקסיה, אבל יש לו כמה דקות לעזור לחבר שלו שרוצה לבנות אתר וורדפרס "פשוט". לא אכביר במילים אצטט לכם בשלב זה שיחה אמיתית עם חבר מבין 🙂

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

לא נראה לי שצריך להוסיף מילים לפסקה הזאת 🙂

זה שכבר יש לו אתר ורק צריך שיפצורים קטנים

כן , כבר יש לו אתר, קרי: הוא שילם מאה דולר להודי שיתקין לו וורדפרס, יזרוק עליו תבנית חינמית ואפילו לא מיושרת לימין (RTL), יש באתר גם 5-10 עמודי תוכן… אבל זה כמובן "אתר", וצריך רק עוד כמה שיפוצים קטנים, מה שכמובן מהווה לגיטימציה לבקש הנחה של 50% ומעלה ממחיר אתר רגיל, כי רק צריך לעשות שיפוצים קטנים. חבר, אולי עדיף שתבנה אתר עם ההוא שהציע ב-1500? 😉 זה הרי זול משמעותית, שם לפחות תקבל אתר עם תבנית מתורגמת.

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

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

המעצבת שלי תסביר לך מה צריך לעשות

בהמשך לסעיף "השיפוצים הקטנים", יש לנו את את המעצב\ת שנכנסת לתמונה ומשנה 180 מעלות את האתר. זה תמיד קורה ברגע שהאתר כבר באוויר, התוכן מוזן, יש גרפיקה, הלקוח בחר תבנית שעל פיה סיכמתם לעבוד. ויש… קצת פינישים לעשות על האתר, אז אתה מרים טלפון למעצבת, אתם מתכתבים במייל… ושם כמובן אתה מקבל קובץ סטטי (JPG\PDF) שככה האתר צריך להיראות, זה אפילו לא PDS וכמובן שזה שונה לחלוטין מהתבנית המקורית, לא ררק זה, אתה מקבל קובץ וורד באורך של מגילת אסתר עם הוראות כיצד זה צריך לעבוד במעבר עכבר, אפקטים במעבר עמודים, פרלקס ועוד.

רגע, תמיכה לכל החיים זה לא אובייסט?

אתה הרי מכרת אתר, אתה אומר לתמוך ולתחזק אותו לאורך כל חייך. כי זה אתה בנית לא? 🙂 אם יצאו עדכונים של פלאגים, אתה אמור לעדכן, אם יצאו עדכוני גרסה של וורדפרס, אתה אמור לעדכן. אם פתאום יש תקנות וסטנדרטים חדשים (כמו רספונסיביות ונגישות) אז זה אובייסט…מה, אתה צריך לשדרג. על מה לעזאזל אתה גובה כסף? זה הרי ככה צריך להיות. ואם האקר פלסטיני ארור פרץ לך לאתר כשנתיים לאחר הקמתו – אז ברור שמי שבנה לך את האתר אמור לשחזר לך את זה על חשבונו, למרות שהוא החליף כמה מחשבים מאז ומבחינה אתית הוא אפילו לא שומר סימאות מעל 6 חודשים. זה הרי אובייסט חתזוקה לכל החיים… ובחינם!

כבר קניתי תבנית, אני רק צריך שיתקינו לי אותה

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

אבל זה 5 דקות בשבילך

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

חכה לתוכן חביבי, חכה הרבה

אז אתה מקבל טלפון עם פרוייקט "דחוף" (זה תמיד דחוף…), אתה משתדל להרים את הפרוייקט כמה שיותר מהר, אחסון ודומיין נרכשים, המוורדפרס מותקן, תבנית באוויר+שיפצורי CSS, גרפיקה, פלאגים וכו'… אבל… האתר חביבי ישאר עוד איזה חודש עם "לורם איפסום" (תוכן דמו) עד שהלקוח יואיל בטובו לשחרר את החומר עבור הפרוייקט "הדחוף" שצריך להרים 🙂


זהו, עד כאן עשרת המכות של בוני האתרים בארץ, טייק איט איזי, וחג שמח 😉

20 אתרי וורדפרס ישראלים מעולים – פוסט שני בסדרה

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

פוסט זה בא בהמשך לפוסט הראשון בסדרה שבאה להוות מעין "מוזיאון וורדפרס" ישראלי המציג את המפתחים והמעצבים הכישרוניים בארצנו אשר ניצלו בצורה מיטבית את המערכת הנפלאה הזו. כאמור – הערכות מדברות על כך שכ-20% מהאתרים בעולם בנויים על וורדפרס, וכמובן בהמגמה לא פסחה גם על ישראל.

יאללה… בואו נתחיל…


אתר רשת קופיקס

אתר רשת קופיקס

1. רשת קופיקס

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

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

לצפיה באתר לחצו כאן


אתר אופטיקה הלפרין

אתר אופטיקה הלפרין

2. אופטיקה הלפרין

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

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

לצפיה באתר לחצו כאן


אתר קבוצת שטראוס

אתר קבוצת שטראוס

3. קבוצת שטראוס

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

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

לצפיה באתר לחצו כאן


אתר טיים אאוט תל אביב

אתר טיים אאוט תל אביב

4. טיים אאוט תל אביב

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

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

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

לצפיה באתר לחצו כאן


אתר הפועל תל אביב

אתר הפועל תל אביב

5. הפועל תל אביב

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

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

לצפיה באתר לחצו כאן


אתר לאומי למשכנתאות

אתר לאומי למשכנתאות

6. בנק לאומי למשכנתאות

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

הניווט באתר מאוד מאוד ידידתי ונוח ומכיל אף מדריכים בוידאו וטפסים להגשת בקשות למשכנתא.

לצפיה באתר לחצו כאן


אתר מפלגת יש עתיד

אתר מפלגת יש עתיד

7. מפלגת יש עתיד

אחח יאיר יאיר, מה עוד אוכל לכתוב על יאיר שעדיין לא נכתב? נו.. אם יודעים זה ששותה לנו את הכסף. אבל עזבו עכשיו פוליטיקה – בתור אתר וורדפרס נטו, האתר של מפלגת "יש עתיד" מאוד מרשים. הוא כולל בתוכו מן הסתם מידע וחדשות על פעילות המפלגה והנעשה בה, מידע על הח"כים ועוד.

האתר הוא בשלוש שפות, מכיל הרשמה לניוזלטר, טפסי תרומות והתנדבות, בלוגים ואף ערוץ וידאו.

לצפיה באתר לחצו כאן


אתר מרצדס ישראל

אתר מרצדס ישראל

8. מרצדס ישראל

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

עמוד הבית של האתר מעוצב בשיטת One Pagger והוא כולל את "האני מאמין" של החברה בתחומים שונים. האתר כולל גם מגזין, ערוץ וידאו ומידע על מרכזי שירות וכן שירות לקוחות.

לצפיה באתר לחצו כאן


אתר משק צוריאל

אתר משק צוריאל

9. משק צוריאל

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

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

לצפיה באתר לחצו כאן


פורטל מה וזה

פורטל מה וזה

10. פורטל מה וזה

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

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

לצפיה באתר לחצו כאן


מגזין שיחה מקומית

מגזין שיחה מקומית

11. שיחה מקומית

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

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

לצפיה באתר לחצו כאן


אתר אאודי ישראל

אתר אאודי ישראל

12. אאודי ישראל

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

בין היתר תוכלו למצוא באתר הכוונה לערוץ היוטיוב, מידע על אולמות התצוגה, על הדגמים השונים, מרכזי שירות, טכנולוגיות הרכבים השונים ועוד.

לצפיה באתר לחצו כאן


אתר מיצובישי

אתר מיצובישי

13. מיצובישי ישראל

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

דבר שעוד יותר אהבתי היא האווירה האורבנית שיוצר השילוב של תמונות הרכב על רקע של איורים המתאים עצמם לאופי \ יעוד הרכב 0למשל: עיר, שטח וכו'). שווה צפיה.

לצפיה באתר לחצו כאן


אתר זאפו

אתר זאפו

14. זאפו

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

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

באתר תוכלו למצוא אף בלוג \ מגזין, הרשמה לניוזלטר וקוביית אוהדים של פייסבוק.

לצפיה באתר לחצו כאן


מגזין מגה פיקסל

מגזין מגה פיקסל

15. מגזין מגה פיקסל

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

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

לצפיה באתר לחצו כאן


יחד ישראל

יחד ישראל

16. יחד ישראל

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

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

לצפיה באתר לחצו כאן


מרכז הקהילה הגאה ת"א

מרכז הקהילה הגאה ת"א

17. מרכז הקהילה הגאה ת"א

אתר המרכז העירוני לקהילה הגאה של עריית ת"א. האתר מעוצב כמיני מגזין \ עלון מידע לחברי הקהילה, הוא מכיל בין היתר טיקר+סליידר חדשות בעמוד הראשי, וכן כתבות ועדכונים אחרונים מהנעשה.

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

לצפיה באתר לחצו כאן


מגזין קסטרו

מגזין קסטרו

18. מגזין קסטרו

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

המגזין גם מכיל HEADER צף שכולל כמובן הכוונה לאתר קסטרו אם במקרה הגולשים ירצו לבצע רכישות אונליין.

לצפיה באתר לחצו כאן


אתר הטלויזיה החברתית

אתר הטלויזיה החברתית

19. הטלויזיה החברתית

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

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

לצפיה באתר לחצו כאן


מגזין hwzone

מגזין hwzone

20. מגזין HW ZONE

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

גם ברמת האמודים הפנימיים – האתר מאוד נוח לקריאה ואף מכיל מגוון כלים מעודדי שיח.

לצפיה באתר לחצו כאן


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

אז שהיה בנתיים שבוע טוב, ובהצלחה לסטודנטים שחזרו היום ללימודים 😉

וורדפרס בכחול ולבן – ראיון עם היזמים של pojo.me

אהלן חברים, הקדמה קטנה…

אני שמח לבשר על פתיחתו של מדור חדש בבלוג – "התעשייה", במסגרתו אני אראיין כל שבוע אנשים מהתעשייה, מפתחים, יזמים, גרפיקאים, מקדמי אתרים, סטארטאפיסטים, מנהלי קרנות, אנשי שיווק דיגיטלי ועוד…

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

חלק מהראיונות יהיו 1X1, חלקם דרך האינטרנט, וחלקם יעלו אף בוידאו…

את הראיון הראשון בחרתי לעשות עם היזמים של pojo.me, יוזמה של יקיר סיטבון, יוני לוקסנברג ואריאל קליקשטיין. השלושה הם מחלוצי בנק ערכות עיצוב הוורדפרס בעברית (לא תבניות מגויירות מחו"ל, אלא עבריות מלכתחילה). משהו בסגנון של Elegant Themes ישראלי. פניתי אליהם, והנה הראיון לפניכם…

אז ראשית, ספרו קצת על עצמכם.

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

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

איך הגיע הרעיון להקים את מיזם pojo.me?

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

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

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

pojo.me

pojo.me

איך הגיע השם pojo.me למיזם?

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

ישנם המון אתרי תבניות כגון ThemeForest בהם ניתן לרכוש ולהסב אלפי תבניות לעברית, כיצד באים לידי ביטוי הבידול והיתרונות שלכם?

אריאל: בסופו של דבר אנחנו מגיעים ממקום שאנחנו מכירים את השוק הנוכחי די טוב. כמות הקוד זבל שקיים בערכות העיצוב שמסתובבות בשוק – גם אלו הפופולריות במיוחד – הוא בלתי נתפס. מה גם שהתמיכה שלהם ב RTL היא די מקרטעת עד לא קיימת בד"כ.

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

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

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

למה בחרתם למקד את פעילותכם בוורדפרס?

אריאל: אנחנו פשוט אוהבים את וורדפרס. כבר חמש שנים שאנחנו עובדים עליה, גדלנו איתה עם כל הקשיים, עוד בגרסאות 2.5 – 2.6 בהם חוץ מבלוג ממש פשוט, לא יכולת לעשות יותר מידי. אבל משהו בפשטות שלה כבש אותנו כבר אז.

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

האם נדרש ידע טכני (אם כן באיזו רמה), על מנת לתפעל באופן שוטף אתר אשר נבנה על בסיס ערכות העיצוב שלכם?

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

יקיר: אחד הכלים החזקים שלנו, זה עבודה באמצעות כלי "התאמה אישית" (Customizer) המובנה של וורדפרס. פשוט כתבנו מחלקת קוד שלמה שמאפשרת לנו להוסיף ניהול של כל אזור באתר. התכונה המרכזית של הכלי הזה, זהו מצב ה"תצוגה מקדימה" על כל שינוי שאתה עושה. רק לאחרונה הוספנו פיצ'ר להתאמה אישית שנקרא Live CSS והוא מאפשר לך לכתוב מאפייני CSS בהתאמה אישית ואתה רואה את השינוי און ליין. סוג של Firebug לייט, רק עם שמירה.

בנוסף פיתחנו Page Builder שאנחנו מאוד מנסים להשאיר אותו סימפל אבל יעיל. ואפשרות של תצוגת פוסטים ב Loop בתוך העמוד, בלי צורך בשורטקודים וכתיבת קוד.

כאן תוכלו גם לראות קצת צילומי מסך "מאחורי הקלעים" של התבנית ע"י הקלקה.

מה החזון שלכם לגבי המיזם?

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

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

אבל מצד שני אנחנו בהחלט הולכים לכיוון בו אנחנו נותנים מענה מקיף לצרכים של בעלי אתרי וורדפרס. זה אומר גם פיתוח תוספים שימושיים שיעבדו היטב עם הפלטפורמה שלנו וכדו'. למשל בימים אלו אנחנו עובדים על פיתוח של תוסף טפסים שיאפשר גם למשתמשי קצה לא מקצועניים לבנות טפסים מעוצבים בקלות ובמהירות באמצעות Builder ידידותי.

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

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

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

מימין לשמאל: יקיר סיטבון, יוני לוקסנברג, אריאל קליקשטיין (צילום: מרים שוואב, בכנס השנתי של וורדפרס בישראל WordCamp TLV 2014)

מימין לשמאל: יקיר סיטבון, יוני לוקסנברג, אריאל קליקשטיין (צילום: מרים שוואב, בכנס השנתי של וורדפרס בישראל WordCamp TLV 2014)

קצת מידע כללי עליכם, מה עוד תרצו לספר על הצוות?

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

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

18 אתרים ישראלים מעולים שנבנו בוורדפרס

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

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

מגזין הנשים סלונה. צילומסך

מגזין הנשים סלונה. צילומסך

1. מגזין הנשים סלונה

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

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

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

קליק לביקור באתר


אתר רדיו קול חי. צילומסך

אתר רדיו קול חי. צילומסך

2. רדיו קול חי

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

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

קליק לביקור באתר


 3. הקריה האקדמית אונו

הקריה האקדמית אונו. צילומסך

הקריה האקדמית אונו. צילומסך

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

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

האתר אף מכיל אופציית multi-language ומכיל בלוגים וכן טפסים להורדה ולמילוי אונליין לנוחיות הגולשים, מערכת הרשמה לניוזלטר ועוד.

קליק לביקור באתר


 

fashion forward. צילומסך

fashion forward. צילומסך

4. מאקו – Fashion Forward

גם תאגידי מדיה ענקיים כמו קשת (MAKO) מגלים לאט לאט את וורדפרס הנהדרת ומתחילים להשתמש בה באתרי הבת שלהם. כך תוכלו למשל לראות את שלוחת האופנה של מאקו הנקראת fashion forward בנויה על וורדפרס.

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

קליק לביקור באתר


 5. מחלבות גד

מחלבות גד. צילומסך

מחלבות גד. צילומסך

האתר הרשמי של מחלבות גד, מכיל את רשימת המוצרים, מאמרים, מצכונים ועוד.

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

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

קליק לביקור באתר


אתר מולר הישראלי. צילומסך

אתר מולר הישראלי. צילומסך

6. מולר ישראל

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

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

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

קליק לביקור באתר


 

אתר מפלגת הבית היהודי. צילומסך

אתר מפלגת הבית היהודי. צילומסך

 7. הבית היהודי

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

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

האתר כמובן גם רספונסיבי וכלל פיצ'ר שמפיק QR CODE באופן אוטומטי לכל דף \ פוסט חדש שעולה באתר למידה ותרצו לקחת אותו איתכם לנייד.

קליק לביקור באתר


פורטל סרוגים. צילומסך

פורטל סרוגים. צילומסך

8. מגזין סרוגים

המגזין הפופולארי ביותר בקרב הציבור הדתי לאומי, באתר הוא מגזיני ומכיל המון מדורי תוכן ואלפי כתבות.

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

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

קליק לביקור באתר


9. מגזין גיקטיים

מגזין גיקטיים. צילומסך

מגזין גיקטיים. צילומסך

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

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

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

קליק לביקור באתר


איזי וואי פסיכומטרי. צילומסך

איזי וואי פסיכומטרי. צילומסך

10. EZ WAY בגרות ופסיכומטרי

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

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

קליק לביקור באתר


 

 11. הקרן החדשה לקולנוע

הקרן החדשה לקולנוע. צילומסך

הקרן החדשה לקולנוע. צילומסך

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

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

קליק לביקור באתר


האתר של מרצ. צילומסך

האתר של מרצ. צילומסך

12. מפלגת מרצ

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

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

קליק לביקור באתר


 

מגזין קנאביס. צילומסך

מגזין קנאביס. צילומסך

13. מגזין קנאביס

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

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

האתר עוצב ברוח צריעה ויפה על תבנית ג'ארידה המעולה אשר הותאמה לאתר.

קליק לביקור באתר


פורטל עמרי חיון. צילומסך

פורטל עמרי חיון. צילומסך

14. עומרי חיון

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

האתר גם מכיל חיפוש גוגל, מערכת באנרים וכו'…

קליק לביקור באתר


 

אתר טלחופש. צילומסך

אתר טלחופש. צילומסך

15. טלחופש תיירות

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

באתר אף ניתן לערוך חיפושים עפ"י פילוחים שונים, למצוא מפות (של גוגל) ועוד.

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

קליק לביקור באתר


מזבלה - בלוג קריאייטיב. צילומסך

מזבלה – בלוג קריאייטיב. צילומסך

16. מזבלה – בלוג קריאייטיב

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

באתר אף קיים מדור דרושים של התעשייה, אתר הבדיחות LOL ועוד.

קליק לביקור באתר


 

טעימאוד. צילומסך

טעימאוד. צילומסך

17. טעימאוד – מתכונים

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

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

קליק לביקור באתר


 

אתר נצח יהודה. צילומסך

אתר נצח יהודה. צילומסך

18. נצח יהודה

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

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

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

קליק לביקור באתר


 

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

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

נתראה בפוסט הבא 😉

אוטומטיק מגייסת 160 מיליון דולר, ואני טיפה מודאג

לפני כשבועיים השלימה חברת אוטומטיק (חברת האם של וורדפרס) סבב גיוס של 160 מליון דולר, לפי שווי שוק של 1.16 מיליארד דולר. זהו פוסט שיושב לי כבר שבועיים בטיוטה (ברמת כותרת בלבד), ואני מקווה שסוף סוף יהיה לי זמן ומוד לכתוב אותו, ובכלל להתניע את הבלוג מחדש … 😉

אז כידוע, וורדפרב הינה הפלוטפורמה הפופולארית ביותר בעולם לבניית אתרים, הערכות בענף מדברות על 19%-22% מכלל אתרי האינטרנט בעולם שעובדים על וורדפרס ולדעתי היד עוד נטויה, של הקוד הפתוח בכלל ושל וורדפרס בפרט.

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

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

אוטומטיק ידועה כאמור בזכות וורדפרס ואת פעילותה אפשר לחלק לשני חלקים: האחד wordpress.org, שם משחררת אוטומטיק את קבצי המערכת בקוד פתוח וכן המון תוספים יעילים, והשני הוא פלטפורמת הבלוגים wordpress.com, שם יכול כל אדם לפתוח בקלות בלוג \ אתר ולתפעל אותו מבלי גישה לקוד הליבה.

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

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

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

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

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

בשורה התחתונה

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

מונקו – תבנית מגזין מתורגמת לעברית

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

תבנית מונקו מתורגמת לעברית

תבנית מונקו מתורגמת לעברית

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

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

כאשר תתקינו את התבנית היא תבקש מכם להוריד פלאג שמהווה את ה Theme options שלה, תתקינו בתוך כמה שניות ותתחילו להשתמש בתבנית…

אפשרויות התבנית:

  • סליידר יפה על כל המסך בגובה 400PX
  • אפשרות "כיתוב ראשי" – שורת כיתוב בולטת מתחת לסליידר
  • תמיכה בטאמבס – Thumbnails
  • ווידג'טים בפוטר
  • תמיכה בתפריטים
  • סיידבר שמאלי

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

הייתי קורא לסגנון הזה "מגזין לייט" או אפילו לאתר תדמית המתעדכן בתדירות גבוהה אפשר ואף רצוי להשתמש בה.

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

ואחרי שחפרתי לכם קצת… ניגש ישר ולעניין – קבלו את הלינקים לדמו ולהורדה.

לצפיה בדמו בעברית: לחצו כאן

להורדת התבנית בעברית: לחצו כאן

מדריך וורדפרס – שימוש בתפריטים

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

מתחילים…

כיצד ליצור תפריט חדש ולהגדיר אותו באתר?

יצירת תפריט חדש בוורדפרס

יצירת תפריט חדש בוורדפרס

ראשית ניגש בפאנל הניהול שלנו ל: עיצוב > תפריטים, שם נגיע למסך ניהול התפריטים ונתחיל במלאכה…

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

אם כבר הוגדרו לנו תפריטים באתר (נגיד ע"י בונה האתר), ואנחנו רוצים ליצור תפריט נוסף – לחץ על כפתור ה "+" אשר מופיע מעל שדה הטקסט. ראו למעלה בצילומסך.

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

הגדרת מיקום תפריט בוורדפרס

הגדרת מיקום תפריט בוורדפרס

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

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

כיצד נשלב אלמנטים שונים בתפריט?

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

קישורים: כאן ניתן בעצם להכניס קישור אבסולוטי (פנימי או חיצוני) לתפריט, פשוט להזין כתובת URL ואת שם הקישור ולשלבה ע"י לחיצה על "להוסיף לתפריט".

עמודים: מאפשר לנו לבחור מבין העמודים שיצרנו באתר ולשלב אותם בקליק. פשוט נסמן ב V את העמודים הרצויים אותם אנחנו רוצים לשלב בתפריט ונלחץ על הכפתור הלבן "להוסיף לתפריט".

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

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

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

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

* אם עדיין לא פתחתם קטגוריות באתר – תוכלו לעשות זאת ע"י גישה ל: פוסטים > קטגוריות, בממשק הניהול.

כיצד מוסיפים תמונות ואלמנטים גרפיים לתפריט?

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

א. נגדיר את כתובת ה URL של לקישור

ב. בשדה השני, במקום להגדיר שם – נכניס את הקוד הבא:

<img border="0" src="http://www.domain.co.il/image.jpg">

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

לאחר שהגדרנו הכל כמובן נלחץ על "להוסיף לתפריט".

כיצד נקבע מיקום והיררכיה של אלמנטים בתפריט?

מיקום אלמנטים בתפריט

מיקום אלמנטים בתפריט

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

עם האלמנטים הושנים נוכל "לשחק כמה שנרצה ע"י גרירתם למעלה ולמטה עד להשגת התוצאה הרצויה.

הגדרת תפריט משנה: תפריט זה יופיע באתר במעבר עכבר מעל האלמנט שמעליו בהיררכיה, (אתם יכולים לראות המחשה כאן בראש העמוד, למשל עברו עם העכבר מעל "שירותים משלימים" ותראו את תפריט המשנה).

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

 הוספת עמודים באופן אוטומטי לתפריט

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

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

מדריך וורדפרס – כתיבת פוסט חדש

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

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

ראשית, על מנת להגיע למסך כתיבת פוסט חדש נלך ל: פוסטים > פוסט חדש בפאנל הניהול שלנו, נגיע למסך העלאת פוסט חדש – והנה זה מתחיל…

הכנה

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

אפשרויות תצוגה

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

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

התאמת איזור הכתיבה

איזור הכתיבה (EDITOR) שלנו הוא בעצם האלמנט החשוב ביותר במסך זה, האדיטור של וורדפרס הוא מסוג WYSIWYG שזה אומר עורך ויז'אלי, ראשי תיבות של whay you see is what you get – מה שאתה רואה זה מה שאתה מקבל (באתר).

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

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

הגדרת כותרת לפוסט

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

הגדרת הכותרת בוורדפרס

הגדרת הכותרת בוורדפרס

עורך טקסט

אז כפי שאמרנו – כמעט הכל אתם עושים דרך העורך, כעת נלמד על הכפתורים שלו ומה כל אחד מהם עושה.

הכפתורים ותפקידם בעורך הויזואלי של וורדפרס

הכפתורים ותפקידם בעורך הויזואלי של וורדפרס

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

קיצורי מקשים חיוניים בעורך:

  • ENTER = פסקה חדשה
  • SHITF+ENTER = לרדת שורה (רווח של שורה)
  • CRTL+C = העתקה
  • CTRL+V = הדבקה
  • CRTL+S = שמירה טיוטה
  • CTRL+B = הדגשה
  • CRTL+U = קו תחתון
  • CTRL+Z = ביטול פעולה אחרונה
  • CTRL+A = לסמן הכל

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

הוספת מדיה חדשה לפוסט

הוספת מדיה חדשה לפוסט

שילוב תמונות וגלריות בתוך הפוסט

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

* אם זוהי ההפעלה הראשוונה שלכם בוורדפרס – תגיעו כברירת מחדל למסך העלאת הקבצים הישן. לחצו שם על הלינק הכחול "החלף למעלה קבצים מרובים" והגיעו למעלה הקבצים החדש והנוח יותר של וורדפרס.

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

העלאת תמונה חדשה מהמחשב

העלאת תמונה חדשה מהמחשב

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

שילוב תמונה בתוך הפוסט

שילוב תמונה בתוך הפוסט

כותרת – כשמו כן הוא: קביעת הכותרת של התמונה, בחלק מהתבניות כיתוב זה יופיע באופן ויז'ואלי ובחלקן רק כבועית במעבר עכבר.

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

כיתוב -כיתוב שתוכלו להוסיף לתמונה, בחלק מהתבניות כיתוב זה יופיע באופן ויז'ואלי ובחלקן רק כבועית במעבר עכבר.

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

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

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

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

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

להכניס לפוסט – פשוטו כמשמעו: יכניס את התמונה לתוך הפוסט עם ההגדרות שהגדרנו לה.

מחיקה – ימחק את התמונה

שמור את כל השינויים – אם ברצונך רק לשמור את התמונה ולהשתמש בה אח"כ או בתור גלריה.

השתמש כתמונה ראשית – על זה בדיוק תדבר הפסקה הבאה…

תמונה ראשית לפוסט

תמונה ראשית לפוסט

הוספת תמונה ראשית (Thumbnail) לפוסט

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

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

לאחר ההמתנה נוכל ללחוץ על כפתור X ולסגור את מסך העלאת התמונה.

* בכל תבנית שאתם משתמשים יש לוודא מהן גדלי "הטאמב" הרצויים עבור התבנית שלכם באופן ספציפי.

העלאת גלריות

על מנת להעלות ולשלב גלריות לפוסט מה שאתם צריכים לעשות זה:

  1. להיכנס למעלה התמונות ולגרור לתוכו את התמונות אותן אתם רוצים לשלב בתוך הפוסט
  2. לאחר העלאת כל התמונות יש ללחוץ על הכפתור הלבן "לשמור את כל השינויים" שיעביר אתכם למסך הוספת הגלריה.
  3. במסך זה סמנו את כפתור הרדיו  (כפתור עגול) על האופציה "קובץ תמונה", קבעו את מספר הטורים להצגה ואת סדר התצוגה, ואז לחצו על כפתור "הכנס גלריה לפוסט" מצורף גם צילומסך להמחשה:
  4. הוספת גלריית תמונות לוורדפרס

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

    בכל תבנית הגלריה תוצג באופן אחר וכן אופן התצוגה יכול להיות מושפע מפלאג כזה או אחר אשר מותקן על המערכת.

מעבר לעורך HTML

מעבר לעורך HTML

עריכת HTML

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

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

  1. נלך לעמוד הסרטון הרצוי ביוטיוב, שם נלחץ מתחתיו על "שתף (SHARE) ואז על הטמע (EMBED), נעתיק את הקוד שיוטיוב יתן לנו ואז ניגש שוב לעורך של האתר, ניתן להגיע אליו כפי שאתם יכולים לראות בצילומסך משמאל, ע"י לחיצה על כפתור שממוקם בצד שמאל למעלה של העורך שלנו.
  2. בעורך הטקסט שלכם עדיף להשאיר סימון, משהו כמו "=====" לאיזור בו אתם רוצים להטמיע את הסרטון – ורק לאחר מכן להיכנס לאיזור ה HTML.
  3. לאחר שנכנסנו נוכל לזהות את הסימון שלנו – נסמן אותו ובמקומו נדביק ("הדבק") את הקוד שהעתקנו מיוטיוב.
  4. נחזור לעורך הויז'ואלי ע"י הקלקה על הלינק "עורך ויזואלי" בראש העורך.
  5. עכשיו נראה שם איזור צבוע בצהוב – זה בעצם הסרטון שלנו 🙂 הוא יוצג כנגן בתוך האתר שלכם ברגע שתפרסמו את הפוסט. הנה… נפנק אתכם גם בדוגמא לנגן מוטמע לצורך המחשה וזה אפילו אחלה טראק 😉

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

קישורים

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

איך לקשר תמונה כבר למדנו. כעת נלמד איך לקשר טקסט.

  1. ראשית כותבים את "טקסט העוגן" – אותן המילים מהן נרצה להוציא קישור, ואז נסמן אותן עם העכבר, לאחר מכן נלחץ על האייקון הזה בסרגל העליון של העורך, שיעביר אותנו לחלונית הוספת קישור חדש – .
  2. כעת תיפתח לנו החלונית הזו, את ההסברים של מה כותבים ואיפה כבר תוכלו לראות בצילומסך:
  3. הוספת קישור לתוכן בוורדפרס

    הוספת קישור לתוכן בוורדפרס

    אין כמובן הגבלה למספר הקישורים שתוכלו להוסיף בתוך פוסט.

בלוק הוספת תגיות לפוסטים בוורדפרס

בלוק הוספת תגיות לפוסטים בוורדפרס

תגיות וקטגוריות

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

התפעול הוא מאוד פשוט – פשוט גשו לבלוק עם הכותרת "תגיות" (מצורף צילומסך להמחשה משמאל) כתבו את התגיות שלכם כאשר אתם מקישים על ENTER לאחר כל תגית.

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

כיצד נשתמש נכון בתגיות?

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

אז מה עושים מקדמי אתרים חלטוריסטים? פשוט כותבים פוסט קצר של 200-300 מילים ומכניסים לו משהו כמו 40-50 תגיות רק על מנת שגוגל יסרוק – לא מומלץ לעשות את זה! שכן עם הזמן גוגל יזהה תגיות אלו כתגיות ספאם וזה יכול רק לגרוע ולהוריד לך מדירוג האתר.

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

קטגוריות

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

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

עריכת URL

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

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

עריכת כתובת URL של פוסט

עריכת כתובת URL של פוסט

שדות מיוחדים

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

הגדרת שדות מיוחדים בוורדפרס

הגדרת שדות מיוחדים בוורדפרס

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

הגדרות דיון

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

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

הגדרות פרסום פוסט

הגדרות פרסום פוסט

פרסום הפוסט

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

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

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

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

המלצות לכתיבה ואופטימיזציה נכונה

שלבו תמונות בפוסט – אף אחד לא אוהב לקרוא טקסט משעמם באורך הגלות, בטח לא מול מסך מחשב – זה לא ספר שמגרה לכם את הדימיון, מחשב, ובמיוחד היום זו התרבות של "כאן ועכשיו", שלבו המחשות ויז'אליות בתור הפוסט שלכם בדמות תמונות להמחשה, המלצה: פחות או יותר על כל 200-300 מילים – שלבו תמונה מסויית בתווך הפוסט.

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

שלבו יוטיוב – גם סרטונים הם המחשה מעולה, נסו לשלב סרטונים בתוך הפוסטים שלכם מתוך מאגר הוידאו הגדול ביותר בעולם – יוטיוב!

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

אל תפריזו שלבו מקסימום 3-4  קישורים פנימיים בכל פוסט על מנת לקבל אפקט מיטבי בגוגל.

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

הגענו לסוף, בתקווה שכל הפינות נסגרו לגבי העלאת פוסט חדש, כמובן אם יש שאלות לגבי כל דבר במערכת וורדפרס – מוזמנים לשאול בתגובות ונשמח לענות 🙂

וזהו, לסיום כל מה שנותר לכתוב זה…. כתיבה מהנה 🙂

מדריך וורדפרס – שימוש בוידג'טים

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

בהרבה מקרים יש גם תבניות המגיעות עם וידג'טים שיעודיים להן וכן ניתן להוסיף אלמנטים חדשים (שאינם מובנים במערכת) לוידג'טים ע"י התקנת תוספים.

וידג'טים בוורדפרס

וידג'טים בוורדפרס

אז ראשית: איך אנחנו מגיעים לאיזור הניהול של הוידג'טים?

בפאנל הניהול נעבור עם העכבר מעל "עיצוב" ואז נלחץ על "וידג'טים".

נגיע למסך הוידג'טים אשר יהיה מחולק לשני חלקים:

  1. איזורי הוידג'טים השונים בתבנית (העמודה הצרה יותר) – אליהם ניתן לגרור אלמנטים שונים ולהטמיע.
  2. מגוון הוידג'טים אשר עומד לרשותנו (העמודה הרחבה יותר) – אותו נוכל לגרור וליישם להטמיע באתר.

ההטמעה עצמה מתבצעת ממש בקלות, ע"י לחציה עם העכבר על הוידג'ט הרצוי וגרירה שלו אל האיזור בו נרצה להטמיע אותו.

מהם איזורי וידג'טים וכיצד נזהה אותם ונטמיע בהם אלמנטים?

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

למשל: תחת האיזור right sidebar top (סיידבר ימני עליון) מוטמעים האלמנטים: טקסט, פוסטים אחרונים וענן תגים.

ראשית נגרור את האלמנט למקום הרצוי (האיזור הרצוי) ואח"כ נקבע לו את ההגדרות.

גרירת וידג'ט זמין להטמעה באתר. לחצו להגדלה

גרירת וידג'ט זמין להטמעה באתר. לחצו להגדלה

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

שימוש בפוסטים אחרונים

שימוש בפוסטים אחרונים

ראשית כמובן נבחר את הכותרת – תחתיה יופיע תוכן הוידג'ט אלמנט.

לאחר מכן, במקרה זה, נקבע כמה פוסטים אחרונים אנחנו רוצים שיוצגו. ולאחר מכן כמובן נלחץ על "שמירה" לאישור הפעולה.

הוידג'טים הנפוצים ואופן השימוש בהם:

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

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

RSS – מאפשר לכם להציג עדכונים ממקור חיצוני, זה יכול להיות הסטטוסים האחרונים שלכם בפייסבוק, זה יכול להיות מאתר חדשותי או כל ערוץ RSS (פיד) אחר שאתם רואים לנכון לשלב באתר. בהטמעה זו גם נגדיר כמובן את הכותרת בשדה "כותרת לפיד" ובשדה "כתובת URL לפיד" נדביק את כתובת ה RSS הרצויה. אם אתם רוצים לזהות כתובת RSS באתר מסויים – בד"כ אתם צריכים ללחוץ על האייקן הזה:

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

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

טקטס HTML – את הקשה השארנו לסוף 🙂 , וידג'ט זה מאפשר לכם להכניס טקסט חופשי (עם זה אין שום בעיה) או קוד HTML שיוטמע באיזור הוידג'ט. גם זה לא מסובך לעוסקים בעניין אך הפוסט כמובן פונה דווקא לאילו שאין להם ידע בקוד, ולכן נציג כאן כמה טריקים פשוטים להטמעה אצלכם באתר, ע"י שילוב קוד HTML באתר תוכלו לשלב כמעט הכל:

איך מטמיעים תמונהות או גרפיקה בתוך וידג'ט?

ראשית אנחנו צריכים להעלות את התמונה לשרת, אם אתם רוצים לעשות את זה ע"י מעלה הקבצים של וורדפרס – לכו ל: מדיה > קובץ חדש. העלו את הקובץ למחשב ולאחר שעלה, העתיקו את כתובת ה URL שלו, מצורף צילומסך להמחשה:

העתקת URL של קובץ שהעלנו

העתקת URL של קובץ שהעלנו

לאחר שהעתקנו את הכתובת נשלב בגוף הוידג'ט את הקוד הבא:

<img border="0" src="http://www.website.com/image.jpg">

כאשר במקום מה שמסומן בכתום (בין המרכאות), נעשה "הדבק" על כתובת התמונה שזה עתה העלנו.

אם נרצה להטמיע תמונה גרפיקה שגם יהיה ניתן ללחוץ עליה – נשתמש בקוד הבא:

<a href="http://www.website.com/"><img border="0" src="http://www.website.com/image.jpg"></a>

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

כיצד נשלב פלאש בתור וידג'ט?

גם כאן אנחנו צריכים להעלות ראשית את קובץ המקור של הפלאש ע"י כניסה ל: מדיה > קובץ חדש, וגם כאן נעתיק את כתובת ה URL של הקובץ, ונטמיע אותו ע"י הקוד הבא:

<embed src="http://www.website.com/file.swf" menu="false" quality="high" width="200" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>

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

כיצד נשלב סרטון יוטיוב בסיידבר?

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

שילוב סרטון יוטיוב בתור וידג'ט באתר הוורדפרס שלנו

שילוב סרטון יוטיוב בתור וידג'ט באתר הוורדפרס שלנו

את הקוד אשר תקבלו (תעתיקו) מיוטיוב תדביקו בדיוק כמו שהוא באיזור ה HTML של הוידג'ט וכמובן לחצו בסוף על שמירה.

קיבוע מיקום וסדר האלמנטים וידג'טים

מיקום וסידור הוידג'טים

מיקום וסידור הוידג'טים

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

כיצד ניתן לשנות הגדרות של וידג'ט אלמנט לאחר שכבר הוטמע?

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

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

אם עוד יש שאלות לגי בוידג'טים… אל תתביישו לטקבק ולשאול 🙂

 

וורדפרס – הכרת המערכת והפונקציות

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

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

לוח הבקרה

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

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

סטטיסטיקות אקיזמט – אקיזמט הינו תוסף למניעת ספאם אשר מגיע עם המערכת, בקישור זה תוכלו לראות סטטיסטיקות של מניעת הספאם באתר שלכם.

פוסטים

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

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

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

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

מדיה

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

קובץ חדש – מאפשר לכם להעלות קובץ שאינו משוייך לפוסט, אלא ישירות לאתר (למשל DOC או PDF), לאחר העלאת הקובץ תקבלו קישור ישיר אליו (URL) אליו תוכלו לקשר מהיכן שתרצו.

קישורים

כל הקישורים – מאפשר לכם לצפות הכל הקישורים שהוספתם לאתר, למחוק ולערוך אותם ואף ךהוסיף חדשים.

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

קטגוריות קישורים – מאפשר לכם לערוך ולקטלג קישורים בקטגוריות, לפחות חדשות ולמחוק.

עמודים

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

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

תגובות

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

עיצוב

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

וידג'טים – איזור וידג'טים הינו איזור שניתן להגדיר את תוכנו ע"י גרירה פשוטה של אלמנטים לאיזורים המוגדרים. כל ערכת עיצוב מגיעה עם איזורי וידג'טים שונים אך הנפוץ והגורף בהם הינו איזור הסיידבר (בר צדדי), הוידג'טים הנפוצים:

  • פוסטים אחרונים – פונקציה אשר מציגה באופן אוטומטי את הפוסטים האחרונים שהעלתם לאתר
  • תגובות אחרונות – מציג את התגובות האחרונות שנכתבו (ואושרו) באתר
  • טקסט HTML – מאפשר לכם לשלב קוד חופשי שיהיה גורף לכל עמודי האתר לצידם של הפוסטים עמודים קטגוריות
  • ענן תגים – מציג את ענן התגים של ההקשרים נושאים הנפוצים באתר שלכם
  • חיפוש – מטמיע תיבת חיפוש פנימית באתר שלכם

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

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

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

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

  תוספים

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

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

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

משתמשים

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

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

פרופיל אישי – כאן תוכלו לערוך את הגדרות הפרופיל האישי שלכם.

  כלים

כלים זמינים – בעיקר הסברים וקישור לכלי "לגהץ", לא משהו ממש נחוץ. נעבור הלאה 🙂

יבוא – מאפשר לכם לייבא תוכן ממערכות אחרות וכן מערוץ RSS או להרים גיבוי ששמרתם במקרה של מעבר אתר או פריצה.

יצוא – מאפשר לכם ליצור גיבויים (בצורת קובץ להורדה), ולהגדיר אילו נתונים יגובו מתוך האתר.

הגדרות

כללי – מאפשר לכם להגדיר את ההגדרות הכלליות של האתר כגון: כותרת, תיאור איזור זמן, אימייל הנהלה, הגדרות והרשאות רישום וכו'.

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

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

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

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

נראות – כאן תוכלו להגדיר אם אתם רוצים שמנועי חיפוש יסקרו את האתר שלכם (מומלץ) או שלא יסרקו.

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

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