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

צילום מסך של התבנית :

דמו | הורדה

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

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

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

זהו הפרמטר שאותו יש להעתיק ולהוסיף כערך בוליאני:
extensions.checkCompatibility.4.0

לא לשכוח להוסיף את הערך False לפרמטר. בהצלחה!

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

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

התבנית מאוד פשוטה לתפעול, תמונת פוסט צריכה להיות בגודל 305×380 לאחר העלאת התמונה יש לבחור באופציה "הגדר כתמונת פוסט".

אפשרויות עריכה ייחודיות לתבנית  (יש לגשת בממשק ניהול לקוביית מראה הבלוג – Theme options ):

1. הזנת קישור לעמוד פייסבוק.

2. הזנת קישור לטוויטר.

3.הזנת נתיב ללוגו .

4.הגבלת מספר מילים לתקציר בפוסט.

בהצלחה,

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

01. stationerystyle.net

02. logotwo

03.logospire

04. logosauce

05. logos

06. logopond

07. logomoose

08. logodesignlove

09. logolog

10. logoholik

11. logogallerry

12. logogaleria

13. logogala

14. logofury

15. logofi

16. logofaves

17. logodog

18. logo of the day

19. hdicon

20.design inspiration

21. graphic design blog

22. creattica

23. buzzshout

24. brandstack

25. wolda

תבנית Journal Crunch מתורגמת לעברית ומתאמת WordPress 3.0 להורדה.
התבנית המדהימה הזו היא מאת site5 ומכילה בתוכה המון פיצ'רים חדשים מובנים. תבנית מעוצבת להפליא, מתאימה לפורטפוליו, אתר אישי, בלוג וכו וכו..

הפיצ'רים שקימים בתבנית:

1. Options Panel של התבנית עצמה – שליטה בפוטר, לוגו, חשבונות טוויטר, פייסבוק, גוגל אנליטיקס וכו
2. Jquery Slider – בדף הבית + איזור יצירת לינק חופשי
3. טופס יצירת קשר פשוט מובנה
4. תפריטי וורדפרס 3.0 – עריכים דרך האדמין
5. Drop Down Menu
6. ווידג'טים פנימיים וווידג'טים לפוטר – עריכים דרך האדמין

ועוד ועוד…

מומלץ לעבור על האדמין וללמוד את כל האופציות שתהבנית נותנת. ניתן למצוא את כל האופציות בלשונית – JournalCrunch Options Panel
זה די פשוט ומובן. אם יש שאלות נשמח לענות כאן בפוסט. תהנו!

כמובן – דמו בעברית למטה בהמשך..

דמו | הורדה

אינטרנט אקספלורר  בהחלט הסיוט שאינו נגמר, את הפוסט הזה אני כותב לאחר ייסורים אינסופיים עם הדפדפן הנוראי הזה, פשוט לא להאמין כמה זמן הוא גזל ועדיין גוזל מאתנו… בתקווה שהסוף באמת קרב, אבל אין מה לעשות אם מדובר באתר שיש לו מיליוני גולשים בחודש וכ20% מהם עדיין עובדים עם גירסאות ישנות של IE אז חייבים לקחת אותם בחשבון ולבצע התאמות לפי הצורך, מעבר לחסרונות של תצוגת האלמנטים בדף קיים חסרון נוסף בDevelopertool  של IE8 , כשעוברים למצב של BrowserMode:IE7 הדפדפן קורס ברוב האתרים ופשוט אין דרך לבצע בדיקות, לשמחתי הרבה מצאתי פתרון – להתקין FirebugLite על IE .
אז איך עושים את זה:

1. תחילה יש להיכנס ללינק הבא : http://getfirebug.com/ ולהקליק בחלק העליון על FirebugLite

2. בתחתית העמוד תחת הכותרת Bookmarklets יש להקליק באמצעות הלחצן הימני על FirebugLite ולהעתיק את הקישור

3. מוסיפים את הקישור שהעתקנו למועדפים בתןך תיקיית  Favorites Bar

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

5. לחיצה עכשיו על הקיצור ששמרנו בתפריט תפתח את Firebug .

בהצלחה.

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

דמו | הורדה

מאז שנוצר הביקוש האדיר לניהול אתרי אינטרנט בוורדפרס, או כמו שנהוג לקרוא לזה: WordPress as a CMS התחלתי להתמקד בעיקר בעיצוב הויז'ואלי של האתר בצד של הלקוח. עם הזמן גיליתי שכמעט אין מגבלות עיצוביות וניתן היום להלביש כמעט כל עיצוב ע"ג וורדפרס. בשל הפופלאריות של הפלטפורמה הזו נשאלתי : האם אפשר לעצב גם את מערכת ניהול התוכן, את Back-end שאותו מקבל הלקוח לפחות קצת כדי שתהיה לו איזו הרגשה של CMS אישי עם הלוגו(להחליף את הלוגו של וורדפרס) וכו וכו..  טענה נוספת היתה: למה ה – CMS הזה כל כך עמוס באופציות? אני צריך רק לעדכן דפים וכו וכו.. האם אפשר לנקות קצת? להפטר קצת מתפריטים וכו.. בפוסט הבא ניתן כמה טיפים איך ניתן לעצב, לנקות ולהתאים את ה – Back-end של וורדפרס לרצונינו.

1. עיצוב מסך הכניסה Login Page  עם לוגו אישי במקום הלוגו של וורדפרס:
   אחד הדברים החשובים. ניתן לשנות את הלוגו של וורדפרס כבר ב – Login page עם הלוגו של הלקוח
   יש להעתיק את הקוד הבא ולהוסיף אותו ל – functions.php :

   function my_custom_login_logo() {
       echo '<style type="text/css">
           h1 a { background-image:url('.get_bloginfo('template_directory').'/images/your-logo.png) !important; }
       </style>';
   }
   
   add_action('login_head', 'my_custom_login_logo');
   

   כמובן שיש להחליף את: your-logo.png עם הלוגו שלכם ולהניחו בתיקיית images של ה – theme

2. החלפת הלוגו של וורדפרס בתוך ה – Dashboard עצמו:
   אם כבר החלפנו את הלוגו במסך הכניסה מדוע לא להחליף את הלוגו הקטן שמופיע בתוך ה – Dashboard עצמו.
   פה ישנן שתי פעולות שצריך לעשות:
   - להוסיף פונקציה שתאפשר לעשות את זה
   - להתאים את גודל הלוגו ב – wp-admin בקובץ functions.php יש להוסיף את הקוד הבא:

   add_action('admin_head', 'my_custom_logo');
   
   function my_custom_logo() {
      echo '<style type="text/css">
            #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.gif) !important; }</style>';
   }
   

   הגודל שנקבע ללוגו הוא 32*32 פיקסל. אם הלוגו שלכם שונה חפשו את הקובץ admin-header.php שנמצא בתיקיית wp-admin – מצאו את השורה הבאה:

   <img id="header-logo" src="<?php echo esc_url( includes_url( 'images/blank.gif' ) ); ?>" alt="" width="32" height="32" />
   

   והחליפו את ה – width וה – height בהתאם ללוגו שלכם.

3. מחיקת תפריטים מיותרים מה – Dashboard:
   ברוב המקרים, רוב הלקוחות לא ישתמשו בכל התפריטים שהמערכת מציאה למעט Pages ו – Post.
   את רוב הלקוחות זה אפילו מבלבל ולכן כדאי פשוט להפתר מזה ולהסתיר את התפריטים שאינם בשימוש. אני גם חושב שכדאי להסתיר אותם כדי למנוע נזקים מיותרים שלקוחות יכולים לעשות בטעות.
   על מנת לעשות את זה יש להדביק את הקוד הבא בקובץ functions.php :

   
   function remove_menus () {
   global $menu;
   		$restricted = array(__('Dashboard'), __('Posts'), __('Media'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
   		end ($menu);
   		while (prev($menu)){
   			$value = explode(' ',$menu[key($menu)][0]);
   			if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
   		}
   }
   add_action('admin_menu', 'remove_menus');
   

   *שימו לב למערך שמכיל את שמות התפריטים (Pages, Appearance, Tools וכו…) מופרדים ע"י פסיקים.
   הקוד הנ"ל יסתיר את כולם. אם תרצו להשאיר את התפריטים יש למחוק אותם מהמערך.

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

   
   function example_remove_dashboard_widgets() {
   	// Globalize the metaboxes array, this holds all the widgets for wp-admin
    	global $wp_meta_boxes;
   
   	// Remove the incomming links widget
   	unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
   
   	// Remove right now
   	unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
   	unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
   	unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
   	unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);
   	unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);
   	unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);
   	unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
   }
   
   // Hoook into the 'wp_dashboard_setup' action to register our function
   add_action('wp_dashboard_setup', 'example_remove_dashboard_widgets' );
   

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

   
   function example_dashboard_widget_function() {
   	// Display whatever it is you want to show
   	echo 'Welcome back dear customer. to add or edit pages go to your left pages panel.<br /> if you have any questions <a href="mailto:gil@tipoos.com">email me<a/>';
   }
   
   // Create the function use in the action hook
   function example_add_dashboard_widgets() {
   	wp_add_dashboard_widget('example_dashboard_widget', 'Example Dashboard Widget', 'example_dashboard_widget_function');
   }
   // Hoook into the 'wp_dashboard_setup' action to register our other functions
   add_action('wp_dashboard_setup', 'example_add_dashboard_widgets' );
   

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

   if ( !current_user_can( 'edit_users' ) ) {
     add_action( 'init', create_function( '$a', "remove_action( 'init', 'wp_version_check' );" ), 2 );
     add_filter( 'pre_option_update_core', create_function( '$a', "return null;" ) );
   }
   

אם יש לכם טיפ נוסף שלא מצויין כאן נשמח אם תשתפו בתגובות.

תבנית חדשה מבית היוצר של SITE 5 תבנית נקיה לאוהבי הפשטות ללא אלמנטים מורכבים במיוחד, התבנית תומכת בתפריטים החדשים של וורדפרס 3 אפשרות פתיחת תמונות באמצעות JQuery PrettyPhoto Lightbox  ע"י הוספת rel="PrettyPhoto" לתמונה המבוקשת ,טופס יצירת קשר מתוחכם ב  Ajax

התבנית נבדקה בFirefox | Chrome |IE7/8   במידה ונתקלתם בבעיה כלשהי נשמח לעזור דרך מערכת התגובות באתר.
דמו | הורדה