WordPress: Tροποποίηση του header

Μια περιοχή για το WordPress, αυτή την δημοφιλή δωρεάν πλατφόρμα για blogging

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

WordPress: Tροποποίηση του header

Δημοσίευση από EneMe » 30 Οκτ 2006 16:25

Λοιπόν...

Τροποποιώ το default theme...

Θέλω να βάλω στο header μια εικόνα...

H original εικόνα του theme είναι διαστάσεων 760 x 200 pixels...

H δική μου εικόνα όμως είναι 760 x 260 pixels (πιο ψηλή)...

Το πρόβλημα είναι ότι δεν "απενεργοποιείται" η αυτόματη δημιουργία "χρωματιστού" header και το αποτέλεσμα προφανώς είναι χάλια (δείτε παρακάτω)...

Όπως βλέπετε, δημιουργείται αυτό το πράσινο πράγμα με βάση τις διαστάσεις της original εικόνας του theme, ενώ από κάτω φαίνονται μόνο τα 60 "επιπλέον" pixels της δικής μου εικόνας...

Δίνω και τον κώδικα του αρχείου, αν υπάρχει κάποια ιδεά:

Κώδικας: Επιλογή όλων

<?php

$img = 'headerlogo.jpg';

// If we don't have image processing support, redirect.
if &#40; ! function_exists&#40;'imagecreatefromjpeg'&#41; &#41;
	die&#40;header&#40;"Location&#58; headerlogo.jpg"&#41;&#41;;

// Assign and validate the color values
$default = false;
$vars = array&#40;'upper'=>array&#40;'r1', 'g1', 'b1'&#41;, 'lower'=>array&#40;'r2', 'g2', 'b2'&#41;&#41;;
foreach &#40; $vars as $var => $subvars &#41; &#123;
	if &#40; isset&#40;$_GET&#91;$var&#93;&#41; &#41; &#123;
		foreach &#40; $subvars as $index => $subvar &#41; &#123;
			$length = strlen&#40;$_GET&#91;$var&#93;&#41; / 3;
			$v = substr&#40;$_GET&#91;$var&#93;, $index * $length, $length&#41;;
			if &#40; $length == 1 &#41; $v = '' . $v . $v;
			$$subvar = hexdec&#40; $v &#41;;
			if &#40; $$subvar < 0 || $$subvar > 255 &#41;
				$default = true;
		&#125;
	&#125; else &#123;
		$default = true;
	&#125;
&#125;

if &#40; $default &#41;
	list &#40; $r1, $g1, $b1, $r2, $g2, $b2 &#41; = array &#40; 105, 174, 231, 65, 128, 182 &#41;;

// Create the image
$im = imagecreatefromjpeg&#40;$img&#41;;

// Get the background color, define the rectangle height
$white = imagecolorat&#40; $im, 15, 15 &#41;;
$h = 182;

// Define the boundaries of the rounded edges &#40; y => array &#40; x1, x2 &#41; &#41;
$corners = array&#40;
	0 => array &#40; 25, 734 &#41;,
	1 => array &#40; 23, 736 &#41;,
	2 => array &#40; 22, 737 &#41;,
	3 => array &#40; 21, 738 &#41;,
	4 => array &#40; 21, 738 &#41;,
	177 => array &#40; 21, 738 &#41;,
	178 => array &#40; 21, 738 &#41;,
	179 => array &#40; 22, 737 &#41;,
	180 => array &#40; 23, 736 &#41;,
	181 => array &#40; 25, 734 &#41;,
	&#41;;

// Blank out the blue thing
for &#40; $i = 0; $i < $h; $i++ &#41; &#123;
	$x1 = 19;
	$x2 = 740;
	imageline&#40; $im, $x1, 18 + $i, $x2, 18 + $i, $white &#41;;
&#125;

// Draw a new color thing
for &#40; $i = 0; $i < $h; $i++ &#41; &#123;
	$x1 = 20;
	$x2 = 739;
	$r = &#40; $r2 - $r1 != 0 &#41; ? $r1 + &#40; $r2 - $r1 &#41; * &#40; $i / $h &#41; &#58; $r1;
	$g = &#40; $g2 - $g1 != 0 &#41; ? $g1 + &#40; $g2 - $g1 &#41; * &#40; $i / $h &#41; &#58; $g1;
	$b = &#40; $b2 - $b1 != 0 &#41; ? $b1 + &#40; $b2 - $b1 &#41; * &#40; $i / $h &#41; &#58; $b1;
	$color = imagecolorallocate&#40; $im, $r, $g, $b &#41;;
	if &#40; array_key_exists&#40;$i, $corners&#41; &#41; &#123;
		imageline&#40; $im, $x1, 18 + $i, $x2, 18 + $i, $white &#41;;
		list &#40; $x1, $x2 &#41; = $corners&#91;$i&#93;;
	&#125;
	imageline&#40; $im, $x1, 18 + $i, $x2, 18 + $i, $color &#41;;
&#125;

//die;
header&#40;"Content-Type&#58; image/jpeg"&#41;;
imagejpeg&#40;$im, '', 92&#41;;
imagedestroy&#40;$im&#41;;
?>
Τί μπορώ να κάνω;
Συνημμένα
wordpress-header.jpg

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

WordPress: Tροποποίηση του header

Δημοσίευση από EneMe » 30 Οκτ 2006 16:56

Διάβασα κι αυτό, τίποτα...
http://codex.wordpress.org/Designing_Headers

Άλλαξα και τις διαστάσεις στο styles.css αλλά μία από τα ίδια...

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

WordPress: Tροποποίηση του header

Δημοσίευση από EneMe » 30 Οκτ 2006 17:02

Η εικόνα που εμφανίζεται είναι η:

Κώδικας: Επιλογή όλων

/wp-content/themes/eneme/images/header-img.php?upper=007700&lower=002200
Πού τα βρίσκει αυτά τα 002200 και 007700, δεν μπορώ να καταλάβω, για να δω που είναι το πρόβλημα, να εστιάσω...

Καταλαβαίνω τί είναι και πώς τα ρυθμίζω στο panel, αλλά στον κώδικα του theme δεν τα βρήκα...

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

WordPress: Tροποποίηση του header

Δημοσίευση από ALR » 01 Νοέμ 2006 11:03

Βασικά, η καλύτερη λύση είναι να δουλεύεις πάντα σύμφωνα με τις διαστάσεις των προυπάρχοντων εικόνων.
Έτσι δεν θα έχεις ποτέ πρόβλημα.
Μάλιστα, αν αποθηκεύσεις τις νέες εικόνες με τα ίδια ονόματα, δεν θα χρειαστείς και αλλαγές στον κώδικα.
Από αυτό που διάβασα, απλώς έχεις λίγο μεγαλύτερο header στο height.
Ίσως αν άλλαζες από το css το μέγεθος του header, page , footer. Γιατί αν αλλάξει ένα μέγεθος, λογικά πρέπει να αλλάξουν όλα.
Γίνονται πραγματάκια

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

WordPress: Tροποποίηση του header

Δημοσίευση από EneMe » 01 Νοέμ 2006 15:24

Nαι ρε γμτ...

Κοίτα, η αλήθεια είναι ότι προέκυψε κάτι στην δουλειά και δεν είχα χρόνο να το ξαναδω...

Θα δοκιμάσω κάτι που είδα στο style.css κι ελπίζω να γίνει σωστά! ;-)

Aν πάντως υπάρξει κάποια ιδέα, είναι καλοδεχούμενη...

Απάντηση

Επιστροφή στο “WordPress γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης