Как очистить тег h1 в заголовке сайта

Как очистить тег h1 в заголовке сайта, Изменение заголовка сайта

Сообщений: 16 Регистрация: Апр 2014

19 Апреля 2014 20:51

Здравствуйте. Есть сайт: domastroenie.ru/. Исходный код заголовка и слогана его выглядит следующим образом:

<header class="[URL]ed71-header[/URL]">

<div class="[URL]ed71-shapes[/URL]">
<div style="[URL]left: 1127.3px;[/URL]" class="[URL]ed71-object1877556865[/URL]" data-left="[URL]99.73%[/URL]"></div>
<div style="[URL]left: 203.737px;[/URL]" class="[URL]ed71-object1797381090[/URL]" data-left="[URL]7.25%[/URL]"></div>

</div>

<h1 style="[URL]left: 494.449px;[/URL]" class="[URL]ed71-headline[/URL]" data-left="[URL]36.36%[/URL]">
<url href="domastroenie.ru/ ( view-source:domastroenie.ru/ )">Стройка и ремонт.</url>
</h1>
<h2 style="[URL]left: 572.444px;[/URL]" class="[URL]ed71-slogan[/URL]" data-left="[URL]44.17%[/URL]">легко и про100% на все 100%!</h2>
</header>

Подскажите, пожалуйста, как очистить теги h1 и h2 от классов и стилей,

<h1>Стройка и ремонт.</h1>

<h2>легко и про100% на все 100%!</h2>

сохранив при этом внешний вид заголовка и слогана?

Выводится все это, в файле sidebar-header.php:

<?php if(theme_get_option('theme_header_show_headline')): ?>
<?php $headline = theme_get_option('theme_'.(is_home()?'posts':'single').'_headline_tag'); ?>
<<?php echo $headline; ?> class="ed71-headline" data-left="36.36%">
<a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a>
</<?php echo $headline; ?>>
<?php endif; ?>
<?php if(theme_get_option('theme_header_show_slogan')): ?>
<?php $slogan = theme_get_option('theme_'.(is_home()?'posts':'single').'_slogan_tag'); ?>
<<?php echo $slogan; ?> class="ed71-slogan" data-left="44.17%"><?php bloginfo('description'); ?></<?php echo $slogan; ?>>
<?php endif; ?>

Заранее огромное спасибо.

Rustam Alimov

Сообщений: 223 Регистрация: Фев 2013

20 Апреля 2014 12:42

Оберни заголовок в другой блочный элемент, и применяй правила отталкиваясь от него
.element h1 {
blabla: bla;
}

Ок док - сайт о медицине

skype: pro100kefir

Эдуард Кузнецов

Сообщений: 16 Регистрация: Апр 2014

20 Апреля 2014 18:13

Рустам, спасибо за ответ. А нельзя поподробней, что, где и каким образом нужно сделать? На примере вышеприведенного кода. Я сайт всего неделю назад сделал, и пока еще в php и css с трудом разбираюсь. Извините, пожалуйста.

.element h1 - это в style.css класс новый будет?

{
blabla: bla;
} - сюда параметры от class="ed71-headline" перенести? А дальше?..

[FONT=Tahoma, Arial, Helvetica, sans-serif]Заранее огромное спасибо.[/FONT]

Андрей П-Студия

Сообщений: 774 Регистрация: Май 2010

20 Апреля 2014 20:45

Если вам нужно применить class ко всем элементам H1, то

в style.css достаточно создать стиль применимый ко всем тегам Н1:

Код
H1 { left: 494.449px; сюда параметры от class="ed71-headline" перенести! }

обращаю ваше внимание, что перед H1 не стоит "." - это означает, что указано название самого тега, к которому будет применим нижеописанный стиль.

Если же вам нужно применить описанный класс не ко всем элементам H1, то
те H1, которые нужно стилизовать, обернуть в блочный элемент, например div и
в style.css создать класс для H1 внутри div:

Код
.divH1 H1 { left: 494.449px; сюда параметры от class="ed71-headline" перенести! }

а в коде страницы написать:

Код
<div class="divH1"><h1>bla bla bla</h1></div>

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

Эдуард Кузнецов

Сообщений: 16 Регистрация: Апр 2014

20 Апреля 2014 21:09

Андрей, спасибо за ответ. Вместо:
<<?php echo $headline; ?> class="ed71-headline" data-left="36.36%">
<a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a>
</<?php echo $headline; ?>>

прописал:

[FONT=Tahoma, Arial, Helvetica, sans-serif]<div class="divH1"><h1><?php bloginfo('name'); ?></h1></div>[/FONT]

[FONT=Tahoma, Arial, Helvetica, sans-serif]В style.css вместо:[/FONT]

[FONT=Tahoma, Arial, Helvetica, sans-serif].ed71-headline
{
display: inline-block;
position: absolute;
min-width: 50px;
top: 27px;
left: 36.36%;
line-height: 100%;
margin-left: -191px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 101;
}
[/FONT]

[FONT=Tahoma, Arial, Helvetica, sans-serif]прописал:[/FONT]

[FONT=Tahoma, Arial, Helvetica, sans-serif].divH1 H1
{
display: inline-block;
position: absolute;
min-width: 50px;
top: 27px;
left: 36.36%;
line-height: 100%;
margin-left: -191px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 101;
}
[/FONT]

Исходный код заголовка стал таким:

<div class="[URL]divH1[/URL]"><h1>Стройка и ремонт.</h1></div>

Но стили к нему не применились. То есть остался жирный и черный шрифт и расположен в
левом верхнем углу, а не по середине. И еще, на всех страницах с записями заголовок сайта
стал тоже в h1, а этого не должно быть, ведь в h1 заголовки статей. То есть сейчас на одной странице,
два тега h1. Что я сделал не так?

Валентин

Сообщений: 621 Регистрация: Май 2010

20 Апреля 2014 21:39

Цитата
Эдуард Кузнецов пишет: Но стили к нему не применились.

у меня показывает со стилями, которые Вы выше выложили

инвестиции

Эдуард Кузнецов

Сообщений: 16 Регистрация: Апр 2014

20 Апреля 2014 21:41

Со стилями разобрался [IMG]
добавил:

font-size: 48px;
font-family: Georgia, 'Times New Roman', Times, Serif;
font-weight: bold;
font-style: italic;
text-decoration: none;
text-shadow: 1.4px 1.4px 0px rgba(255, 255, 255, 0.8), -1.4px -1.4px 0px rgba(23, 23, 23, 0.5);
padding: 0;
margin: 0;
color: #B0BAC4 !important;
white-space: nowrap;

Теперь все отображается, как и было. Спасибо огромное за помощь!

Только вот еще бы сделать, чтобы на всех остальных страницах, кроме главной заголовок не заключался в <h1></h1>.

Андрей П-Студия

Сообщений: 774 Регистрация: Май 2010

20 Апреля 2014 21:44

так вы же сами к нему стиль такой применили:

Код

display: inline-block;

  position: absolute; - абсолютная позиция
  min-width: 50px;                                    - это все лишнее
  top: 27px;  - координаты левого верхнего угла
  left: 36.36%; - координаты левого верхнего угла
  line-height: 100%;-                               это все лишнее
  
margin-left: -191px !important;           - это все лишнее
  -webkit-transform: rotate(0deg);           - это все лишнее
  -moz-transform: rotate(0deg); - это все лишнее
  -o-transform: rotate(0deg);      - это все лишнее
  -ms-transform: rotate(0deg); - это все лишнее
  transform: rotate(0deg);          - это все лишнее
  z-index: 101;- это все лишнее

...и ещё внутри H1, H2... не должно быть других тегов, а у вас внутри тега <H2> вставлен <a>. Сделайте наоборот. в <a> вставьте <h2>

Эдуард Кузнецов

Сообщений: 16 Регистрация: Апр 2014

20 Апреля 2014 22:26

Андрей, спасибо. Все лишнее я уберу. Я говорю о том, что теперь у меня на страницах со статьями теперь получается по два тега H1. Первый в заголовке статьи и второй в заголовке сайта. Как сделать, чтобы на этих страницах он был в title? А h2 из заголовков анонсов на главной странице может быть вообще убрать? А то получается, что их сразу 5 на одной странице. Это не слишком много?

Эдуард Кузнецов

Сообщений: 16 Регистрация: Апр 2014

#10

20 Апреля 2014 23:35

:confused:Заголовки анонсов выводятся этой строкой: 'title' => '<a href="' . get_permalink($post->ID) . '" rel="bookmark" title="' . strip_tags(get_the_title()) . '">' . get_the_title() . '</a>',
в файле content.php. Вроде бы the_title внутри <a> находится, а получается, что наоборот. Как здесь в <a> вставить <h2> или я не там смотрю?

Эдуард Кузнецов

Сообщений: 16 Регистрация: Апр 2014

#11

21 Апреля 2014 11:14

Прописываю такой код, почему то заголовки сайта в статьях вообще перестают отображаться?

<?php if (is_home() ) { ?>
<div class="divH1"><h1><?php bloginfo('name'); ?></h1></div>
<? } else { } ?>

Изменено: Эдуард Кузнецов - 21 Апреля 2014 11:26

Андрей П-Студия

Сообщений: 774 Регистрация: Май 2010

#12

21 Апреля 2014 12:19

Вы вообще изначально выбрали неправильную стратегию разметки сайта "Стройка и ремонт" сделайте картинкой, либо оставьте как есть, только не в теги H1, а просто выберете большой размер шрифта.

Руководствуйтесь следующим правилом:

Цитата

Тег <h1> - выделяет заголовок на странице, идеально - когда совпадает с Title. Должен быть в единственном числе на странице и не повторятся в пределах одного Сайта. Подзаголовки в статье выделяются тегом <h2> - их может быть несколько на странице.

А у вас получается, если вы выделяете название сайта в H1 , то оно повторяется на всех страницах сайта!

Изменено: Андрей П-Студия - 21 Апреля 2014 12:19

Эдуард Кузнецов

Сообщений: 16 Регистрация: Апр 2014

#13

21 Апреля 2014 19:25

Тогда на главной не будет h1? Везде пишут, что он обязательно должен присутствовать. Картинкой я уже делал, но по этой причине вернулся к первоначальному варианту. А никак нельзя реализовать проверку:Если страница главная, то выводить <div class="divH1"><h1><?php bloginfo('name'); ?></h1></div>
Если все остальные, то <div class="divH1"><title><?php bloginfo('name'); ?></title></div>... Как нибудь вот так. Или же на главной странице, какой-нибудь другой элемент вывести, как заголовок, а этот который сейчас, для всех страниц убрать из h1?

Эдуард Кузнецов

Сообщений: 16 Регистрация: Апр 2014

#14

21 Апреля 2014 20:08

В первоначальном варианте:
<?php if(theme_get_option('theme_header_show_headline')): ?>
<?php $headline = theme_get_option('theme_'.(is_home()?'posts':'single').'_headline_tag'); ?>
<<?php echo $headline; ?> class="ed71-headline" data-left="36.36%">
<a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a>
</<?php echo $headline; ?>>
<?php endif; ?>
<?php if(theme_get_option('theme_header_show_slogan')): ?>
<?php $slogan = theme_get_option('theme_'.(is_home()?'posts':'single').'_slogan_tag'); ?>
<<?php echo $slogan; ?> class="ed71-slogan" data-left="44.17%"><?php bloginfo('description'); ?></<?php echo $slogan; ?>>
<?php endif; ?>

все так и есть. На всех страницах заголовок отображается, как title, а на главной в h1, но в нем содержатся class="ed71-headline" data-left="36.36%". Вот я и спрашивал, как их убрать, чтобы сохранился внешний вид заголовка.

Андрей П-Студия Сообщений: 774 Регистрация: Май 2010	#15 21 Апреля 2014 21:13 Настоятельно рекомендую оставить надпись "Стройка и ремонт" в покое. Верните её картинкой. не забудьте прописать ALt. А если вам очень уж хочется выполнить эту рекомендацию то сделайте отдельно заголовок на главной. Посмотрите как это сделано у топовых сайтов про строительство. например: http://www.forumhouse.ru/ в Хедере, находится картинка forumhouse а ниже меню находится заголовок H1: Форум: дом и дача Вот и вы также вставте после меню на главной заголовок типа H1: Всё о строительстве своими руками: легко и про100% на все 100%! не забудьте эту надпись убрать в картинку в Хедере, чтоб не повторялось. Так будет эффективнее, чем городить говнокод.

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 21:07 Взрывной рост роботности в Метрике 18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика 15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик 22:12 Stixi.ru. и stixi.com 20:30 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options	14:51 Мощные прокси для вашего бизнеса! 12:17 Продам дешёвые домены (1$/штука) 10:58 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 10:17 Размещу ссылки/статьи на ваш сайт \| Рост ИКС \| XRumer 23.0.4 StrongAI 22:12 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 18:06 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 05:50 LunaProxy дешевый глобальный резидентный прокси $0,77/ГБ Ротирующийся прокси\|Собственный IP\|Безлимитный план	17:56 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту