Mała ikona w nagłówku
-
Witam
Mam problem z którym nie umiem sobie poradzić. Zrobiłem w Photoshopie małą ikone Facebooka, newslettera. Wkleiłem kod html obrazka w pliku header.php. Zaznaczyłem wcześniej aby obrazek był domyślnie z prawej strony. Problem polega na tym że te ikonki owszem pokazują sie z prawej strony, ale na środku lub na górze nagłówka. A ja bym chciał aby były na dole z prawej strony nagłówka, a nie „w powietrzu” 🙂
Nie wiem czy teraz jest to kwestia zmiany samego kodu, czy tez wklejenia go w odpowiednim miejscu pliku header.php
Z góry dzięki
-
Najlepiej podaj kody css i html pliku header.php jakie sterują ikonkami.
<?php /** * The Header for our theme. * * Displays all of the <head> section and everything up till <div id="main"> * * @package WordPress * @subpackage Twenty_Ten * @since Twenty Ten 1.0 */ ?><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <link rel="shortcut icon" href="http://satixs.pl/wp-content/uploads/2011/02/dfdf..png" /> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <title><?php /* * Print the <title> tag based on what is being viewed. */ global $page, $paged; wp_title( '|', true, 'right' ); // Add the blog name. bloginfo( 'name' ); // Add the blog description for the home/front page. $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; // Add a page number if necessary: if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) ); ?></title> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> <?php /* We add some JavaScript to pages with the comment form * to support sites with threaded comments (when in use). */ if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_head(); ?> </head> <body <?php body_class(); ?>> <div id="wrapper" class="hfeed"> <a href="http://satixs.pl"><img src="http://satiss.pl/wp-content/uploads/2010/12/new3-e1297686981659.jpg" alt="" title="new3" width="850" height="194" class="alignleft size-full wp-image-271" /></a> <div id="header"> <?php if (is_active_sidebar('header-widget-area')) { // header widget ob_start(); /* let's use output buffering to allow use of Dynamic Widgets plugin and not have empty sidebar */ $success = dynamic_sidebar('header-widget-area'); $content = ob_get_clean(); if ($success) { ?> <div id="ttw-head-widget" class="ttw-head-widget-area" role="complementary" > <?php echo($content) ; ?> </div> <!-- #ttw-header-widget --> <?php } } ?> <div id="masthead"> <div id="branding" role="banner"> <div id="ttw-site-logo"></div> <div id="ttw-site-logo-link" onclick="location.href='<?php echo home_url( '/' ); ?>';" style="cursor:pointer;"></div> <?php if (!ttw_getopt('ttw_hide_site_title')){ /* TTW - hide site title */ ?> <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?> <<?php echo $heading_tag; ?> id="site-title"> <span> <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a> </span> </<?php echo $heading_tag; ?>> <div id="site-description"><?php bloginfo( 'description' ); ?></div> <?php } /* end hide site title if */ ?> <?php if (!ttw_getopt('ttw_hide_menu') && ttw_getopt('ttw_move_menu')) { /* TTW: move header */ ?> <div id="access" role="navigation"> <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?> <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div> <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?> <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?> </div><!-- #access --> <?php } ?> <?php if (!ttw_getopt('ttw_hide_menu') && !ttw_getopt('ttw_move_menu')) { /* don't move header */ ?> <div id="access2" role="navigation"> <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?> <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div> <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?> <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'secondary', 'fallback_cb' => '' ) ); ?> </div><!-- #access2 --> <?php } ?> <?php if (ttw_getopt('ttw_header_insert')) { /* header insert defined? */ if (ttw_getopt('ttw_header_frontpage_only')) { if (is_front_page()) echo (do_shortcode(str_replace("\\", "", ttw_getopt('ttw_header_insert')))); } else { echo (do_shortcode(str_replace("\\", "", ttw_getopt('ttw_header_insert')))); } } // The Dynamic Headers shows headers on a per page basis - will also optionally add site link if(function_exists('show_media_header')) show_media_header(); // **Dynamic Headers** built-in support for plugin do_action('ttwx_extended_header_insert'); /* add any extension header insert */ do_action('ttwx_super_header_insert'); // future extension if (HEADER_IMAGE_HEIGHT > 0 && !(ttw_getopt('ttw_header_frontpage_only') && is_front_page() )) { if (ttw_getopt('ttw_link_site_image')) { ?> <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"> <?php } // Check if this is a post or page, if it has a thumbnail, and if it's a big one if ( is_singular() && has_post_thumbnail( $post->ID ) && ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) && $image[1] >= HEADER_IMAGE_WIDTH ) : // Houston, we have a new header image! echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' ); else : ?> <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" /> <?php endif; if (ttw_getopt('ttw_link_site_image')) echo("</a>"); } /* } closes header > 0 */ ?> </div><!-- #branding --> <?php if (!ttw_getopt('ttw_hide_menu') && !ttw_getopt('ttw_move_menu')) { /* ttw - move header */ ?> <div id="access" role="navigation"> <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?> <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div> <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?> <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?> </div><!-- #access --> <?php } ?> <?php if (!ttw_getopt('ttw_hide_menu') && ttw_getopt('ttw_move_menu')) { /* ttw - move header */ ?> <div id="access2" role="navigation"> <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?> <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div> <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?> <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'secondary', 'fallback_cb' => '' ) ); ?> </div><!-- #access2 --> <?php } ?> </div><!-- #masthead --> </div><!-- #header --> <div id="main">
wklejam cały kod pliku header.php 🙂
strona jeszcze nie jest w sieciA jak ikonki nazwałeś ?
I podaj kody css.Ikonki tutaj nie ma w tym kodzie.
Style
* 2010style.css
(2010style.css)
* Arkusz RTL stylu
(rtl.css)
* Arkusz stylu
(style.css)
* Arkusz stylu wizualnego edytora
(editor-style.css)
* child-style.css
(child-style.css)
* editor-style-rtl.css
(editor-style-rtl.css)
* ttw-admin-style.css
(ttw-admin-style.css)Który mam tutaj wkleić?
ten który obsługuje ikonki…
musisz za pomocą css określić gdzie ta ikonka ma się znajdować.
ale ja nie wiem który obsługuje ikonki i dlatego się pytam:)
byłbym wdzięczny za jakąś krótka instrukcję jak mam to zrobić. Wkleiłem kod html obrazka w pliku header.php.
gdzie wkleiłeś bo niechce mi się szukac po całym kodzie 😛 ??
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<link rel=”shortcut icon” href=”http://satixs.pl/wp-content/uploads/2011/02/dfdf..png” />
tutaj wkleiłem kod ikonki
<meta charset=”<?php bloginfo( 'charset’ ); ?>” />
<title><?phpwkleiłem tam ale ikona jest widoczna na środku nagłówka z prawej strony
Po pierwsze i najważniejsze – jak chcesz otrzymać pomoc, to podaj adres strony.
- Temat ‘Mała ikona w nagłówku’ jest zamknięty na nowe odpowiedzi.