Поддержка Проблемы и решения Кнопка-"Читать далее"…

  • Здравствуйте,если вас не затруднит,поделитесь пожалуйста опытом,как сделать так чтобы ссылка читать далее при ее выводе в статью отображалась не просто как ссылка,а была оформлена как кнопка?
    Заранее спасибо!

Просмотр 9 ответов — с 1 по 9 (всего 9)
  • У этого элемента есть класс, все, что требуется это прописать свойства этого элемента в 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»>
    Чувствую вас запутал…

Просмотр 9 ответов — с 1 по 9 (всего 9)
  • Тема «Кнопка-"Читать далее"…» закрыта для новых ответов.