Рубрика: CMS

Система управления содержимым

Рубрики
WorldPress Блоки "произвольный html" CSS JQuery

«Toggle»

  • Автор записи Автор: bo52
  • Дата записи 05.11.2022
  • сворачивание блоков
  • Insert Headers and Footers плагин размещения js кода
    • Script in Footer
$('.mytoggle').each(function () {
	h=$(this);
	let html=h.html();
	h.empty();
	h.css('margin-bottom','0');
	let btn=$('<img>').prependTo(h);	
	$('<div>').appendTo(h).html(html);
	btn.css('display','inline-block');
	btn.css('vertical-align','top');
	btn.css('height','24px');
	btn.css('width','24px');
	btn.next().css('display','inline-block');
	btn.attr('src','http://codegid.ru/img/cub_r.png');
	btn.click(function(){$(this).parent().next().slideToggle()});
	
	let div=h.next();
	div.css('padding','5px');
	div.css('border','1px solid');
	div.css('display','none');
});
  • Пример использования в редакторе с блоками html
Рубрики
WorldPress

Добавить breadcrumbs в WordPress

  1. Установить плагин flexy_breadcrumb в WordPress

2. Редактор тем > Файлы темы > header.php > 

<?php echo '<div>'.do_shortcode( 'шорткод').'</div>'?>
Рубрики
WorldPress CSS

Блок Форматированный

пример форматированного блока с кодом в новой записи WordPress
//форматированный блок с длинным кодом оформить с ползунками. В WorlPress Настроить\Дополнительные стили добавить css код для класса code1
.code1
{
 font-size:1.4rem;
}
Рубрики
WorldPress JavaScript lib

Как изменить размер шрифта Заголовка h1,h2

//Добавить код в ПЛАГИНЕ WordPress в раздел footer
function fun(t,val)
 {
 var arr=document.getElementsByTagName(t);
 for (var i = 0; i < arr.length; i++) {
     arr[i].style.fontSize=val;
 }    
}
fun("h1","5.4rem");
fun("h2","5.4rem");