WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru

Как добавить title к слову в gutenberg редакторе wp ?

я хочу использовать tootlip (подсказки при наведении) на словах, как вообще можно подобное реализовать для удобного использования в редакторе wordpress?

0
Любомир
12 дней назад
  • 1
    mi1354 trapeznaya.ucoz.ru

    В произвольное поле записи записываешь подсказки (разделяя уникальным разделителем, у меня |), далее через css классы вызываешь заменив в тексте sup'ы

    $text = str_replace( '<sup>['.$i.']</sup>', '<sup id="sup'.$i.'" data="'.esc_attr($val).'" int="'.$i.'" class="note">['.$i.']</sup>', $text, $v);
    				if ($v===0) {trigger_error($id.'-sup error');} else $v=0;

    и css фрагмент

    .note:before {
    content:attr(data);
    padding:8px;
    transform:translateY(-10px);
    top:100%;
    left:0;
    margin-top:15px;
    width:100%;
    border-top:4px solid #48b;
    border-bottom:4px solid #48b;
    box-sizing:border-box;
    }
    
    .note:after {
    width:15px;
    height:15px;
    border:2px solid #48b;
    color:#48b;
    border-radius:50%;
    content:attr(int);
    top:100%;
    left:50%;
    margin-top:7px;
    text-align:center;
    font-weight:bold;
    font-size:small;
    line-height:15px;
    }

    , либо если данные встречаются в разных статьях можно сделать как в я реализовал в плагине.

    Надеюсь я Вас правильно понял. Как выглядит то и то можно глянуть тут.

    Любомир 11 дней назад

    вариант интересный, но не совсем удобный...

    mi13 10 дней назад

    В редактор wordpress всегда можете добавить нужную обертку, в моем случае это sup'ы

    add_action( 'admin_print_footer_scripts', 'appthemes_add_quicktags' );
    function appthemes_add_quicktags() {
    	if ( ! wp_script_is('quicktags') )
    		return;
    
    	?>
    	<script type="text/javascript">
    	QTags.addButton( 'eg_sup', 'sup', '<sup>[', ']</sup>', 'sup', 'сноска', 203 );
    	</script>
    	<?php
    }
    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация