Как реализовать такой блок?

(Ответов: 3, Просмотров: 330)
  1. Студент Аватар для Seoman
    • Регистрация: 16.04.2010
    • Сообщений: 70
    • Репутация: 18
    Ребята, подскажите как реализовать на Вордпресс такой блок?




    Есть ли какие то плагины или готовые решения?
    Последний раз редактировалось Seoman; 29.12.2016 в 17:14.
    • 0
  2. Гуру Аватар для Septik
    • Регистрация: 03.04.2010
    • Сообщений: 790
    • Репутация: 168
    • Webmoney BL: ?
    В инпут вставляете в value урл текущей страницы (гуглится) + необходимые теги. Решается за 10 минут.
    • 0
  3. Гуру Аватар для west0293
    • Регистрация: 09.06.2011
    • Сообщений: 1,026
    • Репутация: 342
    • Webmoney BL: ?
    Seoman, вам нужно в single.php (шаблон статьи) после блока с контентом (что-то вроде <?php the_content(); ?>) вставить код для данной конструкции. Примерно так:
    PHP код:
    <div class="share_block"><span class="share_block_title">Понравилась публикация? Поделись с друзьями!</span>
    <span class="share_url">Адрес страницы:</span>
    <input type="text" class="share_input" value="<?php the_permalink(); ?>" />
    <span class="share_url">HTML для вставки на сайт:</span>
    <input type="text" class="share_input" value="<a href='<?php the_permalink(); ?>'><?php the_title(); ?></a>" />
    <span class="share_url">BB код для вставки на форум:</span>
    <input type="text" class="share_input" value="[url=<?php the_permalink(); ?>]<?php the_title(); ?>" />
    </div>
    А дальше уже стилизуете:
    Код:
    .share_block {
        display:block;
        background:#eee;
        padding:10px;
    }
    .share_block_title {
        display: block;
        color: red;
        font-weight: 500;
        margin: 10px 0;
    }
    .share_url {
        display: block;
        font-weight: 500;
        margin: 10px 0 5px 0;
    }
    .share_input {
        display: block;
        width: 100%;
        padding: 5px 10px;
    }
    Последний раз редактировалось west0293; 29.12.2016 в 20:33.
    • 1

    Спасибо сказали:

    Seoman(30.12.2016),
  4. Студент Аватар для Seoman
    • Регистрация: 16.04.2010
    • Сообщений: 70
    • Репутация: 18
    спасибо за код, завтра буду пробовать внедрить
    • 0

Тэги топика:

Похожие темы

Темы Раздел Ответов Последний пост
Как реализовать такой блок на WP?
WordPress 2 16.11.2016 01:41
Как реализовать такой IFrame?
Web программирование 0 24.09.2015 15:34
Как называется такой блок адсенс?
PPC и контекстная реклама 15 27.11.2014 21:12
Как сделать такой рекламный блок в adsense?
PPC и контекстная реклама 1 23.11.2014 10:50
Как называется такой блок адсенс?
Вопросы от новичков 7 18.11.2014 11:01

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры