burnuser
Forum Replies Created
-
Forum: Plugins
In reply to: [Admin Page Spider] Child indentation is lost in 3.34It works. Good job!
Yes, that’s what I thought – originally. But when testing this option (with several text and also image containers), I’ve got no difference in element behavior, no mater which “Trigger Anchor” is selected. (The selection is visible in webpage-code, but no effect at all.)
Please test it on your own.
And if it works for you, … tell me.
Sorry, but there seems to be a misunderstanding.
Your answer works for the option “Animate on custom selector”, but my question refers to the graphical position interface below named “Trigger Anchor”, where you can select one of 9 positions like in “Transform Origin”.
And while purpose and function of “Transform Origin” is clear, it’s not for “Trigger Anchor”, which is the the subject of my question.
Example – without any “Enable Custom child order” effect:
https://gsflextest.s6-tastewp.com/
I understand what you say, but I don’t understand the plugin in this case.
“Animate on custom selector” is a regular option in regular animation panel without any hint by activation, that it needs special actions or additional features, only a input field for custom selector (which I can’t bring to work as expected).
To be open, I can live without this option, it is nor really essential for me. My primary interest is understanding this option (and many others), because I’m planning an intense WordPress workshop in the near future with Greenshift as a central tool. And I wanted to avoid telling my students “Oh, ignore this option, I don’t know how it works …”
That’s the problem.
The “empty block” is not empty, but a regular box container with regular text within and with an added flip animation, which works regular, if I turn “Animate on custom selector” off. – Like I have done now with a copy of the block. (Look at it.)
But the question is, how can I use “Animate on custom selector”?
https://gstest2.s2-tastewp.com/
1 animated container in the middle of the page (works without “Animate on custom selector” in animation panel.)
I added class .anitrig1 to intended trigger (below) and in animation panel in field “Custom selector”, but obviously with no working animation.
Yes, I understand the difference between animation panel and interaction layers.
But what I need is an explanation how to use the option “Animate on custom selector” in animation panel, because whatever I try, it has no effect.
You are right, your solution works.
But I think not, that I made a mistake, according to Greenshift documentation:
“If you didn’t set custom selector where to apply animations, Greenshift will try to find direct child elements of block and animate them with stagger effect.”
And in Greenshift 11.6 this worked for me as described.
So I think it’s a bug, that Greenshift 11.7.2 needs a custom selector, in contradiction to your own documentation.
But maybe that’s a problem of a missing default in Interaction Layers.
In the stated stagger case, the missing default since 11.7.2 seems to be “find direct child elements of block”
And I found another case in Interaction Layers:
If I use Interaction Layers, the active block is used as Trigger and also as target for Action, which is intended.
If I use a custom selector for “Action” it works also as intended. When trigger on block with Interaction Layer is active, the Action is applied to the custom selector block (elsewhere).But, if I use custom selector for “Trigger”, the action is NOT applied to the block with Interaction Layer (as expected), but it targets also the Trigger block!
In this case it only works when using a custom selector also for “Action” target. (Like in Your example with stagger.) But I think, here is also a missing default of Current as Action target.Anyway, something should be changed:
A) The plugin code, or
B) the documentation
Because at the moment, the plugin does not deliver, what the documentation promises.The items within box container are paragraph blocks (and Theme is Twenty Twenty-Four).
And if you want to see the stagger in action, you can also make a Rollback to 11.6:
Code to play with:
<!-- wp:greenshift-blocks/container {"id":"gsbp-2801f55","interactionLayers":[{"actions":[{"actionname":"animation","aopts":[{"type":"scale","value":"1,2","keyframed":true,"keyframes":[{"value":"1","customMath":[]},{"value":"1.2","customMath":[]},{"value":"1","customMath":[]}]}],"aprops":[{"type":"delay","value":"0,5","stagger":true,"staggervalue":0.5}]}],"env":"no-action","triggerData":{"trigger":"mouse-enter"}}]} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-2801f55" id="gspb_container-id-gsbp-2801f55" data-gspbactions="[{"actions":[{"actionname":"animation","aopts":[{"type":"scale","value":"1,2","keyframed":true,"keyframes":[{"value":"1","customMath":[]},{"value":"1.2","customMath":[]},{"value":"1","customMath":[]}]}],"aprops":[{"type":"delay","value":"0,5","stagger":true,"staggervalue":0.5}]}],"env":"no-action","triggerData":{"trigger":"mouse-enter"}}]"><!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet tempor. Deserunt esse veniam irure mollit ullamco ut ut.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Quis minim fugiat sit lorem consequat sunt eiusmod irure quis aute.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Veniam labore dolor culpa esse consectetur proident enim ea. Laboris cupidatat nostrud laborum aliquip duis enim est aliqua.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Mollit esse est excepteur occaecat ut laborum. Ea ipsum minim minim dolor aliquip. Laboris dolore lorem consequat pariatur elit. Do voluptate excepteur ullamco ad tempor ullamco eiusmod.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Sit quis exercitation irure velit velit dolore excepteur culpa reprehenderit.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Dolore esse esse deserunt ad eu aute id. Culpa sit quis aliqua ex eiusmod. Dolore occaecat esse voluptate culpa aliqua pariatur in voluptate.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:greenshift-blocks/container -->New site (lives 7 days): https://gs1test.s6-tastewp.com/
Problem as stated with 11.7.2.
(After Rollback to 11.6 it works, but after updating again to 11.7.2 no effect as before.)
Finally I got it.
But it is really tricky and I recommend to add some hints in Greenshift documentation and/or within the plugin user-interface:
- 3D View with Advanced => CSS Transform and transitions needs a block stack
- Use Parent Box / DIV Container block for Perspective setting
- Use Child block for CSS Transforms like Rotate X and Translate Z
- Attention 1: If Parent block is a Box container, Transformation of child blocks is not shown with perspective view in the editor, only in webpage preview!
- Attention 2: If direct child block is an image (e.g. Image Advanced block), Perspective view does not work anyway on this image!
Instead you need a 3 block stack to add Perspective to an image:
Box / DIV Parent Container => Box / DIV Child Container => Image block
I tried it with child blocks before, but struggled with the above stated special conditions, which are not obvious anyway, because the present user-interface allows/suggests adding perspective and transformation settings all at once.
I tried everything: Image or Text in Box container, the results are as stated above.
And, if this is relevant for this case, I’m using the free Greenshift plugin from WordPress directory without any (Animation) Extension Pack.
So, please, tell me what to do, if I want to use the perspective option in a Box Container with an image or text block inside, in Tab Advanced => CSS Transform and transitions: …
Forum: Plugins
In reply to: [Media Library Assistant] Font uploads in FSEUnfortunately I had the same problem yesterday, during a WordPress demonstration in front of a full classroom.
It took me afterwards some time and a lot of testing to identify MLA as the problem.
After finding this thread an testing your Development Version, I can confirm that the new version works.
But until the release of a working official Update, with regular installation, I can’t use MLA in my trainings any longer 🙁
Oh, I think fullsize is not the problem since WordPress limits all images on upload to max. 2560 px – and calls this reduced image when selecting “fullsize”.
And WordPress itself uses also only fullsize – in Customizer (Classic Themes), in Website-Editor (FSE) Styles – Background and in every background-image option in Gutenberg.
So, fullsize is common default.