terenziocensoni

Webyx

Rodolfo Cucchiella

<p>The first and most powerful plugin to create awesome fullpage fullscreen vertical and horizontal scrolling websites effortlessly on WordPress.</p>
<p><iframe loading="lazy" title="How to create a page with Webyx Free for Gutenberg in Full Site Editing step by step tutorial (1/3)" width="750" height="422" src="https://www.youtube.com/embed/MtxXauTyMs8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>💡 WHAT YOU CAN DO</h3>
<p><strong>Webyx</strong> for Gutenberg is a plugin for WordPress that allows you to create amazing <strong>fullpage fullscreen scrollable websites</strong> quickly and easily.</p>
<p>If you want to see and try something made with Webyx, go to our <a href="https://demo.webyx.it/webyx-free-block-with-twenty-24-block-themes/" rel="nofollow ugc">DEMO website!</a></p>
<h3>💎 WEBYX PRO FOR GUTENBERG</h3>
<p>With the <a href="https://gum.co/u/phihkwcg" rel="nofollow ugc">PRO version</a> you will also be able to create <strong>landing</strong>, <strong>single</strong> or <strong>multi page websites</strong>, manually shape the view appearance you want to show.</p>
<p><strong>⚠️ IMPORTANT NOTE: after having installed the PRO version you can convert directly from the FREE version to the PRO version.</strong></p>
<h3>🚀 TRY WEBYX FREE FOR ELEMENTOR</h3>
<p>Are you also Elementor users and enthusiasts?<br />
We have the version of Webyx explicitly built for Elementor.<br />
Download and try the <a href="https://wordpress.org/plugins/webyx-fe/" rel="ugc">Webyx Free for Elementor</a> version of our dedicated plugin!</p>
<h3>🎁 WebyxUI: join our Exclusive BETA!</h3>
<p>We are thrilled to announce the upcoming launch of our new product, <a href="https://gum.co/u/rmtlgcnq" rel="nofollow ugc">WebyxUI</a>.<br />
We would like to offer you an exclusive opportunity to be among the firsts to experience it: we are opening 20 spots for BETA testers for FREE!<br />
By joining our BETA program, you will get early and FREE access to <a href="https://gum.co/u/rmtlgcnq" rel="nofollow ugc">WebyxUI</a> and have the chance to provide feedback that will help shape the final version.</p>
<h3>🎁 FEATURES OF THE FREE VERSION</h3>
<ul>
<li><a href="https://www.youtube.com/watch?v=ALkTezuyzxc" rel="nofollow ugc">Sections</a></li>
<li><a href="https://www.youtube.com/watch?v=ALkTezuyzxc" rel="nofollow ugc">Slides</a></li>
<li><a href="https://www.youtube.com/watch?v=I2pBlUjBH8U" rel="nofollow ugc">Slide content position</a></li>
<li>Panel style</li>
<li>Template design</li>
<li><a href="https://www.youtube.com/watch?v=fY_5lVCRPsQ" rel="nofollow ugc">Continuous horizontal</a></li>
<li><a href="https://www.youtube.com/watch?v=coJF40Yj0qE" rel="nofollow ugc">Animation easings and speeds</a></li>
<li><a href="https://www.youtube.com/watch?v=p9wo5iJBh0Q" rel="nofollow ugc">Navigation arrows</a></li>
<li><a href="https://www.youtube.com/watch?v=Mp3idgS2xcQ" rel="nofollow ugc">Navigation bullets</a></li>
<li><a href="https://www.youtube.com/watch?v=bmmQuoGfC0s" rel="nofollow ugc">Navigation mouse wheel</a></li>
<li>Navigation keyboard</li>
<li><a href="https://www.youtube.com/watch?v=x6iX_cCWfno" rel="nofollow ugc">Fullscreen button</a></li>
<li><a href="https://www.youtube.com/watch?v=i6K_zeAOUoA" rel="nofollow ugc">Lockable horizontal swipe</a></li>
<li><a href="https://www.youtube.com/watch?v=NsFWk-hl-VE" rel="nofollow ugc">Loading splash screen</a></li>
<li><a href="https://www.youtube.com/watch?v=TmW9nPNnhDQ" rel="nofollow ugc">Mobile settings</a></li>
<li><a href="https://www.youtube.com/watch?v=3aKxzeEUi28" rel="nofollow ugc">Custom CSS</a></li>
<li><a href="https://www.youtube.com/watch?v=MtxXauTyMs8" rel="nofollow ugc">WordPress Full Site Editing Theme compatibility</a></li>
<li>Built-in responsive menu</li>
<li>Responsive</li>
<li>Touch support</li>
<li>Clean and minimized code</li>
<li>Compatible with all modern browsers</li>
<li>No jQuery</li>
<li>Easy to use with hundreds of configurable options</li>
<li>…and much more</li>
</ul>
<h3>🏆 FEATURES OF THE PRO VERSION ONLY</h3>
<ul>
<li><a href="https://www.youtube.com/watch?v=ou4L8iN1zDc" rel="nofollow ugc">View design</a></li>
<li><a href="https://www.youtube.com/watch?v=ou4L8iN1zDc" rel="nofollow ugc">Customizable header with menu</a></li>
<li><a href="https://www.youtube.com/watch?v=XU2p0MrdvhI" rel="nofollow ugc">Anchors</a></li>
<li><a href="https://www.youtube.com/watch?v=16EHgtjSFzw" rel="nofollow ugc">Scrolling content</a></li>
<li><a href="https://www.youtube.com/watch?v=fY_5lVCRPsQ" rel="nofollow ugc">Continuous vertical</a></li>
<li><a href="https://www.youtube.com/watch?v=junt7gnmfRs" rel="nofollow ugc">Horizontal animation</a></li>
<li><a href="https://www.youtube.com/watch?v=_nUlXMsEMvg" rel="nofollow ugc">Horizontal scrolling</a></li>
<li><a href="https://www.youtube.com/watch?v=r5gUISxdqM8" rel="nofollow ugc">Horizontal scrolling smooth animation and duration</a></li>
<li><a href="https://www.youtube.com/watch?v=VsWc8sqPaGY" rel="nofollow ugc">Card style</a></li>
<li><a href="https://www.youtube.com/watch?v=VsWc8sqPaGY" rel="nofollow ugc">Parallax effect</a></li>
<li><a href="https://www.youtube.com/watch?v=cr-0UX2wn38" rel="nofollow ugc">Navigation Drag and Move (BETA)</a></li>
<li><a href="https://www.youtube.com/watch?v=XGTaXUK-UfE" rel="nofollow ugc">Indipendent animation types on X and Y axes</a></li>
<li><a href="https://www.youtube.com/watch?v=XGTaXUK-UfE" rel="nofollow ugc">Fade and toggle animations</a></li>
<li><a href="https://www.youtube.com/watch?v=0NeotUFVJIw" rel="nofollow ugc">Normal scrolling website</a></li>
<li><a href="https://www.youtube.com/watch?v=0NeotUFVJIw" rel="nofollow ugc">Slide height autofill</a></li>
<li><a href="https://www.youtube.com/watch?v=Jhmq-O2LB2E" rel="nofollow ugc">Lockable vertical movement</a></li>
<li>Mobile movement threshold</li>
<li><a href="https://www.youtube.com/watch?v=xjdqoDbwtyE" rel="nofollow ugc">Switchable foregrounds for each Slide background</a></li>
<li><a href="https://www.youtube.com/watch?v=xjdqoDbwtyE" rel="nofollow ugc">Different backgrounds for each device type</a></li>
<li><a href="https://www.youtube.com/watch?v=rG7yvGdswqc" rel="nofollow ugc">Background audio</a></li>
<li><a href="https://www.youtube.com/watch?v=e_tdcVLiRgE" rel="nofollow ugc">Background video</a></li>
<li><a href="https://www.youtube.com/watch?v=hPz3rhWL4vE" rel="nofollow ugc">Event hooks</a></li>
<li><a href="https://www.youtube.com/watch?v=ySsDlcOZpas" rel="nofollow ugc">Visible or hidden Slides on the fly</a></li>
<li>Automatic updates management</li>
<li>Rollback to previous versions</li>
<li>…and much more</li>
</ul>
<h3>📖 QUICK USER’S GUIDE</h3>
<p>For a more complete documentation visit our website at <a href="https://webyx.it" rel="nofollow ugc">Webyx</a>.</p>
<h4>How to add the block in Gutenberg</h4>
<ol>
<li>Create a new page or go to the page you would like to add the block.</li>
<li>Enable Webyx Template page or Custom Template page.</li>
<li>Find <strong>Webyx for Gutenberg</strong> block on the Gutenberg blocks and add it to the page.<br />
    IMPORTANT: you can add only one <strong>Webyx</strong> for Gutenberg block as the only root element of the page.<br />
    You should not add any other block to the page at the same level of the <strong>Webyx</strong> for Gutenberg block.</li>
<li>Inside the root level <strong>Webyx</strong> for Gutenberg block you must only add Section blocks that will contain exclusively Slide blocks.<br />
    IMPORTANT: remember to give different titles to Sections and Slides inside the same Section to allow a correct functioning of Navigation Bullets.</li>
<li>Create your layout inside every single Slide.</li>
</ol>
<p><strong>⚠️ IMPORTANT: Sometimes with the update of Gutenberg, WordPress or other third party plugins, Webyx for Gutenberg block might generate this error: “Webyx for Gutenberg block contains unexpected or invalid content”.<br />
If you see this error instead of the Webyx for Gutenberg block use “attempt block recovery” button.<br />
Do NOT use “Convert to classic block” option. We may introduce major changes that fix bugs or simply add new features which could lead to an attempt block recovery.<br />
Check your pages after each update.</strong></p>
<h4>Enable Webyx template</h4>
<ol>
<li>Click on the Page tab in the right side of Gutenberg editor.</li>
<li>In pages attributes find the Template select and choose <em>webyx</em>.</li>
<li>In Appearance > Menus create your new menu and enable in Menu Settings > Display location: <em>Webyx Menu</em>.</li>
</ol>
<p><em>Important note</em>: <strong>Webyx</strong> for Gutenberg template provides a responsive, scrollable, multi-level, with logo custom menu (Webyx Menu) that could be created with the WordPress Menus internal management.</p>
<h4>Webyx For Gutenberg Plugin Settings</h4>
<p>To customize general plugin settings just go to Settings > Webyx Plugin Settings.</p>
<ul>
<li><strong>Hide WP admin top bar</strong>: hide WP admin top bar in Webyx pages preview.</li>
<li><strong>Enable Webyx menu</strong>: enable Webyx menu “Display location” in Appearance/Menus/Menu structure/Menu settings.</li>
</ul>
<h4>Languages</h4>
<ul>
<li>English</li>
<li>Italian</li>
</ul>
<h4>Documentation and Support</h4>
<ul>
<li>For documentation visit our website at <a href="https://webyx.it" rel="nofollow ugc">Webyx</a>.</li>
</ul>
<h3>🔧 INSTALLATION</h3>
<h4>Minimum Requirements</h4>
<ul>
<li>WordPress 5.7 or greater</li>
<li>PHP version 7.2 or greater</li>
<li>MySQL version 5.0 or greater</li>
</ul>
<h4>Installation</h4>
<p>To install <strong>Webyx</strong> for Gutenberg is very easy:</p>
<ol>
<li>Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the <code>wp-content/plugins/</code> directory of your WordPress installation.</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress.</li>
</ol>
<p>From now on you will be able to access and use <strong>Webyx</strong> for Gutenberg!</p>
<h4>Uninstalling</h4>
<p>To uninstall <strong>Webyx</strong> for Gutenberg you just need to:</p>
<ol>
<li>Deactivate the plugin via the ‘Plugins’ menu in WordPress.</li>
<li>Choose the ‘Delete plugin’ action you can find in the same menu.</li>
</ol>


Webyx for Gutenberg – Fullpage Fullscreen Scrolling Websites

Webyx for Gutenberg it's a simple way to create amazing fullpage full screen scrollable websites in WordPress with Gutenberg editor.

Lukas Rydygel

<p>Jinx Fast-Cache provides a very simple but efficient way of full page caching to WordPress.<br />
It will generate static HTML files which will be called using your servers rewrite rules.<br />
This feature will bypass the whole PHP process and render only a simple HTML file without the whole overhead.</p>
<h3>Usage</h3>
<p>After activating the plugin, it will modify your .htaccess file. If this is not possible, make sure to enter the rules by yourself:</p>
<pre><code># BEGIN Jinx Fast-Cache
RewriteEngine On
RewriteBase /
RewriteCond %{DOCUMENT_ROOT}/wp-content/jinx-fast-cache/%{HTTP_HOST}/%{REQUEST_URI}/%{QUERY_STRING}/index.html -s
RewriteCond %{REQUEST_METHOD} GET
RewriteRule .* /wp-content/jinx-fast-cache/%{HTTP_HOST}/%{REQUEST_URI}/%{QUERY_STRING}/index.html [L]
# END Jinx Fast-Cache
</code></pre>
<p>When using nginx, make sure to add the following rules:</p>
<pre><code>set $cache_path false;
if ($request_method = GET) {
  set $cache_path /wp-content/jinx-fast-cache/$host/$uri/$args/index.html;
}
location / {
  try_files $cache_path $uri $uri/ /index.php?$query_string;
}
</code></pre>
<p>You may flush, warm or refresh (flush & warm) single or multiple URLs using the buttons in the admin bar.</p>
<p>By default all posts will be automatically warmed after they have been saved and flushed after they have been deleted or put on draft.</p>
<p>The warm process will create a queue, which will be handled in a scheduled task (cron). When warming up a single post, it will skip the queue.</p>
<p>The plugin will automatically flush and warm the cache after an update has been completed.</p>
<h3>Developers</h3>
<h3>Filters</h3>
<p>Jinx Fast-Cache is made for developers. So far no admin panel is available, but you may modify a lot of it’s behaviors using filters.</p>
<ul>
<li><strong>jinx_fast_cache_active</strong>: Control if an URL should be cached (default true) or not.</li>
<li><strong>jinx_fast_cache_post_types</strong>: Control the post types which should be cached. By default all post types which are “publicly_queryable” and “page” will be cached.</li>
<li><strong>jinx_fast_cache_posts</strong>: Filter the posts which should be cached.</li>
<li><strong>jinx_fast_cache_taxonomies</strong>: Control the taxonomies which should be cached. By default all taxonomies which are “publicly_queryable” will be cached.</li>
<li><strong>jinx_fast_cache_terms</strong>: Filter the terms which should be cached.</li>
<li><strong>jinx_fast_cache_output</strong>: Use this to modify the HTML content written to your cache file.</li>
<li><strong>jinx_fast_cache_minify</strong>: Control if the output should be minified (default true) or not.</li>
<li><strong>jinx_fast_cache_flush</strong>: Control which URLs should be flushed. This may be used to flush related URLs eg. your front page.</li>
<li><strong>jinx_fast_cache_warm</strong>: Control which URLs should be warmed. This may be used to warm related URLs eg. your front page.</li>
<li><strong>jinx_fast_cache_queue_interval</strong>: Change the interval of the queues cron task (default 60) to warm URLs.</li>
<li><strong>jinx_fast_cache_queue_size</strong>: Change the number of URLs which should be handled durring a cron task (default 10). When setting it to <= 0, all URLs will be handled. This may cause a huge load when you have a lot of URLs.</li>
<li><strong>jinx_fast_cache_gc_interval</strong>: Change the interval of the GCs cron task (default 60) to flush invalid URLs.</li>
<li><strong>jinx_fast_cache_ignore_404</strong>: Control if 404 errors should be cached (default false) or not. Not that a lot of 404 errors will also create a lot of cache files on your server.</li>
<li><strong>jinx_fast_cache_query_params</strong>: Control if and which query params will be accepted. You may pass ‘__return_empty_array’ to allow no query params at all.</li>
<li><strong>jinx_fast_cache_refresh_on_upgrade</strong>: Control if the cache should be refreshed on upgrade (default true).</li>
<li><strong>jinx_fast_cache_duration</strong>: Change the caches duration (default null). The cache of URLs without a duration will always be valid. You may use a numeric value eg. 3600 or something like ’12 hours’ or ‘1 week’ etc.</li>
</ul>
<h3>Injections</h3>
<p>Jinx Fast-Cache also provides the feature to inject dynamic content into your pages. If you eg. want to print the users name on the page, you may inject it via ajax.<br />
You may also use a placeholder to let your users know, that the content will be loading eg. “loading …”.</p>
<p>Inject a template:</p>
<pre><code>do_action('jinx_fast_cache_inject_template', 'user');
do_action('jinx_fast_cache_inject_template', 'user', 'loading ...');
</code></pre>
<p>This has the same effect as:</p>
<pre><code>do_action('jinx_fast_cache_inject', 'get_template_part', ['user']);
do_action('jinx_fast_cache_inject', 'get_template_part', ['user'], 'loading ...');
</code></pre>
<p>You may call every public function of PHP, your theme or any plugin:</p>
<pre><code>do_action('jinx_fast_cache_inject', 'date', ['Y']);
do_action('jinx_fast_cache_inject', 'my_function', ['param1', 'param2']);
do_action('jinx_fast_cache_inject', 'namespace\MyClass::myMethod', ['param1', 'param2']);
do_action('jinx_fast_cache_inject', ['namespace\MyClass', 'myMethod'], ['param1', 'param2']);
</code></pre>
<p>The first parameter is the function call, the second parameter is an array or arguments passed to this function and the third parameter is the placeholder.</p>
<p>Inside the editor, you may also use shortcodes to inject content.</p>
<pre><code>[jinx_fast_cache_inject]My dynamic content or other shortcodes can be used here[/jinx_fast_cache_inject]
[jinx_fast_cache_inject placeholder="loading..."]My dynamic content or other shortcodes can be used here[/jinx_fast_cache_inject]
</code></pre>
<p>Every shortcode or block between “jinx_fast_cache_inject” will be parsed and injected via ajax. Note that this may cause problems when working with JS events.</p>
<h3>Injection Callbacks</h3>
<p>You may trigger custom JS after dynamic content has been injected.</p>
<p>Using jQuery:</p>
<pre><code>$('.element').on('jinx-fast-cache-inject', function(e) {
  // so smth. with e.target or this
});
</code></pre>
<p>Using VanillaJS:</p>
<pre><code>element.addEventListener('jinx-fast-cache-inject' (e) => {
  // so smth. with e.target
}, false);<h3>Tags</h3>
</code></pre>
<p>Even there are some filters to build a relation between URLs, tags are an easier way to do this.<br />
You may connect multiple URLs with tags, so if one URL gets flushed, it will also flush URLs with the same tag.</p>
<p>Tags can be used inside the editor by using the shortcode:</p>
<pre><code>[jinx_fast_cache tags="foo,bar"]
</code></pre>
<p>Or you can use it inside your templates by calling the action:</p>
<pre><code>do_action('jinx_fast_cache', ['tags' => 'foo,bar']);
do_action('jinx_fast_cache', ['tags' => ['foo', 'bar']]);
</code></pre>
<p>A usecase for tags might be to connect single posts with your page for posts. So if a single post will be flushed, the page for posts and all other posts will also be flushed.</p>
<p>You may also add multiple tags by calling the shortcode or action multiple times. This will work very well when using blocks or other shortcodes.</p>
<h3>Cache duration</h3>
<p>As you have seen already, you may set a cache duration globally by using the filter ‘jinx_fast_cache_duration’.<br />
However, if there is a specific URL eg. the front page, you may want to change the duration.</p>
<p>You may use a shortcode like this:</p>
<pre><code>[jinx_fast_cache duration="3600"]
[jinx_fast_cache duration="12 hours"]
</code></pre>
<p>Or you can use it inside your templates by calling the action:</p>
<pre><code>do_action('jinx_fast_cache', ['duration' => 3600]);<h3>Hits</h3>
</code></pre>
<p>Be aware that you can set tags and the cache duration in just one call.</p>
<pre><code>[jinx_fast_cache duration="3600" tags="foo,bar"]
</code></pre>
<p>Or you can use it inside your templates by calling the action:</p>
<pre><code>do_action('jinx_fast_cache', ['duration' => 3600, 'tags' => 'foo,bar']);
do_action('jinx_fast_cache', ['duration' => 3600, 'tags' => ['foo', 'bar']]);
</code></pre>
<p>Note that tags will accept a string or an array.</p>
<h3>Roadmap</h3>
<ul>
<li>[x] Release the plugin</li>
<li>[x] Add HTML minification for output</li>
<li>[x] Allow injection of dynamic rendered templates using ajax requests</li>
<li>[x] Add taxonomies</li>
<li>[x] Provide scheduled tasks</li>
<li>[x] Add admin columns for cache status</li>
<li>[x] Provide exclude option for posts and terms in backend</li>
<li>[x] Add multisite support</li>
<li>[x] Flush and warm after update complete</li>
<li>[x] Add possibility to ignore 404</li>
<li>[x] Allow query params to be excluded or totally ignored</li>
<li>[x] Provide cache duration</li>
<li>[ ] Provide admin panel to change options</li>
<li>[x] Add tags to flush related pages</li>
<li>[x] Add shortcode for injects</li>
<li>[x] Add JS events for injects</li>
</ul>


Jinx Fast-Cache

Jinx Fast-Cache is a blazing fast full page cache for WordPress, written for developers. The goal was to create a caching plugin without the overhead  …

Webyx for Gutenberg – Fullpage Fullscreen Scrolling Websites vs Jinx Fast-Cache