Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

[РЕШЕНО] Изменить h1 class="art-postheader" на просто h1

Оптимизируем заголовки
Посетитель
Achilles
Сообщений: 19
Москва
627 дней назад
Тема закрыта

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

Как в темах Вордпресс Artisteer изменить вид заголовков
<h1 class="art-postheader">Home</h1>

на просто <h1>Home</h1>?
Редактировалось: 2 раза (Последний: 12 января 2015 в 13:53)
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
В ручную удалить вначале о всех самих страницах html сделать как нужно.

Потом для заголовков H1 прописать стили в .css

Лучше всего переделать те что уже есть. Например скопировать те что вначале css прописаны для .art-postcontent h1

Код PHP:
  1.  
  2. .art-postcontent h1
  3. {
  4. color: #6C7F93;
  5. margin: 10px 0 0;
  6. font-size: 26px;
  7. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  8. }
  9.  
  10. .art-blockcontent h1
  11. {
  12. margin: 10px 0 0;
  13. font-size: 26px;
  14. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  15. }
  16.  
  17. .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
  18. {
  19. font-size: 26px;
  20. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  21. }
  22.  
  23.  
Сделать их копию изменить скопированное так:

Код PHP:
  1.  
  2. h1
  3. {
  4. color: #6C7F93;
  5. margin: 10px 0 0;
  6. font-size: 26px;
  7. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  8. }
  9.  
  10.  
  11. h1 a, h1 a:link, h1 a:hover, h1 a:visited
  12. {
  13. font-size: 26px;
  14. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  15. }
  16.  
Цвета и размеры будут как для заголовков H1 настроенных в программе.
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Во всех страницах. Если сайт html. По другому наверное не получится.
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Achilles:
Я пишу про шаблон wordpress сделанный в artisteer.

Вы пишите в разделе html сайты и нигде не пишете про Вордпресс. smile

Вордпресс сейчас посмотрю.
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
В папке library файл wrappers.php в нем сверху примерно 38 строка:
Код PHP:
  1.  
  2. <?php
  3. if (!theme_is_empty_html($title)) {
  4. echo '<'.$heading.' class="art-postheader entry-title">'.$title.'</'.$heading.'>';
  5. }
  6. ?>
  7.  
в нем убрать class="art-postheader entry-title" сделать так '<'.$heading.'>'.$title.'</'.$heading.'>';

Achilles:
И надо ли мне менять в шаблоне wordpress для заголовков H1 прописать стили в .css?

Да там так же. Только возможно нужно будет подкорректировать цвета и размеры.
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Achilles:
В каком фале всё это делать?

В style.css как уже писал нужно сделать стили для H1


Malover:
Лучше всего переделать те что уже есть. Например скопировать те что вначале css прописаны для .art-postcontent h1

Код PHP:


.art-postcontent h1
{
color: #6C7F93;
margin: 10px 0 0;
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h1
{
margin: 10px 0 0;
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
{
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}



Сделать их копию изменить скопированное так:

Код PHP:


h1
{
color: #6C7F93;
margin: 10px 0 0;
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}


h1 a, h1 a:link, h1 a:hover, h1 a:visited
{
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}


Цвета и размеры будут как для заголовков H1 настроенных в программе.
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Они не станут такими же как были. Они станут такими как настроены стили для тегов Н1-H6 на СТРАНИЦЕ в программе на вкладке Содержиое-Заголовки.

Если же нужно Такие же как были для postheader H1 то нужно взять стили из .art-postheader в style.css у меня строка примерно 2248
У меня так:
Код PHP:
  1.  
  2. .art-postheader
  3. {
  4. color: #4E6883;
  5. margin: 5px 10px;
  6. font-size: 24px;
  7. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  8. font-weight: normal;
  9. font-style: normal;
  10. }
  11.  
  12. .art-postheader a,
  13. .art-postheader a:link,
  14. .art-postheader a:visited,
  15. .art-postheader a.visited,
  16. .art-postheader a:hover,
  17. .art-postheader a.hovered
  18. {
  19. font-size: 24px;
  20. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  21. font-weight: normal;
  22. font-style: normal;
  23. }
  24.  

Остальной принцип у Вас правильный. Только для младших тегов H2-H6 нужно размеры font-size: 24px; менять на меньше
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Попробуйте убрать в вашем коде точки перед h1 и другими h
не так .h1 а так h1Добавлено спустя 4 минуты
Achilles:
Взять и вставить куда?

Взять сами стили и поменять их для h1

Взять это:

Код PHP:
  1.  
  2. color: #4E6883;
  3. margin: 5px 10px;
  4. font-size: 24px;
  5. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  6. font-weight: normal;
  7. font-style: normal;
  8.  
и поменять с тем что у Вас для h1
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Achilles:
Или посоветуйте как самому изменить размер и цвет в заголовке статьи на главной

Код PHP:
  1.  
  2. color: #4E6883; // это цвет текста
  3. margin: 5px 10px; // это отступы текста сверху и с боков
  4. font-size: 24px; // это размер текста
  5. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  6. font-weight: normal;
  7. font-style: normal;
  8.  
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Achilles:
Точку убрал, тоже самое

То же самое что? Не изменяется размер?

Попробуйте к размеру добавить !important так:

font-size: 24px !important;Добавлено спустя 2 минутыДля цвета тоже можно !important попробовать.
Посетитель
Achilles
Сообщений: 19
Москва
627 дней назад
Achilles:

В принципе меня всё устраивает, мне лишь осталось поменять цвет ссылки и её размер на главной станице блога,то есть размер h2 для каждой статьи, у меня там выводятся анонс статей.
У меня color: #000000; а показывает синий цветДобавлено спустя 11 минутНи чего не работает и не меняет
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Achilles:
У меня color: #000000; а показывает синий цвет
shock похоже у Вас стили совсем не работают.

А если поставить перед h так:

Код PHP:
  1.  
  2. .art-post .art-article h1
  3.  
.art-post .art-article
Редактировалось: 1 раз (Последний: 9 января 2015 в 15:30)
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Вы куда то не туда уходите. Вот эти стили что делали:
Спойлер
перед h1 поставьте article примерно так

Код PHP:
  1.  
  2. article h1
  3. {
  4. color: #000000;
  5. margin: 10px 0 0;
  6. font-size: 26px;
  7. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  8. }
  9.  
Только точки как писал выше уберите.

Я сейчас проверил у меня все заработало.
Постоянный участник
Malover
Медаль
Сообщений: 580
3 дня назад
Только сейчас обратил внимание. На h2 и не должно работать. У Вас же в art-postheader был h1
Не понятно откуда берете h2.
Посетитель
Achilles
Сообщений: 19
Москва
627 дней назад
Давайте ещё раз попробуем. Вот уже я изменил что тут ещё изменить?

article h1
{
color: #000000;
margin: 10px 0 0;
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h1
{
margin: 10px 0 0;
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h1 a, article h1 a:link, article h1 a:hover, article h1 a:visited, article h1 a, article h1 a:link, article h1 a:hover, article h1 a:visited
{
font-size: 26px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h2
{
color: #000000;
margin: 10px 0 0;
font-size: 22px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h2
{
margin: 10px 0 0;
font-size: 22px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h2 a, article h2 a:link, article h2 a:hover, article h2 a:visited, article h2 a, article h2 a:link, article h2 a:hover, article h2 a:visited
{
font-size: 22px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h3
{
color: #000000;
margin: 10px 0 0;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h3
{
margin: 10px 0 0;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h3 a, article h3 a:link, article h3 a:hover, article h3 a:visited, article h3 a, article h3 a:link, article h3 a:hover, article h3 a:visited
{
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h4
{
color: #000000;
margin: 10px 0 0;
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h4
{
margin: 10px 0 0;
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

article h4 a, article h4 a:link, article h4 a:hover, article h4 a:visited, article h4 a, article h4 a:link, article h4 a:hover, article h4 a:visited
{
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
в h1 всё устраивает, не устраивает в статьях h2 которые выводятся на главной Анонс
Редактировалось: 1 раз (Последний: 9 января 2015 в 16:13)
|
Перейти на форум: