Строение
Как на wordpress изменить шапку?
Тема в разделе "Веб-Дизайн", создана пользователем plakksa, 10 фев 2011.
  1. plakksa

    plakksa Новичок

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    0
    Здравствуйте!
    Скажите, пожалуйста, как сделать так, чтобы когда я меняю стандартный рисунок шапке, у меня отображалась фиксированная ширина и высота моего нового рисунка. На данный момент, при замене, рисунок дублируется несколько раз, пока хватает экрана.
    Спасибо.
     
    Последнее редактирование модератором: 10 фев 2011
  2. feseich

    feseich Новичок

    Сообщения:
    230
    Симпатии:
    45
    Баллы:
    0
    У вас в файле стилей style.css стоит повторение фонового рисунка по оси x, а конкретней в строке 27.

    body {
    background: url("images/bg.png") repeat-x scroll 0 0 #F2F2E8;
    color: #333333;
    замените repeat-x на no-repeat и будет вам счастье.;)

    ---------- Сообщение добавленно в 09:58 ---------- Предыдущее сообщение было в 09:56 ----------

    а ещё советую счётчики внизу по центру выровнять, для этого поставьте перед кодом первого счётчика <center> и после кода последнего </center>
     
    Последнее редактирование модератором: 10 фев 2011
    4 пользователям это понравилось.
  3. plakksa

    plakksa Новичок

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    0
    Спасибо огромное, получилось! А теперь как его разместить по центру?
     
  4. feseich

    feseich Новичок

    Сообщения:
    230
    Симпатии:
    45
    Баллы:
    0
    plakksa, попробуйте дописать в свойства align-center; или text-align:center;

    background: url("images/bg.png") repeat-x scroll 0 0 #F2F2E8;
    color: #333333;align:center;

    background: url("images/bg.png") repeat-x scroll 0 0 #F2F2E8;
    color: #333333;text-align:center;

    а вообще, там надо по месту смотреть.

    ---------- Сообщение добавленно в 12:37 ---------- Предыдущее сообщение было в 12:24 ----------

    а лучше всего сделайте вот так

    body {
    background: url("images/bg.png") repeat-x scroll 0 0 #F2F2E8;
    color: #333333;top center no-repeat;

    естественно убрав перед этим repeat-x
     
    4 пользователям это понравилось.
  5. plakksa

    plakksa Новичок

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    0
    Благодарю сердечно, все работает!
    Осмелюсь задать еще один вопрос :) давно мучаюсь с другим сайтом

    Мне нужно поменять шапку на свой рисунок или изменить цвет шапки.
    содержание header.php




    <!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'); ?>" />

    <title><?php bp_page_title() ?></title>

    <?php do_action( 'bp_head' ) ?>

    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

    <?php if ( function_exists( 'bp_sitewide_activity_feed_link' ) ) : ?>
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> | <?php _e('Site Wide Activity RSS Feed', 'buddypress' ) ?>" href="<?php bp_sitewide_activity_feed_link() ?>" />
    <?php endif; ?>

    <?php if ( function_exists( 'bp_member_activity_feed_link' ) && bp_is_member() ) : ?>
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> | <?php bp_displayed_user_fullname() ?> | <?php _e( 'Activity RSS Feed', 'buddypress' ) ?>" href="<?php bp_member_activity_feed_link() ?>" />
    <?php endif; ?>

    <?php if ( function_exists( 'bp_group_activity_feed_link' ) && bp_is_group() ) : ?>
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> | <?php bp_current_group_name() ?> | <?php _e( 'Group Activity RSS Feed', 'buddypress' ) ?>" href="<?php bp_group_activity_feed_link() ?>" />
    <?php endif; ?>

    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> <?php _e( 'Blog Posts RSS Feed', 'buddypress' ) ?>" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> <?php _e( 'Blog Posts Atom Feed', 'buddypress' ) ?>" href="<?php bloginfo('atom_url'); ?>" />

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php wp_head(); ?>

    </head>

    <body <?php body_class() ?> id="bp-default">

    <?php do_action( 'bp_before_header' ) ?>

    <div id="header">

    <h1 id="logo"><a href="<?php echo site_url() ?>" title="<?php _e( 'Home', 'buddypress' ) ?>"><?php bp_site_name() ?></a></h1>

    <ul id="nav">
    <li<?php if ( bp_is_front_page() ) : ?> class="selected"<?php endif; ?>>
    <a href="<?php echo site_url() ?>" title="<?php _e( 'Home', 'buddypress' ) ?>"><?php _e( 'Home', 'buddypress' ) ?></a>
    </li>

    <?php if ( 'activity' != bp_dtheme_page_on_front() && bp_is_active( 'activity' ) ) : ?>
    <li<?php if ( bp_is_page( BP_ACTIVITY_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    <a href="<?php echo site_url() ?>/<?php echo BP_ACTIVITY_SLUG ?>/" title="<?php _e( 'Activity', 'buddypress' ) ?>"><?php _e( 'Activity', 'buddypress' ) ?></a>
    </li>
    <?php endif; ?>

    <li<?php if ( bp_is_page( BP_MEMBERS_SLUG ) || bp_is_member() ) : ?> class="selected"<?php endif; ?>>
    <a href="<?php echo site_url() ?>/<?php echo BP_MEMBERS_SLUG ?>/" title="<?php _e( 'Members', 'buddypress' ) ?>"><?php _e( 'Members', 'buddypress' ) ?></a>
    </li>

    <?php if ( bp_is_active( 'groups' ) ) : ?>
    <li<?php if ( bp_is_page( BP_GROUPS_SLUG ) || bp_is_group() ) : ?> class="selected"<?php endif; ?>>
    <a href="<?php echo site_url() ?>/<?php echo BP_GROUPS_SLUG ?>/" title="<?php _e( 'Groups', 'buddypress' ) ?>"><?php _e( 'Groups', 'buddypress' ) ?></a>
    </li>

    <?php if ( bp_is_active( 'forums' ) && ( function_exists( 'bp_forums_is_installed_correctly' ) && !(int) bp_get_option( 'bp-disable-forum-directory' ) ) && bp_forums_is_installed_correctly() ) : ?>
    <li<?php if ( bp_is_page( BP_FORUMS_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    <a href="<?php echo site_url() ?>/<?php echo BP_FORUMS_SLUG ?>/" title="<?php _e( 'Forums', 'buddypress' ) ?>"><?php _e( 'Forums', 'buddypress' ) ?></a>
    </li>
    <?php endif; ?>
    <?php endif; ?>

    <?php if ( bp_is_active( 'blogs' ) && bp_core_is_multisite() ) : ?>
    <li<?php if ( bp_is_page( BP_BLOGS_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    <a href="<?php echo site_url() ?>/<?php echo BP_BLOGS_SLUG ?>/" title="<?php _e( 'Blogs', 'buddypress' ) ?>"><?php _e( 'Blogs', 'buddypress' ) ?></a>
    </li>
    <?php endif; ?>

    <?php wp_list_pages( 'title_li=&depth=1&exclude=' . bp_dtheme_page_on_front() ); ?>

    <?php do_action( 'bp_nav_items' ); ?>
    </ul><!-- #nav -->

    <div id="search-bar">
    <div class="padder">

    <?php if ( bp_search_form_enabled() ) : ?>

    <form action="<?php echo bp_search_form_action() ?>" method="post" id="search-form">
    <input type="text" id="search-terms" name="search-terms" value="" />
    <?php echo bp_search_form_type_select() ?>

    <input type="submit" name="search-submit" id="search-submit" value="<?php _e( 'Search', 'buddypress' ) ?>" />
    <?php wp_nonce_field( 'bp_search_form' ) ?>
    </form><!-- #search-form -->

    <?php endif; ?>

    <?php do_action( 'bp_search_login_bar' ) ?>

    </div><!-- .padder -->
    </div><!-- #search-bar -->

    <?php do_action( 'bp_header' ) ?>

    </div><!-- #header -->

    <?php do_action( 'bp_after_header' ) ?>
    <?php do_action( 'bp_before_container' ) ?>

    <div id="container">
     
    Последнее редактирование модератором: 10 фев 2011
  6. feseich

    feseich Новичок

    Сообщения:
    230
    Симпатии:
    45
    Баллы:
    0
    plakksa, логотип и цвет хедера задаются не в header.php а всё в том же style.css и кстати всё в той же строчке 27 ;)

    body {
    background: url("images/bg.png") repeat-x scroll 0 0 #F2F2E8;
    color: #333333;
    font-family: "Lucida Grande",Verdana,"Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
    font-size: 75%;
    line-height: 1.6;

    bg.png это изображение фона хедера, можно заменить на ваш лого.
    #F2F2E8 это цвет фона самого блога
    font-family шрифты которые используются в блоге
    font-size: 75% размер шрифта в %



    Надеюсь ответил на ваш вопрос?:)

    ---------- Сообщение добавленно в 14:10 ---------- Предыдущее сообщение было в 13:55 ----------

    а если вы хотите вместо логотипа просто задать свой цвет хедеру, то всё в той же строчке 27

    body {
    background: url("images/bg.png") repeat-x scroll 0 0 #F2F2E8;
    color: #333333;

    замените background: url("images/bg.png") на background-color:#код цвета;
     
    Последнее редактирование модератором: 10 фев 2011
    4 пользователям это понравилось.
  7. plakksa

    plakksa Новичок

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    0
    Спасибо, Друг! А у вас есть сайт, который описывает нечто подобное? С удовольствием подписался бы на RSS
     
  8. feseich

    feseich Новичок

    Сообщения:
    230
    Симпатии:
    45
    Баллы:
    0
    plakksa, у меня есть блог фрилансера, но я его только запустил, там всего 3 поста пока, но если хотите заходите. Со временем буду его наполнять полезным контентом. http://trudvseti.ru только сейчас хостер тупит немного, думаю менять. Модераторы, извините за офтоп;)
     
  9. plakksa

    plakksa Новичок

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    0
    feseich, Благодарю вас за помощь! Получился не пост, а учебник по css :p

    Теперь вопрос следующий, как сделать размер шапки немного шире? На моем рисунке очень маленькие детали и мне нужно его сделать большим размером. Когда я его, рисунок, размещаю, он отображается, но посты с контентом и боковая панель налазят на него. Мне надо, чтобы посты с контентом и боковая панель располагалась чуть ниже.
    Это тоже css?
     
  10. feseich

    feseich Новичок

    Сообщения:
    230
    Симпатии:
    45
    Баллы:
    0
    plakksa, К сожалению на последний вопрос сразу ответить сложно, надо на месте разбираться с файлами темы и смотреть что к чему. Проблема определённо тоже решается при помощи css
     
  11. plakksa

    plakksa Новичок

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    0
    Спасибо за ответ.
    Понимаю, что возится с чужими шаблонами ни у кого нет время, но все же рискну отправить. Может поможете :)

     
    Последнее редактирование модератором: 18 фев 2011
  12. rez

    rez Administrator

    Сообщения:
    978
    Симпатии:
    647
    Баллы:
    113
    plakksa, конечно. Все детали размещения элементов современных шаблонов решаются посредством CSS.
    Нужно бы посмотреть, как выглядит сам сайт и в чем заключается сама проблема. Потому что данное Вами описание не ясно. Например, если контент налезает на шапку снизу, в вашем коде поиграйтесь с высотой header, установив ее значение бОльшим. Возможно потребуется изменить и позицию на релетив. Это я подразумеваю, потому что данное описание проблемы:
    лично мне не понятно.
     
  13. plakksa

    plakksa Новичок

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    0
    Спасибо за совет, пробую :)
     
  14. vankosamar

    vankosamar Новичок

    Сообщения:
    1
    Симпатии:
    0
    Баллы:
    0
    У меня такая же проблема!!! Сайдбар в вордроессе ушел под хэдер, а контент наоборот наполз верхом на хэдер. Что делать? Какие-то отступы еще прописать каждому блоку или че?
    Причем в Опере \ Мозилле все ок, но в ИЕ и Гугл хром вышеописанная фигня. Или стили отдельно прописать для гуггла и ИЕ?
     
  15. feseich

    feseich Новичок

    Сообщения:
    230
    Симпатии:
    45
    Баллы:
    0
    Точно! Нормальный шаблон всегда имеет несколько вариантов CSS файла, в том числе для IE так как этот браузер больно кривой и всё понимает по своему...
     
  16. Brakoner

    Brakoner Новичок

    Сообщения:
    780
    Симпатии:
    503
    Баллы:
    0
    Видеоурок том как изменить настройки темы,определить размер и настроить темы используя движок wordpress вы можете посмотреть в видеоуроке Марины Макаровой:

    http://www.youtube.com/watch?v=vSxuSluYnzI
     
  17. twins)me

    twins)me Новичок

    Сообщения:
    1
    Симпатии:
    0
    Баллы:
    0
    Проблема с установкой сслыки на Шапку

    Ребята подскажите такой вопрос,я поменял лого в шапке, но теперь у меня лого без ссылки на главную страницу,как можно добавить ссылку к лого?
    вот мой файл (header.php):



    <div id="container">

    <div id="header">

    <?php if ( is_home () || is_front_page () ) : ?>

    <h1 class="logo"><img height="105" width="227" src="<?php bloginfo ('template_url'); ?>/images/logo.png"</h1>

    <?php else : ?>

    <span class="logo"><img height="105" width="227" src="<?php bloginfo ('template_url'); ?>/images/logo.png" /></span>

    <?php endif; ?>
     
    Последнее редактирование модератором: 1 ноя 2011
Показать ещё