Как изменить стиль глобальных операторов в вордпресс?

Wiktorian · 11.02.2015

В вордпресс код <?php next_post_link(); ?> выводит ссылку на следующую запись, как изменить стиль этой ссылки?

У меня ссылки имеют свой стиль который отображает их в виде кнопок. Как выводимую кодом ссылку представить в виде кнопки со стилем class="button15" .

Вот стиль

Код:

a.button15 {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: .2em 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}
a.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

Пробовал и так

Код:

<span class="button15">< ?php next_post_link(); ?></span>

Бесполезно выводится обычная ссылка, стили не применяются. Пробовал менять <span> на <div> стили не применяются к div и span с любым содержимым.
А если так <a href="#" class="button15" >Случайное</a> всё выходит . В стилях "a.button15" заменял на "span.button15" стабильно бесполезно. Уже вторую неделю бьюсь не выходит.

BaNru · 11.02.2015

Есть хорошая документация, пора начать в неё заглядывать
http://codex.wordpress.org/Function_Reference/next_post_link

<?php next_post_link( '<span class="button15">%link</span>' ); ?>
Стили придётся всё равно подправить, а именно убрать a

.button15{...}
.button15:hover{...}
a.button15:active, .button15:active{...}Или в твоём варианте, обёрнутым span, надо стили подправить

Код:

a.button15, .button15 a {}
a.button15:hover, .button15 a:hover {}
a.button15:active, .button15 a:active {}

Wiktorian · 11.02.2015

Ураааа Заработало!!!!!!!!!!
Можно последний совет: как сделать, чтобы кнопка называлась одинаково, вне зависимости от того на какую ссылку она ведёт?

Код:

<span class="button15">< ?php next_post_link(); ?></span>

BaNru · 11.02.2015

Данная функция не позволяет этого. Однако мы можем посмотреть её

Код:

function next_post_link( $format = '%link &raquo;', $link = '%title', $in_same_term = false, $excluded_terms = '', $taxonomy = 'category' ) {
     echo get_next_post_link( $format, $link, $in_same_term, $excluded_terms, $taxonomy );
}

Как видим, она просто "делает" echo get_next_post_link(), то есть просто вывод на экран.

Честно, разбираться дальше лень. Поэтому проще загуглить решение. В первом же ответе гугла предлагается использовать
get_adjacent_post()

Код:

$next_post_link_url = get_permalink( get_adjacent_post(false,'',false)->ID );
$prev_post_link_url = get_permalink( get_adjacent_post(false,'',true)->ID );

То есть теперь можно вообще всё переделать по нормальному, без лишних span'ов

Код:

<a href="<?php echo get_permalink( get_adjacent_post(false,'',false)->ID ); ?>" class="button15" title="текст">текст</a>

Wiktorian · 12.02.2015

Круто, спасибо, всё работает !!!!

Как изменить стиль глобальных операторов в вордпресс?

Wiktorian

Member

BaNru

Пацифизжу

Wiktorian

Member

BaNru

Пацифизжу

Wiktorian

Member

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей