Jak wstawić własny obraz w nagłówek
-
Nie wiem jak zmienić nagłówek. Chciałbym umieścić tam własny obraz. Wiem, że taka funkcja istnieje w wersji hostingowej wordpress.com. Jak zrobić coś takiego we własnej instalacji. Z góry dzięki!
-
Wszędzie można, nie tylko na wordpress.com. Arkusz styli prawdę Ci powie.. wystaczy podmienić plik obrazka, lub adres do pliku w elemencie header.
hmm…, jak podmienic na jpg juz wiem, ale jak zmienic na *.swf ? oto problem…
Nie robiłem tego, ale zdaje się, że robi się to dokładnie tak samo jak w przypadku statycznych stron. Trzeba tylko pobawić się w kodzie odpowiedniego pliku… w tym przypadku będzie to pewnie header.php
No i odpowiednią ścieżkę do pliku *.swf trzeba będzie dodać, tzn z użyciem TEMPLATEPATH.’/nazwa_pliku.swf’.juz probowalem, ale chyba cos nie tak robie;
kod wyglada tak:
co proponujesz?<!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Transitional//EN” „http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
<head profile=”http://gmpg.org/xfn/11″>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(’html_type’); ?>; charset=<?php bloginfo(’charset’); ?>” />
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
<title><?php if (is_home () ) { bloginfo(’name’); } elseif ( is_category() ) { single_cat_title(); echo ’ – ’ ; bloginfo(’name’); }
elseif (is_single() ) { single_post_title(); }
elseif (is_page() ) { bloginfo(’name’); echo ’: ’; single_post_title(); }
else { wp_title(”,true); } ?></title>
<script type=”text/javascript” src=”<?php bloginfo(’template_url’); ?>/script.js”></script>
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />
<!–[if IE 6]><link rel=”stylesheet” href=”<?php bloginfo(’template_url’); ?>/style.ie6.css” type=”text/css” media=”screen” /><![endif]–>
<link rel=”alternate” type=”application/rss+xml” title=”<?php printf(__(’%s RSS Feed’, 'kubrick’), get_bloginfo(’name’)); ?>” href=”<?php bloginfo(’rss2_url’); ?>” />
<link rel=”alternate” type=”application/atom+xml” title=”<?php printf(__(’%s Atom Feed’, 'kubrick’), get_bloginfo(’name’)); ?>” href=”<?php bloginfo(’atom_url’); ?>” /><link rel=”pingback” href=”<?php bloginfo(’pingback_url’); ?>” />
<?php wp_head(); ?>
</head>
<body>
<div class=”PageBackgroundSimpleGradient”>
</div>
<div class=”Main”>
<div class=”Sheet”>
<div class=”Sheet-tl”></div>
<div class=”Sheet-tr”><div></div></div>
<div class=”Sheet-bl”><div></div></div>
<div class=”Sheet-br”><div></div></div>
<div class=”Sheet-tc”><div></div></div>
<div class=”Sheet-bc”><div></div></div>
<div class=”Sheet-cl”><div></div></div>
<div class=”Sheet-cr”><div></div></div>
<div class=”Sheet-cc”></div>
<div class=”Sheet-body”>
<div class=”nav”>
<?php wp30_menu(); ?>
<div class=”l”>
</div>
<div class=”r”>
<div>
</div>
</div>
</div>
<div class=”Header”>
<div class=”Header-jpeg”></div>
<div class=”logo”>
<h1 id=”name-text” class=”logo-name”>
/”><?php bloginfo(’name’); ?></h1>
<div id=”slogan-text” class=”logo-text”>
<?php bloginfo(’description’); ?></div>
</div></div>
No wszystko byłoby ok jak być pokazał jak Ty wstawiasz tego swf na stronę, a nie wysłał czysty szablon 🙂 Jak wyślesz kod, który Ci nie działa tak jak byś chciał to może uda mi się wskazać Twój błąd. Pamiętaj, że to jest forum o WordPressie, a nie ogólnie o robieniu stron 😉
taaa….
edytuje style.cssdiv.Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 878px;
height: 250px;
background-image: url(’http://kriscrow.xorg.pl/sudety.swf’);
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */gdy wstawiam *.jpg wszystko dziala
gdy wstawiam *.swf niestyty niechodzi tu o szablon
art sketching are003 2.21 by LeadCamp, Inc
ze strony
http://www.leadcamp.com/content/free-wordpress-themes/Nie wiem skąd wpadłeś na taki sposób dodawania *.swf do strony… może takie coś istnieje, ale nie spotkałem się z tym nigdy.
Tu masz z grubsza opis jak to się robi:
Ale jak masz dostęp do Dreamweavera to tam się to z automatu da śmignąć 😉ja mam podobny problem…
otoz w motywie default występuje w style.css
background: #73a0c5 url(’images/kubrickheader.jpg’) no-repeat bottom center;
i takie tez logo sie pojawia
zas w motywie freshy-10 pojawia sie
background:url(images/header/header_image2.jpg) center center transparent repeat-y;
a logo jest header_image6 od dwoch dni z tym walcze i nie wiem gdzie robie blad. bede wdzieczna za pomoc…
a
i za nic w świecie nie umiem zmienić wielkości obrazka… jest jakby obcięty…
proszę o pomoc….
rozmiar obrazka:
nie wiem czy dobrze rozumiem o co chodzi, ale zmienic wielkosc mozna np. w programie InfraView (menu: Obraz/Zmień rozmiar obrazu), albo w innym tego typu programie, PhotoCommander na przykladbackground:url(images/header/header_image2.jpg)
wskazuje gdzie jest obrazek i jak się nazywa
tu nazywa sie header_image2.jpg
i znajduje sie w katalogu motywu, w podkatalogu 'header’
czyli prawdopodobnie tu:
katalog_glowny\wp-content\themes\nazwa motywu\images\header\header_image2.jpggdzie header_image2.jpg jest nazwą pliku z obrazkiem
i całą tę ścieżkę należy umieścić w odpowiednim miejscu *.cssnie nie, wielkośc obrazka umiejm zmienic… ale na stronie http://www.michu.net.pl/ania ten obrazek – logo jest jakby uciety i nie wiem gdzie w kodzie to zmienic… szukalam w header.php i w index.php ale nie znalazlam tego….
zaś jelsi chodzi o nazwe obrazka… to chodzi o to , ze w kodzie wlasnie jest napisane header_image2.jpg ale jesli wchodze na strone to logo moje nosi nazwe header_image6.jpg
wiec tutuaj jest problem… przejzalam kazdy plik i nigdzie nie znalazlam w kodzie header_image6.jpg a wg mnie powinno znajdowac sie to w style.css
Heh nie ma to jak dziewczyna…
bede wdzieczna za pomoc 🙂a sprobuj uruchomic strone w programie GoogleChrome
pozniej kliknij prawa mysza na obrazku
i wybierz
Zbadaj elementzobaczysz edytor, ktory moze pomoze Ci odlalezc wszystkie lokalizacje i nazwy
tak tez zrobiłam… jednakze pokazuje mi dwie title_image… jedno jest takie jak faktycznie jest a drugie takie jakie wystepuje w style.css
co za… jednak trzeba nauczyc sie sameu robic a nie przerabiac 😛
udalo sie :D:D: wszystko w style.css bylo dobrze, ale oprocz tego w pliku functions.php byl okreslony wyglad logo 😛
trzy dni siedzenia i sie udalo 🙂
dzieki za pomoc, bo w sumie dzieki Google Chrom sie udalo 🙂
- Temat ‘Jak wstawić własny obraz w nagłówek’ jest zamknięty na nowe odpowiedzi.