← Модули · WordPress · плагин-заготовка

WP shortcode: кнопка «Оставить задачу»

Бесплатно

Бесплатная заготовка плагина. Нужны поля Carbon Fields, CF7 и дизайн под сайт — соберу под ключ.

Файлы

ym-brief-button.php — положить в wp-content/plugins/ym-brief-button/

Инструкция

  1. Создайте папку wp-content/plugins/ym-brief-button/.
  2. Сохраните код как ym-brief-button.php внутри папки.
  3. В админке активируйте плагин «YM Brief Button».
  4. Вставьте шорткод [ym_brief_btn text="Оставить задачу" url="#contact"] в нужное место.

Код

<?php
/**
 * Plugin Name: YM Brief Button
 * Description: Шорткод CTA-кнопки [ym_brief_btn]
 * Version: 0.1.0
 */
if (!defined('ABSPATH')) exit;

add_shortcode('ym_brief_btn', function ($atts) {
  $a = shortcode_atts([
    'text' => 'Оставить задачу',
    'url'  => '#contact',
    'class'=> 'ym-brief-btn',
  ], $atts, 'ym_brief_btn');

  $text = esc_html($a['text']);
  $url  = esc_url($a['url']);
  $class= sanitize_html_class($a['class']);

  return '<a class="'. $class .'" href="'. $url .'">'. $text .'</a>';
});

add_action('wp_enqueue_scripts', function () {
  $css = '.ym-brief-btn{display:inline-flex;align-items:center;padding:12px 18px;border-radius:999px;background:#c6f26d;color:#132010;font-weight:700;text-decoration:none}.ym-brief-btn:hover{filter:brightness(1.05)}';
  wp_register_style('ym-brief-btn', false);
  wp_enqueue_style('ym-brief-btn');
  wp_add_inline_style('ym-brief-btn', $css);
});