Theme Theme - Tweak PHP для 2 -го логотипа?

Question

Запуск WordPress 3.1 с темой Free Boldy от сайта5.

Вот рабочая версия моего сайта: http://www.dekhoforum.com

Я хочу достичь чего -то вроде этого скриншота:

т.е. есть 2 -й логотип над значками в социальных сетях.

РЕДАКТИРОВАТЬ- Снимок экрана показывает перемещение существующего изображения в новое место.
Это вводит в заблуждение, и мне на самом деле нужен новый заполнитель для изображения, а не для перемещения существующего логотипа (который является правильным изображением), так как это не будет последовательным на других страницах, таких как блогАнкет - Короче говоря, это маркетинговое требование, чтобы получить этот логотип в верхней части каждой страницы по всему сайту.

Одним из вариантов, который я сделал, было каким -то образом пытаться добавить еще один значок в социальных сетях, но связать его с моей основной компанией.

В прошлом я настраивал PHP на предыдущие темы, но всегда имел небольшое руководство от вас, замечательно.

Было ли интересно, может ли кто -нибудь посоветовать? Я пробил в заголовке.

Любая помощь была бы отличной.

Answer 1

Это может быть легко выполнено с помощью CSS.

Иногда лучше использовать CSS для изменения вашей темы. Я использую Инструменты разработчика веб -комплекта или же Firebug Чтобы сделать живые изменения в браузере, пока оно не сможет, чтобы сохранить его обратно в CSS.

Отредактируйте следующие строки в стиле. CSS.

/* line 201  pulled down the icons to make room for the 2nd logo */
#topSocial {
    position:absolute;
    right:0;
    top: 150px;
}

/* line 80  add relative positioning to the wrapper div to allow the logo to be positioned absolute */
#wrapper {
    margin:0 auto;
    width:960px;
    position: relative;
}

/* line 85 made the header a little taller to make room for the 2nd logo*/
#header {
    height: 220px;
    position:relative;
    background:url(images/bk_header.png) 0 0 no-repeat;
}


/* line 312 moved the logo in place using position absolute */
#blurb img {
    border:none;
    position: absolute;
    top: 90px; 
    right: 15px; 
    margin-top: 5px;
}

Результат:

---

Изменить после того, как вопрос был прояснен, что необходим дополнительный логотип

Чтобы добавить дополнительный логотип, откройте свой файл header.php и найти строки, которые выглядят так:

Редактировать

2 -й код логотипа, показанный ниже, должен перейти в строке 78 в вашем файле header.php

<!-- END TOP SEARCH -->
<!-- BEGIN TOP SOCIAL LINKS -->

Между этими двумя строками добавьте базовый XHTML, чтобы отобразить связанное изображение:

<!-- END TOP SEARCH -->
<!-- BEGIN 2ND LOGO -->
<div id="new-logo">
<a href="http://link_you_want_image_to_point_to"><img src="http://url_of_image" width="xx" height="xx" /></a>
</div>
<!-- END 2ND LOGO -->
<!-- BEGIN TOP SOCIAL LINKS -->

Используйте тот же самый CSS, который я дал вам выше, кроме изменения

#blurb img {
     border:none;
     position:absolute;
     top: 90px;
     right: 15px;
     margin-top: 5px;
}

к:

#new-logo img {
         border:none;
         position:absolute;
         top: 90px;
         right: 15px;
         margin-top: 5px;
    }