Intereting Posts

Как я могу добавить примечание, осторожность, предупреждение в тексте?

Я использую тему wordpress на своем веб-сайте. Вопрос прост, я хочу добавить внутри своих статей как встроенную заметку, предостережение, предупреждение, например, изображение. Как я могу это сделать? Есть ли какой-либо плагин или способ сделать это?

введите описание изображения здесь

Solutions Collecting From Web of "Как я могу добавить примечание, осторожность, предупреждение в тексте?"

Вы можете подключиться к фильтру the_content и добавить свою заметку после каждого сообщения. Тогда вы можете настроить его, чтобы иметь хорошую цитату.

 add_filter('the_content','add_my_note'); function add_my_note($content){ // Write your note here $note = ' <div class="my-note"> <h3>Note Header</h3> <p>Note body</p> </div>'; // Append the note to the content $content = $content . $note; // Return the modified content return $content; } 

Это добавит примечание к контенту вашего сообщения. Теперь пришло время его стилизовать.

 .my-note { display:block; background:lightgray; border-width: 0 0 0 3px; border-color:grey; color:black; border-style:solid; padding: 1em; } .my-note h3 { display:block; font-size: 2em } .my-note p { display:block; font-size : 1em; } - .my-note { display:block; background:lightgray; border-width: 0 0 0 3px; border-color:grey; color:black; border-style:solid; padding: 1em; } .my-note h3 { display:block; font-size: 2em } .my-note p { display:block; font-size : 1em; } 

Я сделал для вас базовый стиль, который вы можете изменить в соответствии со своими вкусами,

Запустите в своей теме CSS панели управления admin.

 wp_enqueue_style( 'wp-admin' ); 

Затем вы можете использовать оповещения администратора WordPress CSS

Пример из документов:

 <div class="notice notice-success is-dismissible"> <p><?php _e( 'Done!', 'sample-text-domain' ); ?></p> </div> 

Другой вариант можно сделать, если у вас будет тема , основанная на начальной загрузке , тогда вы можете использовать стили CSS-бутстрапов , или включить bootstrap css в свою тему, но этот параметр повлияет на другие элементы в дизайне вашего сайта.

Пример из документов, похожих на скриншот в вашем вопросе:

 <div class="alert alert-info" role="alert"> <strong>Heads up!</strong> This alert needs your attention, but it's not super important. </div>