ארכיונים: סניפטים וקטעי קוד | עמוד 12

אם תתנו מבט בקוד המקור של העמודים הממוספרים (pagination) בבלוג שלכם, תגלו כי לכולם אותה תגית title. מכיוון ואנו רוצים להמנע מתגיות <title כפולות נכון יהיה להוסיף את מספר העמוד בסוף התגית. ניתן לבצע זאת (בהנחה ואתם משתמשים בתוסף WordPress SEO by Yoast) על ידי הוספת הקוד הבא לקובץ functions.php:

function change_yoast_title($title) {
	$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
	if ( is_paged() ) {
		return $title . ' - עמוד ' . $paged;
	}
	else {
		// first page of pagination
		return $title;
	}
}
add_filter('wpseo_title','change_yoast_title');

אם ברצונכם להסיר את הכתובות הקנוניות מתוצאות החיפוש (עמודי התוצאות) בוורדפרס, ובהנחה ואתם משתמשים ב WordPress SEO by Yoast, הוסיפו את ההוק (פילטר) הבא לקובץ functions.php בתבנית הבת שלכם.

function yoast_remove_canonical_search( $canonical ) {
	if( is_search() ) {
		return false;
	} else {
		return $canonical;
	}
}
add_filter('wpseo_canonical', 'yoast_remove_canonical_search');

עוד מידע על מהו קנוניקל תג ומהן כתובות קנוניות תמצאו בפוסט מה זה קנוניקל תג (Canonical Tag) וכיצד להשתמש בו?

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

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

function wcr_remove_intermediate_image_sizes($sizes, $metadata) {
    $disabled_sizes = array(
        'thumbnail', // 150x150 image
        'medium', // max 300x300 image
        'large'   // max 1024x1024 image
    );

    // unset disabled sizes
    foreach ($disabled_sizes as $size) {
        if (!isset($sizes[$size])) {
            continue;
        }
    
        unset($sizes[$size]);
    }

    return $sizes;
}

add_filter('intermediate_image_sizes_advanced', 'wcr_remove_intermediate_image_sizes', 10, 2);

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

ישנם מצבים בהם השדה ״אתר״ (באנגלית נקרא לפעמים Website או URL) אינו נחוץ בטופס התגובות באתרים מסויימים. במצבים אלו, יהיה נכון להסיר את השדה מהטופס על ידי הוספת הקוד הבא לקובץ functions.php:

/**
 * Remove the URL field
 *
 * @param array $fields
 *
 * @return array
 */
function sv_comment_form_default_fields( $fields ) {
	if ( isset( $fields['url'] ) ) {
		unset( $fields['url'] );
	}

	return $fields;
}

add_filter( 'comment_form_default_fields', 'sv_comment_form_default_fields' );

כמובן, אם אתם משתמשים בתבנית בת הוסיפו קוד זה ל functions.php בתבנית הבת שלכם.

וורדפרס מייצרת מספר גדלי תמונות בהתאם להגדרות התבנית שלכם. תמונות אלו מיוצרות באיכות 90 בסקאלה של 1 – 100 כברירת מחדל. תוכלו לחסוך רוחב פס על אם תשנו הגדרה זו ל 75 כך שיתבצע כיווץ אינטנסיבי יותר לתמונות.

/**
 * Snippet Name: Change jpg compression level
 */
function sv_jpeg_quality() {
	return 75;
}
add_filter( 'jpeg_quality', 'sv_jpeg_quality' );

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

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

/**
 * Snippet Name: Remove sticky posts from the main query
 */
function sv_ignore_sticky( $query ) {
	if ( is_home() && $query->is_main_query() ) {
		$query->set( 'ignore_sticky_posts', true );
	}
	$query->set( 'post__not_in', get_option( 'sticky_posts' ) );
}

add_action( 'pre_get_posts', 'sv_ignore_sticky' );

לפעמים יש צורך להוסיף תכונה מסויימת לתמונה. ניתן לעשות זאת במהירות באמצעות הפונקציה the_post_thumbnail. הסניפט הבא יוסיף את התכונה 'itemprop'="image" לתמונות אך אתם יכולים להשתמש בזה גם בכדי להוסיף class, alt, title וכדומה.

the_post_thumbnail( 'thumbnail', array('itemprop'=>'image') );

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

/* 
 * Check image resolution (px) before crunching
 */
function savvy_validate_image_size( $file ) {
    $image = getimagesize($file['tmp_name']);
    $minimum = array(
        'width' => '460',
        'height' => '460'
    );
    $maximum = array(
        'width' => '1280',
        'height' => '1280'
    );
    $image_width = $image[0];
    $image_height = $image[1];

    $too_small = "Image dimensions are too small. Minimum size is {$minimum['width']} by {$minimum['height']} pixels. Uploaded image is $image_width by $image_height pixels.";
    $too_large = "Image dimensions are too large. Maximum size is {$maximum['width']} by {$maximum['height']} pixels. Uploaded image is $image_width by $image_height pixels.";

    if ( $image_width < $minimum['width'] || $image_height < $minimum['height'] ) {
        // add in the field 'error' of the $file array the message 
        $file['error'] = $too_small;
        return $file;
    }
    elseif ( $image_width > $maximum['width'] || $image_height > $maximum['height'] ) {
        //add in the field 'error' of the $file array the message
        $file['error'] = $too_large;
        return $file;
    }
    else
        return $file;
}
add_filter('wp_handle_upload_prefilter','savvy_validate_image_size');

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

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

define( 'AUTOSAVE_INTERVAL', X);

כאשר X הוא מספר השניות בין שמירה לשמירה.