Переход по ссылке с кнопки

  • Решено avkend

    (@avkend)


    14 лет назад

    Вопрос может быть и глупый но поиск ничего не дал может не правильно вопрос формирую.
    есть в редакторе функция add et button при добавлении кнопки и привязки к ней ссылки можно переходить по ней, но ссылка откроется в этом же окне.Что необходимо добавить чтобы при щелчке по кнопке ссылка открывалась в новом окне ?

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Aftor

    (@aftor)

    14 лет назад

    Ссылка будет открываться в другом окне, если код самой ссылки будет сформирован в виде < a href=»ссылка»>текст ссылки. Уберите пробел между «<» и «a»

    Aftor

    (@aftor)

    14 лет назад

    Чорт, < a href=»ссылка» target=»_blank»>Текст ссылки< /a>. Уберите пробел между «<» и «a».

    Atrax

    (@atrax)

    Ethical engineer

    14 лет назад

    Вы до сих пор не научились пользоваться кнопочкой code?

    Aftor

    (@aftor)

    14 лет назад

    <a href="ссылка" target="_blank">Текст ссылки</a>

    Автор avkend

    (@avkend)

    13 лет, 12 месяцев назад

    иметься ввиду кнопка, а не ссылка, то что вы написали это понятно. http://flipka.ru/publlication/portfolio/olegbabenko/ вот здесь при нажатии на кнопку она отрывается в том же окне, а хотелось бы в отдельном. может это специфика шаблона

    Ivan Komarov

    (@komarik)

    13 лет, 12 месяцев назад

    Любой кнопке или ссылке добавьте target=»_blank», она и будет в новом окне открываться.
    И по ссылке, что вы дали, не очень понятно, о какой все-таки кнопке речь.
    Если о фотографии, то там используется плагин с эффектом lightbox или нечто похожее. Вроде как FancyBox for WordPress.

    Aftor

    (@aftor)

    13 лет, 12 месяцев назад

    avkend, теперь смотрим и запоминаем. То, что Вы называете кнопкой («Скачать книгу», «Смотреть книгу»), и то, что отображается как кнопка — на самом деле обычная ссылка, но через CSS стилизуется как кнопка.
    CSS для нее прописан в модуле
    http://flipka.ru/wp-content/themes/DeepFocus/epanel/shortcodes/shortcodes.css
    Ищите там все, что относится к small-button.

    А так как стилизуется под кнопку обычная ссылка, то обратите еще раз внимание на строку
    <a href="ссылка" target="_blank">Текст ссылки</a>

    Aftor

    (@aftor)

    13 лет, 12 месяцев назад

    Ежели у Вас все это дело формируется с помощью плагина, в таком случае нужно смотреть уже сам плагин на предмет формирования стилизованных ссылок

    Aftor

    (@aftor)

    13 лет, 12 месяцев назад

    В том блоге, на который Вы дали ссылку, код «кнопки» имеет вид
    <a href='http://www.flipka.ru/wp-proekt/babenko/index.html' class='small-button smallblack'><span>Смотреть книгу</span></a>
    где
    class='small-button smallblack'
    как раз и есть класс CSS, отвечающий за стилизацию ссылки под кнопку

    Автор avkend

    (@avkend)

    13 лет, 12 месяцев назад

    Спасибо за наводку, пойду копну стиль

    Автор avkend

    (@avkend)

    13 лет, 12 месяцев назад

    Спасибо за наводку, пойду копну стиль

    Автор avkend

    (@avkend)

    13 лет, 12 месяцев назад

    если честно то ничего близкого в этом цсс файле нет, как найду что то дам знать

    Автор avkend

    (@avkend)

    13 лет, 12 месяцев назад

    как я понял это должно делаться не в цсс, а с помощью ява скрипта, это для меня еще более дремучий лес чем цсс

    Автор avkend

    (@avkend)

    13 лет, 12 месяцев назад

    вот что ответили на форуме поддержки найти код в epanel/shorcodes/shortcodes.php
    $output .= "<a href='{$link}' class='small-button small{$color}'><span>{$content}</span></a>";
    и заменить на $output .= "<a href='{$link}' class='small-button small{$color}' target='_blank' ><span>{$content}</span></a>";
    посмотрим что получиться жаль конечно что скорее всего все кнопки буду открываться в новом окне, проверим

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Тема «Переход по ссылке с кнопки» закрыта для новых ответов.