עריכת תבניות קיימות בוורדפרס

אוגוסט 3, 2015
דוגמה למבנה תיקיות הכולל Child Theme

דוגמה למבנה תיקיות הכולל Child Theme

אני רוצה לגעת בקצרה על שינוי תבניות מוכנות במערכת וורדפרס, כמו אלו שאפשר להתקין דרך עמוד עיצוב – תבניות או ערכות העיצוב ברירת המחדל TwentyThirteen, TwentyFourteen, TwentyFifthteen
עריכה ישירה שלהן היא לא הדרך המומלצת לערוך אותן מאחר וכשמעדכנים את התבנית/עיצוב כל השינויים שעשינו יתאפסו.
אז מה עושים במקרה כזה שרוצים להשתמש בתבנית מוכנה אך רוצים לשנות כמה דברים קטנים (או אפילו גדולים)? אנחנו יכולים להשתמש ב- Child Themes.

 

מה אנחנו צריכים כדי להתחיל?

כל מה שאנחנו צריכים זה תיקיה וקובץ CSS.
בד"כ לתיקיה קוראים באותו השם של ערכת העיצוב המקורית בתוספת -child, לדוגמה twentyfifteen-child ואנחנו יוצרים אותה תחת תיקית העיצובים של וורדפרס (wp-content/themes)
בקובץ ה- CSS אנחנו צריכים שתופיע לפחות הערת המידע אשר קובעת את פרטי התבנית.
את שם התבנית המקורית אנחנו נרשום בהגדרה Template, לדוגמה: Template: twentyfifteen
את שאר ההגדרות נעדכן על פי הפרטים שלנו:

אנחנו שומרים את הקובץ בשם style.css בתיקיה שיצרנו לעיצוב.
גם אם אנחנו לא רוצים להשתמש בקובץ style.css אנחנו מחוייבים ליצור את הקובץ הזה ושפרטי התבנית יופיעו בו

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

 

הלאה, עריכת CSS קיים!

לפני שנוכל לערוך את ה- CSS של ערכת העיצוב אנחנו צריכים לטעון אותו.
יש לנו 2 אפשרויות כיצד לבצע זאת:

  1. להשתמש ב- @import בקובץ ה- CSS שלנו. לדוגמה:
    @import url(../twentyfifteen/style.css);
  2. להשתמש בפונקציית enqueue_styles בקובץ ה- functions.php (הדרך המומלצת)
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    function theme_enqueue_styles() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    
        // ואם לא טענו את קובץ ה- CSS של תבנית הבת שלנו בדרך אחרת:
        wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css' );
    }

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

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

 

אני צריך לשנות את מבנה הפוסט. מה אני עושה?

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

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<header class="entry-header">
    <h1 class="entry-title">
      <?php the_title(); ?>
    </h1>
  </header>
  <div class="entry-content">
    <?php the_content(); ?>
  </div>
</article>

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

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<header class="entry-header">
    <h1 class="entry-title">
      <?php the_title(); ?>
    </h1>
    <div class="entry-meta">
      This post was written by <?php the_author(); ?>
    </div>
  </header>
  <div class="entry-content">
    <?php the_content(); ?>
  </div>
</article>

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

 

להסבר מלא על Child Themes ניתן לעיין בעמוד הדוקומנטציה של וורדפרס על הנושא

1

בניית ערכת נושא WordPress מאפס | חלק 1, עיצוב

דצמבר 8, 2013

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

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

תוצאה סופית של העיצוב:

תוצאה סופית

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

1

בניית עיצוב WordPress מאפס | הקדמה

נובמבר 28, 2013

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

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

0

צוות Inforall.net מאחל לכולם שנה טובה ומתוקה

ספטמבר 3, 2013

2

XAMPP / WAMP – דומיינים על מחשב הפיתוח הלוקאלי?!

יולי 15, 2013

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

שלב א' – התקנה והגדרת שרת האינטרנט
קודם כל נגדיר שרת XAMPP או WAMP כרגיל.
במקרה זה אנו מדברים על ממערכת הפעלה Windows, אם אתם עובדים עם מערכת הפעלה אחרת זה תהליך דומה מאוד.
נתקין את השרת ונוודא שאנחנו יכולים לגשת אל localhost מהדפדפן (Chrome יכול טיפה להציק, לפעמים הוא רוצה לחפש בגוגל במקום להכנס לאן שרצינו, אז במיוחד בשבילו נכתוב http://localhost)
כשנראה את העמוד It Works! או העמוד ברירת המחדל של XAMMP אנחנו נוכל לעבור לשלב הבא.

שלב ב' – הגדרת השרת לעבודה מול דומיינים
כעת אנחנו רוצים לערוך את ההגדרות של apache.
נכנס לתיקיה C:\wamp\bin\apache\apache2.2.22\conf ונפתח את הקובץ httpd.conf בעורך הטקסט החביב עלינו ונחפש את השורה הבאה:

Include conf/extra/httpd-vhosts.conf

אם מופיע סימן ה- # בתחילת השורה – נמחק את הסימן.
נפעיל מחדש את apache ניכנס ל- localhost ונוודא שהכל פועל כרגיל.

שלב ג' – הגדרת דומיינים
כעת שהשרת מוגדר לעבוד עם דומיינים אנחנו יכולים להגדיר את הדומיינים ב apache.
כדי לעשות זאת, נגיע לתיקיה C:\wamp\bin\apache\apache2.2.22\conf\extra ונפתח את הקובץ httpd-vhosts.conf.
כנראה שהקובץ מגיע כבר עם כמה הגדרות לדוגמה, אבל אנחנו נתחיל מ-0. נמחק את תוכן הקובץ (כמובן לאחר גיבוי של הקובץ המקורי) ונתחיל.
קודם כל נוסיף את השורה הבאה:

NameVirtualHost *:80

אם apache מוגדר לרוץ על פורט אחר מ-80, נגדיר את הפורט המתאים.

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

<VirtualHost *:80>
    DocumentRoot "C:\wamp\bin\apache\apache2.2.22\htdocs"
    ServerName localhost
</VirtualHost>

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

כעת אנחנו נגדיר דומיין נוסף. נניח שנרצה לעבוד על דומיין my-local-domain.me (כן, זה אפשרי להגדיר סיומת [או TLD] משלנו).
כל דומיין שנרצה להגדיר יהיה בתוך תגי <VirtualHost>
נגדיר אותו כך:

<VirtualHost *:80>
        DocumentRoot "C:\Users\Ilan\Dropbox\web dev\my-local-domain"
        ServerName my-local-domain.me
	 <Directory "C:\Users\Ilan\Dropbox\web dev\my-local-domain">
            AllowOverride All
            Order Allow,Deny
            Allow from all
            Require all granted
       </Directory>
</VirtualHost>

נפשט קצת את מה שאנחנו עושים:
DocumentRoot – התיקיה שבה אנחנו שמים את תוכן האתר. אני עובד בתיקיה לכל אתר תחת תיקיה שמייועדת לכך בדרופ-בוקס, לכן הנתיב שלי נראה כך: C:\Users\Ilan\Dropbox\web dev\my-local-domain
ServerName – בעצם כתובת הדומיין
<Directory> – כאן אנו מאגדים את ההגדרות לתיקיה הראשית של האתר, תוכן זה יהיה דומה לתוכן של קובץ .htaccess שאנחנו יכולים לשים באתר שלנו. הנתיב שאנחנו שמים פה צריך ליהיות זהה לזה של ה DocumentRoot.
AllowOverride, Order, Deny, Allow – אנחנו מגדירים הרשאות לתיקיה. קודם כל נגדיר AllowOverride כך שנוכל להשתמש בקבצי .htaccess. ניתן להגדיר זאת גם ל- none כדי לא לאפשר קבצים אלו. לאחר מכן,
אנו מגדירים הרשאות גישה לתיקיה. Order לא ממש משנה לנו מפני שאנחנו מגדירים גישה לכולם ולא חוסמים. Allow from all מגדיר שכולם יכולים לגשת לאתר.
אם נרצה לדוגמה לאפשר גישה רק מהמחשב הנוכחי נגדיר כך:

Order Deny,Allow
Deny from all
Allow from 127.0.0.1

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

Allow from 192.168.1

כל כתובות הIP שמתחילות ב 192.168.1.* יוכלו לגשת לאתר שלנו.
Require all granted – תחת WAMP אין להגדיר את זה, אך XAMPP דורש זאת כדי לעבוד כמו שצריך – ללא זה נקבל שגיאה 403 – forbidden
בנוסף נוכל להגדיר כאן עוד כמה הגדרות כמו Options -Indexes כדי לבטל תצוגת תיקיות אם אין לנו קובץ index.html או index.php

שלב ד' – אחרון חביב – הגדרת דומיין בקובץ hosts
אם כל מה שעשינו עד עכשיו לא הספיק לכם כדי לחזור בכם ולעבוד מול localhost פשוט, נשאר לנו להגדיר דבר אחד קטן נוסף.
אם ננסה עכשיו לגשת לדומיין שלנו, my-local-domain.me, נראה שהדפדפן לא יודע על מה אנחנו מדברים ופשוט יעשה חיפוש בגוגל. זה קורה מפני שהדפדפן בודק בשרתי DNS שמוגדרים לו (בד"כ השרתים של ספקית האינטרנט אלא אם הגדרנו משהו אחר בהגדרות של הראוטר/מודם) ולא מוצא כתובת IP שמוגדרת לכתובת my-local-domain.me – זאת כמובן מפני שלא רשמנו דומיין כזה.
כדי לעקוף את הבעיה הזאת, אנחנו יכולים להגדיר את הכתובת בשרת DNS משלנו. הכוונה כמובן לשרת הפנימי של המחשב שלנו. לכל מחשב יש קובץ hosts שבו ניתן להגדיר עקיפה להגדרות של שרתי ה DNS שמוגדרים אצלנו.
תחת Windows הקובץ נמצא בנתיב הבא:

C:\Windows\System32\drivers\etc

כדי לערוך אותו תחת מערכת הפעלה ויסטה ומעלה יש לפתוח את פנקס הרשימות כמנהל, לכן נלחץ קליק ימני על notepad ונבחר ב- run as administrator.
נבחר ב- File > Open ונגיע לתיקיה הזאת. etc היא תיקיה מוסתרת, וכך גם הקובץ שאנחנו מחפשים, לכן נרצה להגדיר להציג תיקיות וקבצים מוסתרים (נמצא בהגדרות תיקיה).
עכשיו, גם אם אנחנו מציגים קבצים מוסתרים, לא נראה כלום בתיקיה. יש לבחור בתיבת הבחירה מעל כפתור ה Open את סינון הקבצים – נבחר שיציג את כל הקבצים (All files *.*) ואז נפתח את הקובץ Hosts (שימו לב, הקובץ ללא סיומת!)
אנחנו יכולים לראות דוגמה לרשומה בקובץ באחת מהשורות שמתחילה ב-# (שורות אלו הם הערות)
נוסיף את הדומיין שלנו לקובץ בצורה הבאה:

127.0.0.1 my-local-domain.me

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

127.0.0.1 my-local-domain.me sub.my-local-domain.me news.my-local-domain.me

כעת אנחנו יכולים לגשת לכתובת my-local-domain.me בדפדפן ונוכל לראות את האתר שלנו.
אבל, לצערינו, כדי לגשת לאתר ממחשבים אחרים נצטרך להגדיר את הדומיין שלנו בקבצי Hosts של המחשבים כולם. מאותם המחשבים ברשת נגדיר את הIP הפנימי של המחשב (192.168.1.*), ואם אנחנו רוצים לגשת לאתר ממחשב ברשת אחרת, נגדיר את הכתובת IP החיצונית שלנו.
דבר נוסף שיש לעשות כדי שנוכל להתחבר ממחשב מרשת אחרת הוא ליצור חוק port forward בראוטר שיפנה את הפורט 80 למחשב שמריץ את השרת.

כמה דברים נוספים:

  • במערכות מבוססות UNIX, שזה בערך כל הפצה של לינוקס ומאקינטוש קובץ ה- Hosts הוא בנתיב /etc/hosts (ה- hosts כאן הוא הקובץ, שוב ללא סיומת) וגם דורש הרשאות מנהל ראשי (root) כדי לערוך אותו.
  • במאקינטוש יש תוכנה מעולה בשם Mamp Pro שמגדירה הכל בעצמה כמו גם מכילה בה את השרת ומסד הנתונים MySQL. התוכנה עולה 60$, אך אם הולכים להשתמש בה לטווח ארוך אני חושב שהיא שווה בהחלט את המחיר.
0

Pandora Internet Radio למה?, כמה? ואיך אני משתמש בשירות זה בישראל?

ספטמבר 5, 2012

With Pandora you can explore this vast trove of music to your heart's content. Just drop the name of one of your favorite songs, artists or genres into Pandora and let the Music Genome Project go..

אז מה זה פנדורה בדיוק?
http://www.pandora.com
פנדורה היא פלטפורמת רדיו אינטרנטי המתאימה את רשימת ההשמעה על פי העדפותיו של המשתמש, כאשר המשתמש מזין אומן, שיר, או ז'אנר כללי שהוא אוהב לשמוע.
פנדורה במהלכה מזהה את הסגנון המוזיקלי אותו המשתמש מעדיף לשמוע ומשמיעה שירים הדומים לאלו שהמשתמש בחר.
כדי להתאים יותר אל טעמו של כל אדם, נוספה האפשרות לדרג כל שיר שמושמע כשיר שאהבתי, או שלא אהבתי. פנדורה תתחשב בבחירות אלו לשירים הבאים שיושמעו לנו.

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

נוודא הגדרות torrc

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

  • Tor – אנו נשתמש בגרסת ה Vidalia Bundle, באותה מידה ניתן להשתמש גם ב Tor Browser Bundle ואני אפרט על כך בהמשך
  • דפדפן אינטרנט התומך בפרוקסי, שזה בערך כולם, אך אני מליץ על Firefox ועל זה אני אסביר מיד

קודם כל, נתקין את Tor. טור הוא שירות גישה אנונימית לרשת, או סוג של פרוקסי בלשון העם. ההתקנה פשוטה למדי ואני לא אפרט עליה (ואם אתם קוראים את הבלוג הזה אני מניח שאתם כבר יודעים איך לבצע התקנה פשוטה)
לאחר ההתקנה אנו צריכים להגדיר את טור שינתב אותנו לרשת דרך שרתים מארה"ב. כדי לעשות זאת אנו נפתח את הקובץ C:\Users\<user name>\AppData\Local\Vidalia\torrc (כאשר <user name> הוא שם המשתמש שלכם בווינדוס, הקובץ הוא torrc ללא סיומת) בכתבן ונוסיף לסופו את הקוד הבא:

ExitNodes desync,whistlersmother,lefkada,bettyboop,croeso,TorLuwakOrg,nixnix,inap1,redpineapple,cronic,sasquatch,slowturtle2,moria1,moria2,torxmission,augrime,err,foundry,peertechdata,sasq,0xL37N1Tor,agrippator,3x0rcyst5p4dd3dc311,52c5eSH5,703server,allium,amendment10,Blackmage,BostonUCompSci
StrictNodes 1
CircuitBuildTimeout 5
NumEntryGuards 6
KeepalivePeriod 60
NewCircuitPeriod 15

הגדרות אינטרנט

לאחר מכן נפעיל מחדש את Vidalia Control Panel ונוודא שההגדרות נשמרו, נפתח את Vidalia ונכנס ל Settings, Advanced ונלחץ על הכפתור Edit current torrc. יפתח חלון חדש שבו הקוד שהוספנו לקובץ צריך להופיע, אם לא תכבו את Vidalia ותשנו שוב את הקובץ.
ברגע זה סיימנו את העבודה עם טור. עכשיו נעבור לדפדפן ונגדיר אותו לעבוד ביחד עם טור.
כאן אנו צריכים להפריד בין הדפדפנים שונים:

Internet Explorer, Chrome, Safari
נכנס ללוח הבקרה ונפתח את Internet Options, נדפדף לטאב Connections ונלחץ על הכפתור LAN settings.
נבטל את הסימון מ auto detect ונסמן את use proxy server. נמלא את הנתונים הבאים:
Address: 127.0.0.1
Port: 8118
נאשר והדפדפן מוגדר לנו לעבוד עם טור. ראוי לציין שטור ינתב אותנו בכל אתר שנכנס אליו. פרוקסי ברוב המקרים יאט את טעינת האתרים, לכן דרך זו היא פחות מומלצת.

Firefox
אם ברצוננו להשתמש בפיירפוקס יש לנו שלושה אפשרויות.

  1. להגדיר את פיירפוקס להשתמש תמיד בפרוקסי כמו שהגדרנו ל IE וכרום ונעשה זאת בתפריט Options > Advanced > Network > Connections – settings. נבחר Manual proxy settings ונגדיר כמו קודם.
  2. באם הורדנו את חבילת Browser Bundle של טור, יש באפשרותינו להשתמש בגרסה ניידת של פיירפוקס שהוגדרה מראש לעבוד עם טור
  3. להתקין את התוסף FoxyProxy ונגדיר בו שיפעיל את הפרוקסי רק לאתרים הנבחרים.

הגדרות פוקסי פרוקסי

הגדרות FoxyProxy:
ברגע שנתקין את התוסף יופיע לנו כפתור בצורת שועל בתפריט. לחיצה עליו תפתח את מסך ההגדרות של התוסף.
נבחר בתיבת הבחירה select mode את האפשרות use proxies based on their pre-defined patterns
נבחר בטאב Proxies ונלחץ על כפתור Add New Proxy
בחלון החדש נבחר בטאב proxy details ונגדיר את הפרוקסי בדיוק כמו קודם (Address: 127.0.0.1, Port: 8118), אך בנוסף לזה נכנס לטאב URL Patterns, נלחץ על הכפתור Add new pattern נגדיר את הדברים הבאים:
Pattern name: Pandora
URL Pattern: *pandora.com/*
Whitelist
wildecards

נגדיר לפרוקסי פוקסי לנתב אותנו רק באתר פנדורה

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

כל מה שנשאר לעשות הוא להכנס לאתר פנדורה בכתובת http://www.pandora.com, להרשם לשירות, ולהגדיר את תחנת הרדיו עם מוזיקה שאנחנו אוהבים לשמעו ולתת לפנדורה לעשות את שלה
אז נכון שזהו תהליך די ארוך, אבל בסופו של דבר זה תהליך חד פעמי שנבצע שיביא לנו הנאה גדולה.

0

התנסות ראשונה בתכנות לאנדרואיד

מאי 13, 2012

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

הורדתי את ה Android SDK ו- Eclipse, הפעלתי אותה והוצגה בפני הממשק של אקליפס. מתכנתים מנוסים יותר בטח מכירים אותה בעבודה מול Java, אך אני פעם ראשונה נוגע בה.
הממשק של אקליפס קרוב לממשק שאני מכיר מ Visual Studio, אבל מה שמתברר כשונה, הוא שאני לא יכול לבזבז את רוב הזמן שלי במסך העיצוב בגראפי של התוכנה כמו שאני רגיל ב #VC, אלא את רוב זמני אני אעביר בתוך קובץ XML של הממשק או בקוד עצמו. הממשק הגראפי פשוט לא עובד כמו שצריך, וגם אם הוא כן עושה את רוב הדברים שאני צריך, הרבה פעמים יש בו באגים מוזרים שמכריחים אותי לעבור לממשק הXML.

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

אחרי ההתנסות הראשונית שלי עם אקליפס וג'אווה הגיע הזמן לבחור פרוייקט. צריך לבנות תוכנה! כאן נתקלתי בדילמה (ואותה אחת יש לי גם עם #C) איזה אפליקציה נבנה? מה אני רוצה שהיא תעשה? אני צריך ש-א. תיהיה אפליקציה שהרבה אנשים יצטרכו וישתמשו בה ו-ב. בתור אפליקציה ראשונה שלי לאנדרואיד, היא צריכה ליהיות יחסית פשוטה וקלה למימוש.
יש גם את ג. אבל הוא קצת פחות חשוב – אפליקציה שאני צריך ואני ישתמש בה (זה אגב איך אני מתחיל תוכנות גם ב#C, אני לא עובד בשביל חברה גדולה, אז אני מפתח תוכנות שאני צריך, וגם אחרים ישתמשו בהם).
החלטתי שאני עושה תוכנה פשוטה להמרת מטבע. אם כי יש כמה תוכנות דומות במרקט (או Google Play Store בשמו החדש שאני לעולם לא אתרגל אליו), החלטתי שזהו פרוייקט יחסית פשוט שאני יכול לבנות בזמן יחסית קצר (ובאמת כך היה, לקח לי בדיוק יומיים לסיים אותו).

ממשק המשתמש של התוכנה

אחרי שבחרנו פרוייקט ומה אנחנו רוצים שהוא יעשה, צריך לחשוב על איך הוא יעבוד.
החלטתי שאני אתבסס על גוגל בקטע הזה, כך אני תמיד אשאר מעודכן עם שינויים בערך המטבעות. לגוגל יש דף באינטרנט שהוא ממיר מטבעות פשוט במיוחד (http://www.google.com/finance/converter) החלטתי שאני מתממשק אליו.
מבחינת הממשק של התוכנה, הממשק קרוב בעיצוב לזה של הדף בגוגל. שני שדות טקסט, שני תיבות בחירה וכפתור.

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

ממיר המטבעות בפעולה


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

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

בימים הקרובים אני מתכנן לשלם לגוגל ולהעלות את האפליקציה שלי למרקט, עד אז תוכלו להוריד אותה מכאן:
Android Currency Converter (217 downloads)
כדי להתקין את האפליקציה יש להעביר אותה לכרטיס זיכרון של הטלפון, לגשת אליו עם תוכנת סייר קבצים במכשיר (אני ממליץ על Total Commander או Root Explorer) ולהריץ את הקובץ הנ"ל. המכשיר יתקין את התוכנה כרגיל.
אפשרות שניה היא לגשת לבלוג מהטלפון ולהוריד את האפליקציה ישירות לטלפון. בסוף ההורדה יש לגלול למטה את חלון ההתראות וללחוץ על ההתראה של סיום ההורדה.

– אילן

1

ShaDown! במבצע השקה מיוחד עד ה-22 לחודש

אפריל 15, 2012

גרסה מלאה חינם עד ה22 לחודש (אפריל) עם כל הורדה חדשה. הורידו ונסו עכשיו!

0

חדש מInforall: הדרך המהירה להוריד משאזם: ShaDown!

מרץ 28, 2012

כמה פעמים כבר יצא לכם לפתוח את שאזם ולומר לעצמכם "הפעם אני אשקיע קצת מהזמן שלי להוריד את הרשימה לפני שהיא תגדל עוד יותר" וכמובן שזה לא קרה?
וכמה קרה לכם שאחרי כל פעם כזאת הרשימה גודלת בעוד כ-10 שירים כל פעם?

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

הורידו עכשיו גרסת ניסיון המוגבלת ל-5 שירים: http://shadown.inforall.net
או רכשו את הגרסה המלאה במחיר מצחיק של 4.99$ לחודש: http://shadown.inforall.net/buy.php

0

עוד שדרוג לInforall.net מעכשיו תוכלו להגיב על המדריכים ועוד…

אוגוסט 4, 2011

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

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

וכמובן שאיך לא, אתם יכולים למצוא אותנו ב וב-

-אילן,
צוות Inforall.net

8