Test – https://danielcak.ambike.com/scroll-timeline-jquery/
Original – https://codepen.io/viktorjs/pen/KQZYjo
FakerPress
Page Builder Gutenberg Blocks – CoBlocks
CSS Timeline
Převzatý článek
Learn how to create a responsive „timeline“ with CSS. Pokračovat ve čtení „CSS Timeline“
jQuery Document Ready Function For WordPress
Převzatý článek
You can set up a jQuery document ready function for use with WordPress and use the jQuery library that WordPress ships with rather than use another one. Here are three ways to use jQuery document ready function with WordPress.
Usually, a jQuery document ready function is expressed as below.
1 2 3 | $(document).ready(function(){ }); |
jQuery document ready 1st way
WordPress loads its own jQuery library in what is known as ‘no conflict mode‘ and the $ selector or variable that defines jQuery doesn’t work with the WordPress loaded jQuery version, so it has to be expressed more like so…
1 2 3 4 5 | jQuery(document).ready(function($){ // Code goes here }); |
Here we are using jQuery at the beginning of the document ready function and then passing or binding that to the $ selector, so now anywhere else in the code you can use the $ selector.
jQuery document ready 2nd way
There is also a shorthand version of the jQuery document ready function.
1 2 3 4 5 | jQuery(function($) { // Code goes here }); |
Same issue here, using the jQuery at the beginning.
jQuery document ready 3rd way
Another way is to add the document ready code is inside a Javascript function…
1 2 3 4 5 6 7 8 9 | (function($){ $(function() { // Code goes here }); })(jQuery); |
The outer Javascript function is known as an anonymous function and jQuery is wrapped at the end, so is therefore aliased or bound to the $ selector, so in the inner function the jQuery shorthand document does not need to be aliased.
Add the Javascript where needed or register and enqueue the script for usage.
Redirect all pages to a ‘Coming Soon’ Page in WordPress
Převzatý článek
You can redirect all your WordPress pages to a designated Coming Soon page for all non-logged in users with the template_redirect action hook whilst leaving all pages visible to logged in users.
1 2 3 4 5 6 7 | add_action( 'template_redirect', 'themeprefix_coming_soon' ); function themeprefix_coming_soon() { if( !is_user_logged_in() && ! is_front_page() || is_home() ){ wp_redirect( site_url() ); exit(); } } |
So if the user is not logged in and the page is not the home page then redirect the user to the home page, if you want a different page to direct them to, change the parameters as below.
1 2 3 4 5 6 7 | add_action( 'template_redirect', 'themeprefix_coming_soon' ); function themeprefix_coming_soon() { if( !is_user_logged_in() && !is_page('comingsoon') ){ wp_redirect( site_url('comingsoon') ); exit(); } } |
So above the as long as the page is not ‘comingsoon’ the non-logged in user will be redirected to it.
Change @WordPress from email address and from name sent out from website
Převzatý článek
WordPress sends a few emails out from a website including password reset emails that have a from email address wordpress@yoursite.com they also have a from name of WordPress.
Two WordPress filters can change these values wp_mail_from and wp_mail_from_name – add the below code in your child themes functions.php and change the appropriate values.
1 2 3 4 5 6 7 8 9 10 11 | add_filter('wp_mail_from', 'prefix_email_from'); // Change default WordPress from email address function prefix_email_from( $new_email ) { return 'admin@newadress.com'; // Change email address } add_filter('wp_mail_from_name', 'prefix_name_from'); // Change default WordPress from name function prefix_name_from( $new_name ) { return 'Company Name'; // Change from name } |
1 2 3 4 5 6 7 8 9 10 11 12 13 | add_filter('wp_mail_from', 'prefix_email_from'); // Change default WordPress from email address function prefix_email_from( $new_email ) { $admin_email = get_option( 'admin_email' ); return $admin_email; } add_filter('wp_mail_from_name', 'prefix_name_from'); // Change default WordPress from name function prefix_name_from( $new_name ) { $blogname = get_option( 'blogname' ); return $blogname; } |
Loading.io
Loading.io je skvělý zdroj animovaných ikon. Zajímavá je zvláště jejich SVG varianta, stačí je prozkoumat v Chrome Developers Console.
Best Image Gallery & Responsive Photo Gallery – FooGallery
WordPress Admin Bar Tricks
Převzatý článek
According to our latest poll, so far the votes are pretty much split on whether people love, hate, or don’t care about WordPress‘ new Admin Bar. Over time, it looks like „Hate it“ has started to pull ahead, but it doesn’t matter because the Admin Bar Toolbar is here to stay, regardless of opinion. Already there are many awesome ways to make it do virtually whatever you want. So that’s the deal, and in this DigWP post, we round up a ton of tips, tricks, and plugins for ultimately mastering the WordPress Admin Bar. Pokračovat ve čtení „WordPress Admin Bar Tricks“