פוסטים

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, להתרשם מערכות העיצוב ולצאת לדרך עם אתר וורדפרס רענן ואיכותי. תהנו 😉

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

תרגום תבניות וורדפרס – איך לתרגם את קבצי השפה PO-MO

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

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

קצת רקע לגבי קבצים אלו: וורדפרס כבר יודע באיזה שפה אנחנו מתקינים את הממשק (ע"י קובץ WP-CONFIG.php), עפ"י זה הוא יודע לאן לנתב אותנו בתור גולשים לקובץ השפה הספציפי, למשל בעברית – נגדיר את קובץ השפה שלנו כ HE_IL (עברית_ישראל).

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

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

ואז אנחנו ניגשים לקבצי התבנית שלנו, הם בד"כ ימצאו תחת ROOT/wp-contact/themes/your-theme/lang או  language.

תרגום המחרוזות בקובץ PO בוודרפרס

תרגום המחרוזות בקובץ PO בוודרפרס

ואז…. מתחילה עבודת התרגום בפועל, אנלנו מתחילים לעבור שורה שורה על הקבצים ילתרגם את המחרוזות מהראשונה עד האחרונה. למשל:

  • COMMENTS: תגובות
  • HOME: דף הבית
  • POSTED: פורסם
  • READ MORE: קרא עוד

וכו'… לגבי כל מחרוזות התרגום בקובץ.

לאחר שתרגמנו את כל המחרוזות, נשמור שני קבצים בשמות הבאים: HE_IL.po, HE_IL.mo, ונעלה אותם לתקיה הראשית של התבנית. במקרים מסויימים זה לא יעבוד, אז תעתיקו את הקבצים גם לתקיית LANG או פתחו תקיה חדשה (תחת תקיית התבנית) בשם LANGUAGE, והכניסו לשם את הקבצים.

זהו בעצם, הוורדפרס שלנו מתורגם 🙂

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

אז מה זה בעצם בניית אתרים?

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

ראשית – יעוד אתר האינטרנט

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

בניית אתרים בקוד פתוח

בניית אתרים בקוד פתוח

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

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

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

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

עיצוב אתרים מותאם אישית או על בסיס תבנית קיימת

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

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

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

אלמנטים מיוחדים אשר משולבים באתר

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

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

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

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

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

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

תוכן ובניית עץ אתר

תוכן ובניית עץ אתר

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

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

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

סיכום לגבי בניית אתרים

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

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