menus – Is it possible to add a dynamic link in the main navigation in a child theme

Create a new “Custom Link” menu item where the URL is #latestpost (which will act as a placeholder and target for the code). You can title the item whatever you please. This code will then find that menu item (by looking for the placeholder URL) and then replace it’s URL with that of the latest post’s URL. Since the filter is before the code that adds the selected CSS classes runs, the menu highlighting will even work. When you visit the latest post on your blog, this menu item will light up.

Place the code in a plugin or just in your theme’s functions.php file.

// Front end only, don't hack on the settings page
if ( ! is_admin() ) {
    // Hook in early to modify the menu
    // This is before the CSS "selected" classes are calculated
    add_filter( 'wp_get_nav_menu_items', 'replace_placeholder_nav_menu_item_with_latest_post', 10, 3 );
}
 
// Replaces a custom URL placeholder with the URL to the latest post
function replace_placeholder_nav_menu_item_with_latest_post( $items, $menu, $args ) {
 
    // Loop through the menu items looking for placeholder(s)
    foreach ( $items as $item ) {
 
        // Is this the placeholder we're looking for?
        if ( '#latestpost' != $item->url )
            continue;
 
        // Get the latest post
        $latestpost = get_posts( array(
            'numberposts' => 1,
        ) );
 
        if ( empty( $latestpost ) )
            continue;
 
        // Replace the placeholder with the real URL
        $item->url = get_permalink( $latestpost(0)->ID );
    }
 
    // Return the modified (or maybe unmodified) menu items array
    return $items;
}

Optimization of faceted navigation and pagination

I recently launched a store under Magento and I would like to improve both faceted navigation and pagination.

  • Faceted navigation : Do you know a module that avoids reloading the page each time a filter is activated and disables the generation of url with parameters?

  • Pagination: Do you know a module that allows to suppress navigation, display products as the user scrolls and that makes accessible all the products urls from the source code of the page to optimize the crawl of robots such as Google?

Thank you in advance for your help.

Mobile reverse navigation (back) and Auto forwarding pages

I have a couple of questions:

  1. When a user press back within a flow – do you show (when going back) screens that are “confirmation states” or steps that were needed to be field in order to continue the flow?
    Such as a confirmation code that was already sent and was confirmed?

If so:

  • Do you clear the form?
  • Keep the information field?
  • Show a message that this step was already taken?
  1. When going back – how do you treat states that are created in the server (such as pending / success confirmation)?
    Usually this states don’t have a back button, or a continue option – and auto direct you to the next screen. But i don’t want to confuse the user by removing it.

Is there a common practice when confirmation / validation screens can be auto transition and when it’s better to keep the user in the page and let him manually continue the flow?

I’m attaching an example for a courier app:

  • The courier has a list of goods
  • When pressing continue he needs to input a verification code that was sent to the client
  • Then the server is processing the payment (the client have field he’s credit card details already)or alternative checking the code.
  • And in the end – he signs the screen.

My question is – what should happen when the courier presses the back button on the last screen?
(we have a requirement to allow it)

enter image description here

accessibility – Page of carousels – Skip links / best keyboard navigation

This question relates to UX with keyboard navigation and a11y for screen reader users.

We have an app that uses multiple carousels of movies, similar to Netflix or Disney+, with their respective category headings. It’s difficult for users to navigate to different categories as they have to navigate through each item in each category. For example, to get to action they have to tab through 20 items to get to action. We are thinking about a skiplink menu with 2 different options below, any thoughts on these approaches or something different?

[skiplink menu here]

Comedy
[item] [item] [item] [item] [item] [next >]

Drama
[item] [item] [item] [item] [item] [next >]

Children
[item] [item] [item] [item] [item] [next >]

Suspense
[item] [item] [item] [item] [item] [next >]

Action
[item] [item] [item] [item] [item] [next >]

Should we be using a skiplink menu like:

Skip to 
- Comedy
- Drama
- Children
- Suspense
- Action

Or:

Skip to 
- Next category
- Previous category

applications – Multi app stacking on gesture navigation

I’m on Android 10 and theres 4 system navigation modes

One with the 3 icons on the bottom, one with only 2 and some gestures, one like the first one but the icons are invisible and the last one (that I use) who use iPhone-like gestures with one horizontal bar and the return on the different edges

I was used in the past to use the “one like the first one but the icons are invisible” and to stack 2 apps at the same time I was used to hold the “recent apps” button, but now, where is that button? I know how to open “recent apps” with that set of gestures but It doesn’t trigger the stacked apps, but the “stacked apps at “recent apps button” hold” option is activated, so it should work

Is anybody understand?

sidebar – How can I add custom class to a link in the navigation menu after attaching it to a widget?

I added a widget called “Footer-1” by adding the following code to my functions.php class

    register_sidebar((
        'name'          => esc_html__( 'Footer Column 1', 'wp-bootstrap-starter' ),
        'id'            => 'footer-1',
        'description'   => esc_html__( 'Add widgets here.', 'wp-bootstrap-starter' ),
        'before_widget' => '<div id="%1$s" class="col-12 col-md-6 col-lg-4 widget %2$s">',
        'class'         => 'wt222',
        'after_widget'  => '</div>',
        'before_title'  => '<h3 class="text-light">',
        'after_title'   => '</h3>',
    ));

Then I added a menu called “policies” to the footer one. It is showing up correctly. However, I want to add a css-class “text-light” to each link in the menu items.

I tried adding it using the nav_menu_link_attributes filter. But it does not seems to work when the menu is attached to a widget. If I injected the menu using wp_nav_menu(('theme_location'=> 'priorities')) menu the class gets added. However, when I attach the same menu to the widget it does not add the class.

add_filter( 'nav_menu_link_attributes', 'menu_add_class', 10, 3 );

// Adds text-light class to each link in the policies menu
function menu_add_class( $atts, $item, $args ) {

    if($args->theme_location === 'policies') {
        $atts('class') = 'text-light';
    }
    return $atts;
}

How can I correctly add the css-class to each link in the menu?

App Windows – TomTom Navigation v1.9.1.1 | NulledTeam UnderGround

TomTom Navigation v1.9.1.1 | Android | 162.7 Mb
Offline Maps, Online Experience. Save data, drive safer.

Stay connected:
* SDL connection: Connect your phone and car to view and control the app from your display.
* TomTom Traffic: Get intelligent routes that avoid traffic in real-time.*
* Speed Cameras: Advanced warnings notify you about upcoming speed cameras.*
* Online Search: Look up any destination on the go with our up-to-date database.*
* Share ETA: Let others know your arrival time and location using any messaging channel of your choice.
Save your data:
* Offline world maps: Download offline maps of the world, and save your mobile data.**
* Weekly Updates: Get the latest map changes for road closures, road direction and speed**
* Ad free: Enjoy an ad-free experience that doesn’t waste your data.
Enjoy your drive:
* Points of interest: Find where to stop to eat, get gas and cash, all available offline en route or at your destination.
* Alternative routes: See alternative routes to your destination.
* Moving Lane Guidance: Approach exits and junctions with ease, and know exactly which lane you need to be in.
* Drive to contacts & photos: Easily plan a route using contacts and geotagged photos stored in your phone.
*These services require a mobile phone connection. Your operator may charge you for the data used and costs may be significantly higher when used abroad. Check http://tomtom.com/20719 for availability per country.
**Data storage constraints may apply and an SD card may be required. Download 4 or more full updates of any installed map per year. You need a wireless internet connection to download new maps and updates.
No ads version
Requirements: Android 5.0+
Home Page –

Recommend Download Link Hight Speed | Please Say Thanks Keep Topic Live