WordPress как на ладони

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

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

0
Любомир
2.5 лет назад
gutenbergtootlip
  • 1
    mi1384 solosofii.com

    В произвольное поле записи записываешь подсказки (разделяя уникальным разделителем, у меня |), далее через 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;
}

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

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

    2.5 лет назад #
    Любомир 2.5 лет назад

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

    mi13 2.5 лет назад

    В редактор 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
}
    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация