Увлекаюсь веб разработками (самообучение).
Контакты
Местоположение
Россия, Тюменская обл. и Ханты-Мансийский АО, Нижняя Тавда

Достижения

Все достижения (3)

Наибольший вклад в теги

Все теги (11)

Лучшие ответы пользователя

Все ответы (67)
  • Как создать на wp кастомную роль с просмотром post_type?

    V_A_B
    @V_A_B
    ¯\_(ツ)_/¯
    интересный вопрос.....Спасибо!
    Пройдя по ссылке Анатолия и поковырявшись вот такой вариант у меня вышел)):
    создаем новую роль
    add_role('newvabuser',
    		__('Новый пользователь','VAB'),
    		array(
    		'read'=>true,
    		'edit_posts'=>false,
    		'delete_posts'=>false,
    		'publish_posts'=>false,
    		'upload_files'=>true,
    	 )
    	);

    насколько я понял данный код можно удалить после того как роль с массивом попадет в базу....
    если что не так, используйте
    remove_role('newvabuser');
    далее создаем новый пост тип
    add_action('init','create_custom_post_types');
    function create_custom_post_types(){
    	register_post_type('vabs',
    		array(
    			'labels'=>array(
    					'name'=>__('Новый тип записи','VAB'),
    					'singular_name'=>__('Новый тип записи','VAB'),
    					'menu_name'=>__('Новый тип записи','VAB'),
    					'add_new'=>__('Добавить новую','VAB'),
    					'add_new_item'=>__('Добавить новую','VAB'),
    					'edit_item'=>__('Редактировать','VAB'),
    					'new_item'=>__('Новая','VAB'),
    					'all_items'=>__('Все записи','VAB'),
    					'view_item'=>__('Просмотр','VAB'),
    					'search_items'=>__('Искать','VAB'),
    					'not_found'=>__('Записи не найдены','VAB'),
    					'not_found_in_trash'=>__('В корзине записи не найдены','VAB'),
    					'parent_item_colon'=>''
    			),
    			'public'=>true,
    			'has_archive'=>true,
    			'rewrite'=>array('slug'=>'vab'),
    			'capability_type'=>'vab',
    			'capabilities'=>array(
    				'publish_posts'=>'publish_vabs',
    				'edit_posts'=>'edit_vabs',
    				'edit_others_posts'=>'edit_others_vabs',
    				'delete_posts'=>'delete_vabs',
    				'delete_others_posts'=>'delete_others_vabs',
    				'read_private_posts'=>'read_private_vabs',
    				'edit_post'=>'edit_vabs',
    				'delete_post'=>'delete_vabs',
    				'read_post'=>'read_vabs',
    				'assign_terms' =>'edit_taxo',
    				'manage_terms'=>'manage_vab_terms',
    				'edit_terms'=>'manage_vab_terms',
    				'delete_terms'=>'delete_vab_terms',
    				'assign_terms'=>'edit_vab-type'
    			),
    			'supports'=>array('title','editor','thumbnail')
    		)
    	);
    }

    важно обратить внимание на массив с параметрами capabilities. его мы дальше передадим нашей роли:
    add_action('admin_init','add_vabs_caps');
    function add_vabs_caps(){
    	$admins=get_role('newvabuser');
    	$admins->add_cap('edit_vabs');
    	$admins->add_cap('publish_vabs');
    	$admins->add_cap('read_vabs');
    	$admins->add_cap('read_private_vabs');
    	$admins->add_cap('delete_vabs');
    	$admins->add_cap('edit_taxo');
    	$admins->remove_cap('edit_others_vabs');
    	$admins->remove_cap('delete_others_vabs');
    	$admins->add_cap('manage_vab_terms');
    	$admins->add_cap('delete_vab_terms');
    	$admins->add_cap('edit_vab-type');
    	$admins->add_cap('manage_categories');
    	$admins->add_cap('edit_categories');
    	$admins->add_cap('delete_categories');
    	$admins->add_cap('assign_categoriess');
    }

    В итогах данную запись смогут редактировать только админ и пользователь с данной ролью больше никто:
    5d5c421fb2511245944305.jpeg
    5d5c422ca4152143576315.jpeg
    Вам нужно все это только под себя переделать
    Ответ написан
    1 комментарий
  • Автоматическое обрезание картинок Wordpress при загрузке?

    V_A_B
    @V_A_B
    ¯\_(ツ)_/¯
    Добрый день.

    Обычные thumbnail и тд не пойдут. Так как они просто уменьшают саму картинку,

    не верю!

    Вариант первый:
    Через настройки в админке


    ❗❗❗ Читаем текст возле галочки ❗❗❗

    60aa1e7dc3047787421884.jpeg

    //получаем в шаблоне:
    $attachment_src=wp_get_attachment_image_src(get_post_thumbnail_id(),'thumbnail');

    Вариант второй:
    //functions.php
    add_filter('wp_handle_upload_prefilter','add_handle_upload');
    if(!function_exists('add_handle_upload')){
    function add_handle_upload($file){
        add_image_size('mysize',600,200,array('center','center'));
        return $file;
    }}
    //получаем в шаблоне:
    $attachment_src=wp_get_attachment_image_src(get_post_thumbnail_id(),'mysize');

    Общий результат

    60aa1f141d0aa741377670.jpeg

    Вариант третий:
    Используем Imagick — отрезаем 100 px сверху и 100 px снизу

    Все тумбнайлы, что создаст движок вп будут обрезаны ибо Мы обрежем исходник, а потом отдаем его вп на обработку
    //functions.php
    add_filter('wp_handle_upload_prefilter','add_handle_upload');
    if(!function_exists('add_handle_upload')){
    function add_handle_upload($file){
        $tmp_name=$file['tmp_name'];
    		$image=new Imagick($tmp_name);
    		$image->chopImage(0,100,0,0);//отрезаем 100 px сверху
    		$imageprops=$image->getImageGeometry();//чтобы отрезать снизу надо узнать высоту и отнять 100 px и уже от нее отрезать все то, что ниже
    		$image->chopImage(0,100,0,$imageprops['height']-100);//отрезаем 100 px снизу
    		$image->writeImage($tmp_name);//перезаписываем временный файл
    
        return $file;
    }}


    60aa732691e7d131364392.png


    з.ы. все возможности Imagick
    Ответ написан
    2 комментария
  • WP Customizer API не работает редактирование в реальном времени. Как исправить?

    V_A_B
    @V_A_B
    ¯\_(ツ)_/¯
    режим реального времени это 'transport'=>'postMessage'
    например для существующих опций названия и описания:
    ...
    $customizer->get_setting('blogname')->transport='postMessage';
    $customizer->get_setting('blogdescription')->transport='postMessage';
    ...
    //$wp_customize->add_setting('header_h1',array('transport'=>'postMessage'));

    js:
    (function($){
    	var api=wp.customize;
    	api('blogname',function(value){value.bind(function(to){$('.site-title a').text(to);});});
    	api('blogdescription',function(value){value.bind(function(to){$('.site-description a').text(to);});});
    ...

    если не нужен 'transport'=>'postMessage', просто не пишем вообще ничего
    $wp_customize->add_setting('header_h1');

    с Вашим кодом не все ясно, поэтому вот рабочий пример на основе Вашего без учета не ясного/лишнего)))
    add_action( 'customize_register', 'hgjghjghj' );
    function hgjghjghj($wp_customize){
        $wp_customize->add_panel(
          'panel_main_page',
          array(
            'title'    => 'Контент на главной странице',
            'priority' => 999,
          )
        );
    		$wp_customize->add_section(
    			'header_h1',
    			array(
    				'panel'    => 'panel_main_page',
    				'title'    => 'Заголовок (h1) страницы',
    				'priority' => 0,
    			)
    		);
    		$wp_customize->add_setting(
    			'header_h1',array('transport'=>'postMessage')
    		);
    		$wp_customize->add_control(
    			'header_h1',
    			array(
    				'section' => 'header_h1',
    				'label'   => 'Текст заголовка',
    				'type'    => 'text'
    			)
    		);
    }

    js:
    ...
    api('header_h1',function(value){value.bind(function(to){$('#qweqweqwe').text(to);});});
    ...
    //подключаем js для превью через add_action('customize_preview_init','preview_customize_enqueue');
    //либо пишем калбак функцию и пишем js в ней...

    вывод в разметке:
    echo '<div id="qweqweqwe">'.get_theme_mod('header_h1').'</div>';
    Ответ написан
    Комментировать
  • Как в Gutenberg создать обертывающий блок, и добавлять внутрь него контент?

    V_A_B
    @V_A_B
    ¯\_(ツ)_/¯
    Варианты/примеры обертки дефолтных/кастомных блоков

    add_filter('render_block','wrapBlock',10,2);
    function wrapBlock($block_content,$block){
    	$name=$block['blockName'];
    	if($name){return sprintf('<div class="e-block e-block-%s">%s</div>',str_replace('/','-',$name),$block_content);}
    	///if($name){return sprintf('<div class="easdasdas">'.$block_content.'</div>'}
    	// if($name){
    		// $content='<div class="vabtopic">';
    		// $content.=$block_content;
    		// $content.='</div>';
    		// return $content;
    	// }
    		// if($block['blockName']==='core/paragraph'){
    		// $content='<div class="wp-block-paragraph">';
    		// $content.=$block_content;
    		// $content.='</div>';
    		// return $content;
    	// }elseif($block['blockName']==='core/heading'){
    		// $content='<div class="wp-block-heading">';
    		// $content.=$block_content;
    		// $content.='</div>';
    		// return $content;
    	// }
    	// if($name=='core/html'){
    		// $Block='<span class="core__html">'.$block_content.'</span>';
    		// return sprintf($Block);
    	// }else if($name=='core/paragraph'){
    		// return sprintf('<span class="core__paragraph">'.$block_content.'</span>');
    	// }
    	return $block_content;
    }


    примеры создания блоков гута:
    переменные

    var GutCal=VAB_Gut_In.Gut_Cal_Out,el=wp.element.createElement,registerBlockType=wp.blocks.registerBlockType,blockStyle={backgroundColor:'#900',color:'#fff',padding:'20px'},RichText=wp.editor.RichText,components=wp.components,i18n=wp.i18n,MediaUpload=wp.editor.MediaUpload;


    Не редактируемый блок

    registerBlockType('vabtopic/vab-calendar',{
    	title:GutCal,
    	icon:{background:'#000',foreground:'#ffff00',src:'calendar',},
    	category:'VAB_category',
    	edit:function(props){return el('input',{className:props.className+' VAB_Calendar',type:'text',name:'VAB_Calendar'});},
    	save:function(){return el('input',{className:'VAB_Calendar',type:'text',name:'VAB_Calendar'});},
    });


    Редактируемый блок
    registerBlockType('vabtopic/vab-text',{
    	title:'text',
    	icon:{background:'#000',foreground:'#ffff00',src:'universal-access-alt',},
    	category:'VAB_category',
    	attributes:{content:{type:'array',source:'children',selector:'p',},},
    	edit:function(props){
    			var content=props.attributes.content;
    			function onChangeContent(newContent){props.setAttributes({content:newContent});}
    			return el(RichText,{tagName:'p',className:props.className,onChange:onChangeContent,value:content,});
    		},
    	save:function(props){
    		return el(RichText.Content,{tagName:'p',value:props.attributes.content,});
    		},
    });


    InnerBlocks - блоки внутри блока, где allowedBlocks массив добавляемых блоков

    var InnerBlocks=wp.editor.InnerBlocks,allowedBlocks=['vabtopic/vab-text','vabtopic/vab-calendar','vabtopic/vab-mixed-block'],icon=el('svg',{width:24,height:24,stroke:"red"},el('path',{d:"M 0.71578,2 C 0.32064,2 0,2.3157307 0,2.7060291 V 21.294175 C 0,21.683751 0.32064,22 0.71578,22 H 23.28422 C 23.67936,21.999999 24,21.68375 24,21.294174 V 5.9812162 2.7060291 C 24,2.3157307 23.67936,2 23.28422,2 Z M 1.43136,3.411854 H 22.56864 V 5.9812162 H 1.43136 Z m 15.96822,0.4609128 c -0.46106,0 -0.83495,0.3687886 -0.83495,0.8235651 0,0.4549561 0.37389,0.8237674 0.83495,0.8237674 0.46124,0 0.83494,-0.3688113 0.83494,-0.8237674 0,-0.4547765 -0.3737,-0.8235651 -0.83494,-0.8235651 z m 2.78339,0 c -0.46124,0 -0.83515,0.3687886 -0.83515,0.8235651 0,0.4549561 0.37391,0.8237674 0.83515,0.8237674 0.46106,0 0.83494,-0.3688113 0.83494,-0.8237674 0,-0.4547765 -0.37388,-0.8235651 -0.83494,-0.8235651 z M 3.65005,3.990507 c -0.39514,0 -0.71557,0.316068 -0.71557,0.7058249 0,0.3899364 0.32043,0.7060281 0.71557,0.7060281 h 8.92617 c 0.39533,0 0.71579,-0.3160917 0.71579,-0.7060281 0,-0.3897569 -0.32046,-0.7058249 -0.71579,-0.7058249 z M 1.43136,7.3930022 H 22.56864 V 20.588214 H 1.43136 Z m 7.89453,1.5110662 c -0.16452,0 -0.32898,0.05577 -0.46246,0.1672098 -0.53833,0.4497184 -4.5418,3.7936988 -5.09862,4.2587688 -0.30157,0.251951 -0.33909,0.697517 -0.0837,0.994982 0.25543,0.297464 0.70697,0.33447 1.00873,0.08252 l 0.0299,-0.02491 v 3.282584 H 3.93296 c -0.39533,0 -0.71579,0.316024 -0.71579,0.705961 0,0.389937 0.32046,0.706028 0.71579,0.706028 h 16.13408 c 0.39533,0 0.71579,-0.316091 0.71579,-0.706028 0,-0.389937 -0.32046,-0.705961 -0.71579,-0.705961 h -1.57797 v -1.656765 h 1.04279 c 0.4801,0 0.82469,-0.458384 0.68462,-0.911716 L 18.45791,9.4042733 c -0.20526,-0.6650049 -1.16379,-0.6650049 -1.36924,0 l -1.75836,5.6924727 c -0.14007,0.453151 0.20415,0.911716 0.68462,0.911716 h 1.04278 v 1.656764 h -3.1256 v -3.282584 l 0.0299,0.02491 c 0.30176,0.251951 0.7533,0.214945 1.00873,-0.08252 0.25543,-0.297465 0.21792,-0.743031 -0.0837,-0.994982 C 14.37068,12.898749 10.59208,9.7426047 9.78843,9.0712782 9.65494,8.9598418 9.49041,8.9040684 9.32589,8.9040684 Z m 0,1.6310446 3.17472,2.651678 v 4.478436 h -0.99242 v -3.38553 c 0,-0.389937 -0.32043,-0.706028 -0.71558,-0.706028 H 7.85924 c -0.39533,0 -0.71572,0.316091 -0.71572,0.706028 v 3.38553 H 6.15103 v -4.478436 h 2.1e-4 z m 8.4474,1.497088 0.79229,2.564476 h -1.58437 z m -9.19848,2.953457 h 1.50202 v 2.679569 H 8.57481 Z"}));
    registerBlockType('vabtopic/custom', {
    	title:'Мой кастомный блок',
    	icon:icon,
    	description:'Мой Custom Section',
    	category:'VAB_category',
    	edit:function(props){
    		return(el('div',{className:props.className},el(InnerBlocks,{allowedBlocks:allowedBlocks,})));
    	},
    	save:function(props){
    		return(el('div',{className:props.className},el('div',{className:'vab_custom_section'},el(InnerBlocks.Content,null))));
    	}
    });

    5e2080e822d3d790504966.jpeg

    InnerBlocks редактируемый (Ваш вопрос)

    registerBlockType('vabtopic/custom', {
    	title:'Мой кастомный блок',
    	icon:icon,
    	description:'Мой Custom Section',
    	category:'VAB_category',
    	edit:function(props){
    		var content=props.attributes.content;
    		function onChangeContent(newContent){props.setAttributes({content:newContent});}
    		return(
    			el('div',{className:props.className},
    					el(RichText,{tagName:'p',className:props.className,onChange:onChangeContent,value:content,}),
    					el('div',{className:'vab_custom_section'},el(InnerBlocks,{allowedBlocks:allowedBlocks,}))
    				)
    		);
    	},
    	save:function(props){
    	return(
    		el('div',{className:props.className},
    			el(RichText.Content,{tagName:'p',value:props.attributes.content,}),
    			el('div',{className:'vab_custom_section'},el(InnerBlocks.Content,null))
    		)
    	);
    	},
    });

    5e208135073f3654618450.jpeg

    Смешанный пример(шаблон чего-то)

    registerBlockType('vabtopic/vab-mixed-block',{
    	title: i18n.__('Смешанный блок','VAB'),
    	icon:'index-card',
    	category:'VAB_category',
    	attributes:{
    		title:{type:'array',source:'children',selector:'h2',},
    		mediaID:{type:'number',},
    		mediaURL:{type:'string',source:'attribute',selector:'img',attribute:'src',},
    		mixedfirst:{type:'array',source:'children',selector:'.mixedfirst',},
    		mixedsecond:{type:'array',source:'children',selector:'.mixedsecond',},
    	},
    	edit:function(props){
    		var attributes=props.attributes;
    		var onSelectImage=function(media){
    			return props.setAttributes({mediaURL:media.url,mediaID:media.id,});
    		};
    		return (
    			el('div',{className:props.className},
    				el(RichText,{tagName:'h2',inline:true,placeholder:i18n.__('Заголовок'),value:attributes.title,onChange:function(value){props.setAttributes({title:value});},
    				}),
    				el('div',{className:'recipe-image'},
    					el(MediaUpload,{onSelect:onSelectImage,allowedTypes:'image',value:attributes.mediaID,
    						render:function(obj){
    							return el(components.Button,{
    									className:attributes.mediaID?'image-button':'button button-large',
    									onClick:obj.open
    								},
    								! attributes.mediaID?i18n.__('Загрузка изображения'):el('img',{src:attributes.mediaURL})
    							);
    						}
    					})
    				),
    				el('h3',{},i18n.__('Редактируемый блок первый')),
    				el(RichText,{tagName:'ul',multiline:'li',placeholder:i18n.__('placeholder'),value:attributes.mixedfirst,
    					onChange:function(value){props.setAttributes({mixedfirst:value});},
    					className:'mixedfirst',
    				}),
    				el('h3',{},i18n.__('Редактируемый блок второй')),
    				el(RichText,{
    					tagName:'div',
    					inline:false,
    					placeholder:i18n.__('placeholder'),
    					value:attributes.mixedsecond,
    					onChange:function(value){
    						props.setAttributes({mixedsecond:value});
    					},
    				})
    			)
    		);
    	},
    	save:function(props){
    		var attributes=props.attributes;
    		return(
    			el('div',{className:props.className},
    				el(RichText.Content,{tagName:'h2',value:attributes.title}),
    				attributes.mediaURL&&el('div',{className:'mixed-image'},el('img',{src:attributes.mediaURL}),),
    				el('h3',{},i18n.__('Редактируемый блок первый','VAB')),
    				el(RichText.Content,{tagName:'ul',className:'mixedfirst',value:attributes.mixedfirst}),
    				el('h3',{},i18n.__('Редактируемый блок второй','VAB')),
    				el(RichText.Content,{tagName:'div',className:'mixedsecond',value:attributes.mixedsecond}),
    			)
    		);
    	},
    });

    в этот блок по аналогии можно запихать так же InnerBlocks
    5e20816d73319431708085.jpeg
    5e208173cde0d237413380.jpeg
    5e20818c5eab8473389518.jpeg

    Не пытаемся в InnerBlocks запихать core/freeform (классический блок)
    при регистрации js указываем зависимости необходимых элементов/библиотек
    wp_register_script(...array('wp-editor','wp-blocks','wp-i18n','wp-element','wp-dom-ready','wp-edit-post','wp-components'));
    Ответ написан
    5 комментариев
  • Как проверить страницу произвольного типа записей?

    V_A_B
    @V_A_B
    ¯\_(ツ)_/¯
    if(is_singular('video')){ //Проверяет просматривается ли страница записи (поста, страницы, вложения, произвольный тип записи)

    Я пытался использовать get_post_type, но там просят id типа записей. А где его взять?

    global $post; //$post->ID
    $post_type = get_post_type( $post->ID );
    Ответ написан
    Комментировать