Кнопка-"Читать далее"…
-
Здравствуйте,если вас не затруднит,поделитесь пожалуйста опытом,как сделать так чтобы ссылка читать далее при ее выводе в статью отображалась не просто как ссылка,а была оформлена как кнопка?
Заранее спасибо!
-
У этого элемента есть класс, все, что требуется это прописать свойства этого элемента в
style.css
.Полное описание тут — codex.wordpress.org/Customizing_the_Read_More
Спасибо,но все таки не до конца все усвоил,на английском изложено,к ссылке «читать далее» у меня относится class=»more-link».
В таблице стилей я задал классу определенные параметры,ссылка начала изменяться…
Но какие именно параметры надо задать чтобы у меня ссылка преобразовалась в вид кнопки?
Я хочу ее подогнать под вид тех кнопок,которые у меня уже установлены на сайте,насколько я понял свойства кнопкам задает класс «art-button»,он прописан у кнопки-«Отправить комментарий»,но в таблице стилей у этого класса задано много различных свойств,как эти все свойства отнести к классу class=»more-link» я к сожалению не понял…Добавьте к желаемому селектору селектор класса ссылки, т.е. должно получиться так:
.art-button, .more-link { свойства... }
Все свойства повторятся.
А подскажите пожалуйста, где что нужно изменить, чтобы была русская надпись «читать далее» вместо «Read the rest of this entry »»
В файле index.php найдите строку:
<?php the_content('Read the rest of this entry'); ?>
И измените английскую фразу на русскую.
Видимо все таки что-то я не то делаю,не получается.Может я с классами напутал…Посмотрите пожалуйста…
Вот так у меня в коде страницы отображается ссылка-«читать далее»…
<!— article-content —>
<p>Сборная России в среду проведет заключительный матч в этом году. Соперником россиян в товарищеской встрече будет команда США.</p>
<p> Читать далее <span class=»meta-nav»>→</span></p>
<!— /article-content —>
То есть вначале идет статья,потом она прерывается ссылкой-«читать далее»…
У классов «more-link» и «meta-nav» изначально в таблице стилей нет никаких свойств.Вот так у меня в коде страницы отображается кнопка-«Отправить комментарий»…
<p class=»form-submit»>
<input name=»submit» class=»art-button» type=»submit» id=»submit» value=»Отправить комментарий» />
<input type=’hidden’ name=’comment_post_ID’ value=’209′ id=’comment_post_ID’ />
<input type=’hidden’ name=’comment_parent’ id=’comment_parent’ value=’0′ />
</p>У класса «form-submit» в таблице стилей всего два свойства
}
#respond .form-submit,
margin: 12px 0;
}
#respond .form-submit input ,
font-size: 14px;
width: auto;
}Вот так у меня в таблице стилей при первом поиске выводится class=»art-button»-класс кнопки.
}
/* end Layout */
/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{Далее при поиске выводится еще несколько свойств класса,одно из них:
.art-button img, span.art-button-wrapper img
{
margin: 0;
vertical-align: middle;
}Я пробовал вставлять класс ссылки-«more-link» после записей
}
/* end Layout */
/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
,.more-link
{
Ссылка-«читать далее» немного видоизменяется,шрифт становится толще,и меньше по размеру,но вид кнопки не принимает…Поместите код в теги кода, пожалуйста.
Извините вот так в коде страницы отображается ссылка-«читать далее»
<!— article-content —>
<p>Сборная России в среду проведет заключительный матч в этом году. Соперником россиян в товарищеской встрече будет команда США.</p>
<p> Читать далее <span class=»meta-nav»>→</span></p>
<!— /article-content —>class=»more-link»>Читать далее<span class=»meta-nav»>
Чувствую вас запутал…
- Тема «Кнопка-"Читать далее"…» закрыта для новых ответов.