Tipy na obsluhu
Obsluha na používateľskom rozhraní je podobná štandardnému správcovi súborov operačného systému. Drag and Drop však nie je možné používať s mobilnými prehliadačmi.
Kliknutím pravým tlačidlom alebo dlhým klepnutím zobrazíte kontextové menu.
Presuňte myšou do stromu priečinkov alebo do aktuálneho pracovného priestoru a presuňte / kopírujte položky.
Výber položky v pracovnom priestore môžete rozšíriť pomocou klávesov Shift alebo Alt (Možnosť).
Premiestnite súbory a priečinky do cieľovej zložky alebo do pracovného priestoru.
Dialog odovzdávania môže prijímať dáta schránky alebo zoznamy adries URL a pritiahnuť a odísť z iných prehliadačov alebo správcov súborov.
Potiahnutím spustite stlačením klávesu Alt (Možnosť) pretiahnite do vonkajšieho prehliadača. Táto funkcia sa prevezme pomocou prehliadača Google Chrome.
/* global jQuery, document, redux, redux_change:true, wp, ajaxurl */
(function ( $ ) {
'use strict';
redux.customizer = redux.customizer || {};
$( document ).ready(
function () {
redux.customizer.init();
}
);
redux.customizer.init = function () {
let reduxChange;
let redux_initFields;
$( 'body' ).addClass( redux.customizer.body_class );
$( '.accordion-section.redux-section, .accordion-section.redux-panel, .accordion-section-title' ).on(
'click',
function () {
$.redux.initFields();
}
);
$( '.accordion-section.redux-section h3, .accordion-section.redux-panel h3' ).on(
'click',
function () {
redux.customizer.resize( $( this ).parent() );
}
);
if ( undefined === redux.optName ) {
console.log( 'Redux customizer extension failure' );
return;
}
$( '.control-panel-back, .customize-panel-back' ).on(
'click',
function () {
$( document ).find( 'form#customize-controls' ).removeAttr( 'style' );
$( document ).find( '.wp-full-overlay' ).removeAttr( 'style' );
redux.customizer.width = 0;
}
);
$( '.control-section-back, .customize-section-back' ).on(
'click',
function () {
redux.customizer.resize( $( this ).parent().parent().parent() );
}
);
if ( redux.customizer ) {
// Customizer save hook.
$( '#customize-save-button-wrapper #save' ).on(
'click',
function () {
setTimeout(
function () {
const $parent = $( document.getElementById( 'customize-controls' ) );
const $data = $parent.serialize();
const nonce = $( '.redux-customizer-nonce' ).data( 'nonce' );
$.ajax(
{
type: 'post',
dataType: 'json',
url: ajaxurl,
data: {
action: redux.optName.args.opt_name + '_customizer_save',
nonce: nonce,
opt_name: redux.optName.args.opt_name,
data: $data
},
error: function ( response ) {
if ( true === redux.optName.args.dev_mode ) {
console.log( response.responseText );
}
},
success: function ( response ) {
if ( 'success' === response.status ) {
console.log( response );
$( '.redux-action_bar .spinner' ).removeClass( 'is-active' );
redux.optName.options = response.options;
redux.optName.errors = response.errors;
redux.optName.warnings = response.warnings;
redux.optName.sanitize = response.sanitize;
if ( null !== response.errors || null !== response.warnings ) {
$.redux.notices();
}
if ( null !== response.sanitize ) {
$.redux.sanitize();
}
} else {
console.log( response.responseText );
}
}
}
);
},
1000
);
}
);
}
redux.optName.args.disable_save_warn = true;
reduxChange = redux_change;
redux_change = function ( variable ) {
variable = $( variable );
reduxChange.apply( this, arguments );
redux.customizer.save( variable );
};
redux_initFields = $.redux.initFields;
$.redux.initFiles = function () {
redux_initFields();
};
};
redux.customizer.resize = function ( el ) {
let width;
let test;
let id;
let parentId;
if ( el.attr( 'data-width' ) ) {
redux.customizer.width = el.attr( 'data-width' );
width = redux.customizer.width;
} else {
width = redux.customizer.width;
}
if ( $( 'body' ).width() < 640 ) {
width = '';
}
if ( '' !== width ) {
test = $( '#' + el.attr( 'aria-owns' ) );
if ( test.length > 0 ) {
el = test;
}
}
if ( el.hasClass( 'open' ) || el.hasClass( 'current-panel' ) || el.hasClass( 'current-section' ) ) {
if ( '' !== width ) {
$( document ).find( 'form#customize-controls' ).attr(
'style',
'width:' + width + ';'
);
$( document ).find( '.wp-full-overlay' ).attr(
'style',
'margin-left:' + width + ';'
);
}
} else {
id = el.attr( 'id' );
parentId = $( '*[aria-owns="' + id + '"]' ).parents( '.redux-panel:first' ).attr( 'id' );
width = $( '*[aria-owns="' + parentId + '"]' ).attr( 'data-width' );
if ( ! width ) {
$( document ).find( 'form#customize-controls' ).removeAttr( 'style' );
$( document ).find( '.wp-full-overlay' ).removeAttr( 'style' );
} else {
$( document ).find( 'form#customize-controls' ).attr(
'style',
'width:' + width + ';'
);
$( document ).find( '.wp-full-overlay' ).attr(
'style',
'margin-left:' + width + ';'
);
}
}
};
redux.customizer.save = function ( $obj ) {
const $parent = $obj.hasClass( 'redux-field' ) ? $obj : $obj.parents( '.redux-field-container:first' );
redux.customizer.inputSave( $parent );
};
redux.customizer.inputSave = function ( $parent ) {
let $id;
let $nData;
let $key;
let $control;
if ( ! $parent.hasClass( 'redux-field-container' ) ) {
$parent = $parent.parents( '[class^="redux-field-container"]' );
}
$id = $parent.parent().find( '.redux-customizer-input' ).data( 'id' );
if ( ! $id ) {
$parent = $parent.parents( '.redux-container-repeater:first' );
$id = $parent.parent().find( '.redux-customizer-input' ).data( 'id' );
}
$nData = $parent.find( ':input' ).serializeJSON();
$.each(
$nData,
function ( $k, $v ) {
$k = null;
$nData = $v;
}
);
$key = $parent.parent().find( '.redux-customizer-input' ).data( 'key' );
if ( $nData[$key] ) {
$nData = $nData[$key];
}
$control = wp.customize.control( $id );
// Customizer hack since they didn't code it to save order...
if ( JSON.stringify( $control.setting._value ) !== JSON.stringify( $nData ) ) {
$control.setting._value = null;
}
$control.setting.set( $nData );
};
})( jQuery );
:root{color-scheme:dark;--e-a-color-white:#fff;--e-a-color-black:#000;--e-a-color-logo:#000;--e-a-color-circle-logo:#fff;--e-a-color-primary:#524cff;--e-a-color-primary-bold:#f0abfc;--e-a-color-primary-bold-dark:#e73cf6;--e-a-color-secondary:#515962;--e-a-color-success:#0a875a;--e-a-color-danger:#dc2626;--e-a-color-info:#2563eb;--e-a-color-warning:#f59e0b;--e-a-color-accent:#93003f;--e-a-color-accent-promotion:#d6107c;--e-a-color-accent-promotion-disabled:rgba(214,16,124,.38);--e-a-color-global:#1dddbf;--e-a-bg-default:#1f2124;--e-a-bg-invert:#fff;--e-a-bg-hover:#2b2c31;--e-a-bg-active:#333438;--e-a-bg-active-bold:#3f444b;--e-a-bg-loading:#f9fafa;--e-a-bg-logo:#fff;--e-a-bg-primary:#310132;--e-a-bg-secondary:#515962;--e-a-bg-success:#032317;--e-a-bg-info:#0a1a3d;--e-a-bg-danger:#390a0a;--e-a-bg-warning:#311808;--e-a-bg-chip:#333438;--e-a-color-txt:#d5d8dc;--e-a-color-txt-muted:#9da5ae;--e-a-color-txt-disabled:#69727d;--e-a-color-txt-invert:#fff;--e-a-color-txt-accent:#fff;--e-a-color-txt-hover:#9da5ae;--e-a-color-txt-active:#fff;--e-a-border-color:#333438;--e-a-border-color-bold:#3f444b;--e-a-border-color-focus:#515962;--e-a-border-color-accent:#fff;--e-a-border:1px solid var(--e-a-border-color);--e-a-border-bold:1px solid var(--e-a-border-color-bold);--e-a-border-radius:3px;--e-a-btn-color:#0c0d0e;--e-a-btn-color-invert:var(--e-a-color-txt-invert);--e-a-btn-color-disabled:var(--e-a-color-txt-disabled);--e-a-btn-bg:#515962;--e-a-btn-bg-hover:#3a4046;--e-a-btn-bg-active:#23262a;--e-a-btn-bg-disabled:#d5d8dc;--e-a-btn-bg-primary:#f3bafd;--e-a-btn-bg-primary-hover:#eb8efb;--e-a-btn-bg-primary-active:#f0abfc;--e-a-btn-bg-accent:#93003f;--e-a-btn-bg-accent-hover:#8f1a4c;--e-a-btn-bg-accent-active:#a93365;--e-a-btn-bg-info:#2563eb;--e-a-btn-bg-info-hover:#134cca;--e-a-btn-bg-info-active:#0e3b9c;--e-a-btn-bg-success:#0a875a;--e-a-btn-bg-success-hover:#06583a;--e-a-btn-bg-success-active:#03281b;--e-a-btn-bg-warning:#f59e0b;--e-a-btn-bg-warning-hover:#c57f08;--e-a-btn-bg-warning-active:#945f06;--e-a-btn-bg-danger:#dc2626;--e-a-btn-bg-danger-hover:#b21d1d;--e-a-btn-bg-danger-active:#861616;--e-a-dark-bg:#0c0d0e;--e-a-dark-color-txt:#9da5ae;--e-a-dark-color-txt-hover:#d5d8dc;--e-a-font-family:Roboto,Arial,Helvetica,sans-serif;--e-a-transition-hover:all .3s;--e-a-popover-shadow:0 2px 15px rgba(0,0,0,.9);--e-a-dropdown-shadow:0 0 3px rgba(0,0,0,.9)}
Portfolio Masonry – 3 Col - Pavlovski gold
Skip to content
Portfolio Masonry – 3 Col
