‫הבלוג של אח"י דקר » מדריכים‬

‫קוד-ארט מרימה קורס תכנות וורדפרס‬

‫חנית כהן‬ — Thu, 08 Jul 2010 09:25:46 +0000

קוד-ארט מרימה קורס ראשון מסוגו בארץ למפתחי וורדפרס (WordPress).

הקורס נועד ללמד תכנות תבניות וורדפרס ויכסה את גרסאות 2.5 ומעלה.

דרישות קדם לקורס:

HTML 3 ומעלה (עדיף 4)
CSS 2 ומעלה
PHP ברמה סבירה +
JS, J/query – יתרון

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

הקורס ייארך 40 שעות, בכיתת מחשבים באזור המרכז (כנראה ת"א).

הקורס מיועד להפתח באוקטובר ומיועד ל-10 איש בלבד.

שאלות? תהיות? רעיונות …
בבלוג של קוד-ארט

‫הקמת סביבת פיתוח וורדפרס מבוססת דרופבוקס‬

‫חנית כהן‬ — Thu, 08 Jul 2010 09:15:43 +0000

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

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

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

איך עושים את זה? לכו תקראו בבלוג של קוד-ארט

‫תבנית לפוסט יחיד בקטגוריה ספציפית‬

‫חנית כהן‬ — Mon, 14 Jun 2010 21:38:31 +0000

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

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

ישנן שתי דרכים לעשות זאת:

להכניס תנאי לתוך single.php שבודק האם הפוסט שייך לקטגוריה האמורה, אם כן -להפנות לקובץ א' אחרת לקובץ ב'

1
2
3
4
5

if (in_category('portfolio')) {
include "single-work.php";
} else {
include "single.php";
}

להמשך בבלוג של קוד-ארט

‫וורדפרס 2.8 – סרטון הכרות‬

‫חנית כהן‬ — Fri, 12 Jun 2009 11:08:57 +0000

גרסה 2.8 של וורדפרס שוחררה כמתוכנן ב-10.6, הגרסה משפיעה בעיקר על חווית השימושיות של וורדפרס ושינתה את הדברים הבאים:

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

את רשימת השינויים המאלה ניתן לראות כאן.

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

הנה הוא להנאתכם:

‫מדריך וידאו להתקנת וורדפרס בעברית‬

‫חנית כהן‬ — Mon, 08 Jun 2009 12:57:49 +0000

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

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

‫הדבקת טקסט מוורד על וורדפרס‬

‫חנית כהן‬ — Mon, 25 May 2009 06:33:40 +0000

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

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

אז מה עושים ? עושים.

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

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

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

זהו.

החלון הקטן הזה עושה קסמים וטקסט שנראה במקור ככה:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

בלה בלה בלה בלהstrong> בלה בלה span>בלהspan> בלהspan> בלהspan>p>

נראה אחריו ככה:

1	בלה בלה בלה <strong>בלהstrong> בלה בלה בלה <span style="text-decoration: underline;">בלהspan> בלה

לא צריך להבין הרבה ב-html כדי לראות מה נראה יותר סביר
אגב, הטקסט בו השתמשתי הוא

בלה בלה בלה בלה בלה בלה בלה בלה בלה

‫פוסטים דביקים‬

‫חנית כהן‬ — Sun, 24 May 2009 06:32:54 +0000

כש-2.8 בפתח, אולי כדאי לדבר על האפשרות הכי מגניבה, שימושית ולא מפורסמת מספיק בגרסת 2.7 של וורדפרס.

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

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

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

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

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

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

1
2
3
4

if(have_posts()) : while(have_posts()) : the_post(); ?>;

the_permalink(); ?>"> the_title(); ?>

the_content(); ?>
endwhile; endif;?>

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

עכשיו הקוד ייראה כך:

1
2
3
4
5

if(have_posts()) : while(have_posts()) : the_post(); ?>

post_class();?>">

the_permalink(); ?>"> the_title(); ?>

the_content(); ?>

endwhile; endif; ?>

כאשר הפוסט מסומן כדביק הוא מקבל גם את התגית sticky, מכאן צריך פשוט לשנות את ה-CSS שלנו.
נוסיף לקובץ style.css את הקוד הבא:

1
2
3
4
5

.sticky {
background:#fff8dc;
border: 1px solid black;
margin-bottom: 7px;
}

וככה זה נראה:

ניתן כמובן לשנות את המראה לפי רצונכם

‫אז איך מתמחרים פרויייקט?‬

‫חנית כהן‬ — Thu, 14 May 2009 20:23:29 +0000

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

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

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

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

תמחור הפרוייקט:

מחיר לשעה, בואו נניח שאנחנו גובים 570 פרלינים לשעת עבודה (כן, אנחנו מקבלים תשלום בשוקולד איכותי, מה רע ?)
הערכת מאמץ: יש לנו כאן למעשה 3 תתי פרוייקטים – התקנת בלוג ויצירת 2 תבניות מעיצובים כולל יכולת "להחליף" עיצוב בהתאם למיקום באתר (בהנחה שאת ה"בלוג" נממש בעזרת קטגוריה באתר). התקנה של בלוג וורדפרס לוקחת לנו (נניח) X דקות, הרמת התבנית לאתר עצמו 7 שעות והרמת התבנית ל"בלוג" עוד 4 שעות. סה"כ יש לנו פה 11 שעות ו-X דקות.
ריסק, נניח שהתבניות שלנו לא מסובכות במיוחד, אז אנחנו מדברים על 20% ריסק, ועל כן אנחנו כרגע בקצת פחות מ-13 שעות.
למעשה המחיר שלנו הוא 570*12.7 (נניח) = 7239 פרלינים
כאן מגיע השלב של הבנת הלקוח, מי הוא, כמה הוא יכול לשלם וכמה הוא באמת מעריך שוקולד טוב בנוסף נשאלת השאלה מה הערך של הפרוייקט עבורנו – האם הוא חיוני לתיק העבודות שלנו, האם הוא מעניין\מאתגר\נחמד לנו? האם הוא שונה ממה שעשינו עד כה ? התשובה לכל השאלות האלו אומרת האם נעגל את המחיר למטה או למעלה והאם ניתן לשי הנחה (מכל סיבה שהיא). שי הוא בחור צעיר, חתיך והפרוייקט שלו מחמם לנו את הלב,הוא גם עשה לנו עיניים, פלירטט קצת וארגן לעצמו הנחה – כלומר עיגול כלפי מטה. הצעת המחיר ששי יקבל היא 7000 פרלינים לעבודה.

באותו נושא, שווה לכם לקרו את המאמר How-To Price freelance projects succesfully

‫מעקב אחר גירסאות בוורדפרס 2.6 (ולמה זה טוב בכלל?)‬

‫שרון גפן‬ — Sun, 10 Aug 2008 09:05:58 +0000

פוסט אורח מאת שרון גפן

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

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

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

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

במידה ונרצה להשוות בין הגירסאות השונות, ניגש את אחת מהגירסאות המופיעות ברשימה, ונלחץ על "להשוות גרסאות" (Compare Revisions), לצפייה בהבדלים בין שתי הגירסאות:

על מנת לעבור לגירסה קודמת של הפוסט, נלחץ פשוט על "לשחזר" (Restore)

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

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

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

1	‎define(’WP_POST_REVISIONS’, false);‎

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

או שאפשר פשוט להוריד את תוסף Revision Control ממאגר התוספים, וכך לשלוט במספר הגירסאות שוורדפרס שומר לכל פוסט, או לבטל לגמרי את האפשרות.

האם עדיף לעבוד עם גירסאות או לא?
זה כבר תלוי בכם ובהרגלי העבודה שלכם…

לקריאה נוספת:
Disable and Turn Off Post Revisions Tracking in WordPress 2.6 or Above
Revision Management – בקודקס של וורדפרס

‫2.6 ואווטרים‬

‫חנית כהן‬ — Wed, 16 Jul 2008 11:57:53 +0000

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

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

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

אייקון אנונימי
ללא איקון
אייקון gravatars
Identicon
Wavatar
Monster Id

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

את האפשרות ניתן למצוא תחת תפריט "אפשרויות">"דיון" בקצה התחתון שלו. אני בחרתי באפשרות Monster ID כפי שניתן לראות בתמונה.