☰

Custom Header

Για να προσθέσετε αυτό το χαρακτηριστικό στο theme ακολουθείστε τα παρακάτω βήματα.

Για την δυναμική εισαγωγή ενός custom header χρησιμοποιούμε το αρχείο functions.php.

Θα πρέπει να χρησιμοποιήσετε την εντολή:

add_theme_support('custom-header', $args);

Όπου $args είναι ένα array με παραμέτρους όπως αυτές παρακάτω:

$args = array(
	'default-image' => get_template_directory_uri() . '/assets/images/header.jpg',
	'default-text-color' => '000',
	'width' => 1000,
	'height' => 250,
	'flex-width' => true,
	'flex-height' => true,
); 

Η παραπάνω συνάρτηση θα περαστεί σε μια γονική έστω με το όνομα: my_theme_custom_header.

Η παραπάνω συνάρτηση πρέπει να γίνει hook στην: after_setup_theme.

Και το τελικό αποτέλεσμα είναι:

function my_theme_custom_header() {
	$args = array(
		'default-image' => get_template_directory_uri() . '/assets/images/header.jpg',
		'default-text-color' => '000',
		'width' => 1000,
		'height' => 250,
		'flex-width' => true,
		'flex-height' => true,
	);
	add_theme_support('custom-header', $args);
}
add_action('after_setup_theme', 'my_theme_custom_header');

Αφού τελειώσει η εγγραφή στη functions.php προσθέτετε το παρακάτω tag στο header.php ή σε όποιο άλλο αρχείο.

<img alt="header" src="<?php header_image(); ?>" />

ή

<img alt="header" src="<?php echo get_header_image(); ?>" />

Μπορείτε να χρησιμοποιήσετε την get_custom_header() η οποία επιστρέφει ένα αντικείμενο με data: url, width, height, thumbnail_url και video.

<img alt="header" src="<?php echo get_custom_header()->url; ?>" />

ή

<img alt = "header" src = "<?php header_image(); ?>" width = "<?php echo absint(get_custom_header()->width); ?>" height = "<?php echo absint(get_custom_header()->height); ?>">

Για να διαχειριστείτε το custom header από τη μεριά του admin επιλέξετε: Appearance/Customize/Header Image

ή

Appearance/Header

Tags για το custom header

• header_image() - Εμφανίζει το image URL
• get_header_image() - Επιστρέφει το image URL
• get_custom_header() - Επιστρέφει ένα αντικείμενο με data: url, width, height, thumbnail_url και video