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

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

<?php
 if ( has_post_thumbnail()) {
$full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full');
echo '<div id="post-picture"';
echo 'style="' ;
echo 'background: url' ;
echo '(' ;
echo $full_image_url[0];
echo ')';
echo '"';
echo'>';
    }
?>
<?php if ( !has_post_thumbnail()) {
echo '<div id="post-picture">';
    }
?>

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

<?php $children = wp_list_pages('title_li=&child_of='.$post->ID.'&echo=0'); if ($children) { ?>
<?php echo $children; ?>

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

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

1. כותר התפריט

2. כותר עמוד / פוסט פנימי

3. הכיתוב בראש הדפדפן

4. כותר תוצאות החיפוש של האתר שלנו בגוגל

הפרד ומשול. בכדי שנוכל לשלוט בכל אחד מהמופעים האלה בנפרד יש צורך להתקין שני תוספים לאתר הוורדפרס שלנו: All in One SEO Pack אשר ישרת אותנו בהמשך לפעילות SEO אחרות ו WP Title 2

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

לבסוף נרצה להפריד בין הכותר בתוך העמוד לבין הכותר המופיע בתוצאות החיפוש בגוגל. לזה דואג התוסף All in One SEO Pack. שימו לב שניתן להגדיר פרמטרים נפרדים לעמוד הבית ולכל סוגי עמודי הוכן באתר. ראו תמונה למטה

אחד הדברים שצריכים לעשות לאחר התקנת אתר וורדפרס wordpress הוא להתאים את הקישורים הישירים. למעשה הרעיון הוא ליצור קישורי URL ידידותיים למנועי החיפוש במקום: http://www.your-site.co.il/?p=123 ניתן ורצוי לשנות את הקישורים ל http://www.your-site.co.il/halavudvash . וכמובן גם בעברית.

איך עושים את זה ?

נכנסים בממשק הניהול ל: הגדרות - קישורים ישירים

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

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

איך קובעים את זה בוורדפרס WordPress ?

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

בתיבות: כתובת ההתקנה של וורדפרס (URL) ו כתובת האתר מקלידים את שם האתר כולל ה WWW

לדוגמה: http://www.your-site.co.il

SEO אופטימיזציה של האתר שלך למנועי חיפוש.

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

שם מתחם (דומיין) עם WWW או בלי WWW

טיפול בקישורים ישירים Permalinks

טיפול בתג title וסוגי הכותרים באתר וורדפרס

כיצד משנים את הפרמטר Upload Max File Size בוורדפרס wordpress ?
יש ליצור קובץ חדש בעורך טקסט בשם: php.ini ולהכניס בו את את הקוד הבא:

upload_max_filesize = 64M;
post_max_size = 32M;

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

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

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

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

<div id="searchform">
<form method="" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="&nbsp;" />
</form></div>

בברכה צוות חלב ודבש בניית אתרים

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

<?php $recent = new WP_Query("cat=1&showposts=10"); while($recent->have_posts()) : $recent->the_post();?>
<a href="<?php the_permalink() ?>" rel="bookmark">
<?php the_title(); ?>
</a>
<?php endwhile; ?>

cat=מספר סידורי של הקטגוריה

showposts=מספר פוסטים להצגה מתוך הקטגוריה שנבחרה

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

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

name="business" value="your-email@here.com"
name="item_name" value="your product name here"
name="amount" value="10"

<div id="pay-pall">
<form method="post" action="https://www.paypal.com/cgi-bin/webscr" target="paypal">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="your-email@here.com">
<input type="hidden" name="item_name" value="שם המוצר שלך">
<input type="hidden" name="item_number" value="1">
<input type="hidden" name="amount" value="1">
<input type="hidden" name="currency_code" value="ILS">
<input type="hidden" name="bn" value="ButtonFactory.PayPal.001">
<input type="image" name="add" src="https://www.paypal.com/he_IL/i/scr/pixel.gif" alt="תשלום בכרטיס אשראי דרך פייפאל - אין צורך לפתוח חשבון בפייפאל" title="תשלום בכרטיס אשראי דרך פייפאל - אין צורך לפתוח חשבון בפייפאל">
</form>
</div>

בהצלחה
חלב ודבש בניית אתרים

תחילה משכפלים את הקובץ page.php ומשנים את השם לשם התבנית החדשה לדוגמה: my-new-page.php

לאחר מכן עורכים את הקובץ החדש my-new-page.php ומוסיפים לו בראש הדף את הקוד הבא:

<!--?php /* Template Name: my-new-page*/ ?-->

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

עכשיו ניתן להיכנס לקובץ my-new-page.php ולערוך אותו כמו שאתם רוצים מבלי שזה ישפיע על שאר העמודים.

רק על העמודים שנבחרה בהם התבנית החדשה

בהצלחה

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

המלצה על תוסף לבניית טפסים מתקדם מאוד מומלץ ושימושי.

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

שימושים:

טופס מתקדם ומורכב ללא HTML או קוד אחר.

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

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

לשים כמה טפסים על עמוד אחד.

ריבוי שדות וסוגי שדות.

התאמה אישית של autoresponses .

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

Built-in יכולות אנטי ספאם.

אופציונלי טכנולוגיית ה-CAPTCHA.

עובד יופי בעברית.

ניהול הרשאות שליטה.

צוות חלב ודבש בניית אתרים בוורדפרס

קוד זה מציג מידע על הבלוג שלך, על ידי שימוש בקוד PHP, שימושים שונים והורצאיות השונות לשימוש בקוד:

<?php bloginfo('show'); ?>

מציג את שם הבלוג שלך

<?php bloginfo('name'); ?>

מציג את כותרת הבלוג שלך

<?php bloginfo('url'); ?>

מציג את כתובת הדומיין של הבלוג שלך

<?php bloginfo('description'); ?>

מציג את תיאור הבלוג שלך

<?php bloginfo('charset'); ?>

מציג את המאפיינים UTF


#your-div {
color: #fff;
height: 500px;
width:850px;
margin: 0 auto;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#4c8001), to(#f6f8f3));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #4c8001, #f6f8f3);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c8001, endColorstr=#f6f8f3);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c8001, endColorstr=#f6f8f3)";
}


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

לדוגמה שדה כתובת:

בשדות מיוחדים בעמודה "שם" הכנס: address ובשדות מיוחדים בעמודה "ערך" הכנס: רח' אשבול 7, עלמון

לאחר מכן גש לתבנית שלך לקובץ המתאים single.php | page.php וכו..

והכנס את הקוד הבא בהתאמה של שמות השדות:

כתובת: <?php $key="address"; echo get_post_meta($post->ID, $key, true); ?>

בהצלחה

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

העלה תמונות לתקייה images בתבנית שלך
פתח קובץ header.php והכנס את הקוד הבא בין <head> ל </head>

<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScript here!
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>

לאחר מכן הכנס את הקוד הבא בתבנית page.php או תבנית אחרת

<a href="<?php bloginfo('url'); ?>"><img src="wp-content/themes/twentyten/images/slideshows/1.jpg" name="slide" border="0" width="501" height="162" ></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("wp-content/themes/twentyten/images/slideshows/1.jpg","wp-content/themes/twentyten/images/slideshows/2.jpg","wp-content/themes/twentyten/images/slideshows/3.jpg","wp-content/themes/twentyten/images/slideshows/4.jpg","wp-content/themes/twentyten/images/slideshows/5.jpg","wp-content/themes/twentyten/images/slideshows/6.jpg","wp-content/themes/twentyten/images/slideshows/7.jpg","wp-content/themes/twentyten/images/slideshows/8.jpg")
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=5000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>

בהצלחה חלב ודבש בניית אתרים

לסיוע ניתן לשלוח תגובה למטה

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

מספר דברים שיש לדעת לפני התקנת וורדפרס

ראשית צריכים לוודא שיש לכם גישה לספריית השורש בשרת שלכם :

גישה לשרת האינטרנט שלך ( באמצעות  FTP Client ) מומלץ להשתמש ב FileZilla

עורך טקסט HTML מומלץ להשתמש ב Adobe Dreamweaver

דברים שאתה צריך לעשות לפני תחילת התקנת WordPress:

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

1. העלו את הקבצים בתוך תקיית הוורדפרס wordpress-3.0.4-he_IL שחלצתם אל ספריית השורש  WWW או public_html באתר שלכם.

2. פתחו Database חדש בשרת האחסון שלכם דרך PhpMyAdmin, חשוב לשמור את: שם ה Database, שם המשתמש והסיסמה ל Database החדש שפתחתם.

3. היכנסו לאתר בעזרת הדפדפן שאתם רגילים אליו www.yourdomain.com

4. התחילו בהתקנה ועקבו אחר ההוראות, זה החלק הקל.

בהצלחה

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

למקרים דחופים התקשרו בשעות סבירות: 054-2542428

מוטי

שינוי כתובת URL באתר וורדפרס דרך ה Database

1. היכנס ל phpMyAdmin

2. עשה גיבוי ל Database ולקבצים שלך

3. היכנס לרשימת ה Database שלך ובחר ב Database של אתר wordpress

4. חפש טבלה ב Database  שלך בשם wp_posts

5. חפש שדה בשם guid בטבלה wp_posts

6. לחץ על SQL

7. הכנס את שורות הקוד בהתאמה ( שים לב להכנסת הכתובת הישנה והכתובת החדשה של האתר שלך ) לשדה הפתוח ב SQL:

UPDATE wp_posts SET guid = REPLACE (
guid,
'http://exampleoldsiteurl.com',
'http://examplenewsiteurl.com');

בהצלחה,

חלב ודבש בניית אתרים בוורדפרס

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


<?php

?>


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

<?php if (is_category('Category A')) { ?>
<p>זה טקסט בקטגוריה 1 </p>
<?php } elseif (is_category('Category B')) { ?>
<p>זה טקסט בקטגוריה 2 </p>
<?php } else { ?>
טקסט זה יופע בשאר הקטגוריות
<?php } ?>

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

<?php

if($post->post_parent)

$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");

<?php } ?>


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

ראשית עליך לערוך את הקובץ הבא fanction.php עם עורך טקסט או עורך קוד.  הוסף את הקוד הבא ב fanction.php

<?php
if ( function_exists('register_sidebars') )
register_sidebars(2);
?>

שים לב שה fanction.php כבר נפתח ב <?php ונסגר ב ?> ככה שלא תמיד צריך להכניס את זה לקוד.

לאחר מכן גש למראה הבלוג > ווידג'טים ושים לב שכבר נוסף לך sidebar.

בשלב הבא פתח קובץ חדש בתבנית שלך שנקרא sidebar2.php והכנס אליו את הקוד הבא:

<div>

<ul>

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>

<?php endif; ?>

</ul>

</div>

בשלב האחרון גש לתבנית שלך למקום בו אתה רוצה את הווידג'ט והוסף את הקוד הבא:

<?php include (TEMPLATEPATH . '/sidebar2.php'); ?>

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

בהצלחה

בעיה בוורדפרס קישור read more לא קובץ לראש הדף – יש פיתרון

כברירת מחדל, כאשר אתה לוחץ על הקישור לפרטים נוספים, דף האינטרנט נטען ואז "קופץ" למקום שבו נמצא <–more–>

הפתרון הוא להוסיף את הקוד הבא ל functions.php  בתבנית שאתם משתמשים:

function remove_more_jump_link($link) { $offset = strpos($link, '#more-'); if ($offset) { $end = strpos($link, '"',$offset); } if ($end) { $link = substr_replace($link, '', $offset, $end-$offset); } return $link; } add_filter('the_content_more_link', 'remove_more_jump_link');