theme development – WordPress TopNavigation Menu Not working?

This is weird, has anyone seen this behavior before?

I have just created a site locally (WP 5.6 Windows 10 and IIS) using VS Code as my editor

The top nav menu appears correctly however when you click on a link nothing happens. When I say nothing, I mean nothing, there are no errors in the console, the page doesn’t flicker as if it’s trying to do something. It’s like the link is disabled or something.

All my other localhost sites work just fine. I deleted and created this site several times, I used an existing working site as a template

You can hover the mouse pointer over it and the URL is displayed (bottom left in Chrome). I checked in Chrome inspector and the link is a property formed hyperlink. You can right-click and “open in another tab” and the page works fine and correctly. It just won’t open when you click the link.

The same issue in Chrome, Firefox, IE, and Edge

This is the code from the generated page. I’m using BootStrap 4.5.2, class-wp-bootstrap-navwalker.php (Version: 4.3.0) and Jquery 3.5.1

<div id="navbarCollapse" class="collapse navbar-collapse">
    <ul id="menu-mainmenu" class="nav navbar-nav ml-auto">
        <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18 nav-item"><a title="Our Services" href="http://localhost/360sbs/our-services/" class="nav-link">Our Services</a></li>
        <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19 nav-item"><a title="Projects" href="http://localhost/360sbs/projects/" class="nav-link">Projects</a></li>
        <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20 nav-item"><a title="Our Story" href="http://localhost/360sbs/our-story/" class="nav-link">Our Story</a></li>
        <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21 nav-item"><a title="Contact Us" href="http://localhost/360sbs/contact-us/" class="nav-link">Contact Us</a></li>
    </ul>
</div>

@media (min-width: 992px)
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
user agent stylesheet
li {
    text-align: -webkit-match-parent;
}
.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
user agent stylesheet
ul {
    list-style-type: disc;
}

theme development – How to make force_balance_tags balance comment tag

I’m displaying a preview of a post/page/cpt using a ‘work-around’ that i found. This ‘work-around’ gets the post content, trim it and render the trimmed content with it’s html elements ( links, images etc.. ), so similar to the_content().

The mentioned work-around is this

<?php 
$more = '...';
echo  force_balance_tags( html_entity_decode( wp_trim_words( htmlentities( $values("content") ), 300, $more ) ) ); 
echo '<a href="'. $link . '" class="readMoreBtn">Read More</a>'
?>

This little code

  • displays preview of the post correctly if the content doesn’t get trimmed when a comment starts
  • breaks the html when it ends with a non-closed started comment <!--

i mean sometimes happens that the trimmed page content ends like this

<!-- wp:image...<a href="https://gudesign.org/thematic-nodes/giovannoni-prima-di-giovannoni/" class="readMoreBtn">Read More</a>

so i suppose that the image that was going to be displayed started but the comment has never been closed. This cause that the whole html code under that output get commented unitl it encounters a close comment tag -->.

As a solution for this i changed


Before: echo '<a href="'. $link . '" class="readMoreBtn">Read More</a>'

After: echo '<!-- --><a href="'. $link . '" class="readMoreBtn">Read More</a>'

So that the close comment tag is find instantly.

I supposed that the force_balance_tags could balance all the tags in the string, am i wrong?

There is a better way to solve this rather than adding <!-- --> right after the built preview‘s echo?

php – Problem with displaying CSS Stylesheets – Am I adding them correctly in my wordpress child theme?

Is this a proper way to load CSS files into my WordPress child theme?

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
add_action( 'wp_enqueue_scripts', 'case_studies_styles' );
add_action( 'wp_enqueue_scripts', 'about_styles' );

function my_theme_enqueue_styles() {
    wp_enqueue_style( 'child-style', get_stylesheet_uri(),
        array( 'parenthandle' ), 
        wp_get_theme()->get('Version') // this only works if you have Version in the style header
    );
}

function case_studies_styles() {
    wp_enqueue_style( 'child-casestudies', get_stylesheet_directory_uri() . '/casestudies.css', array(), rand());
}

function about_styles() {
    wp_enqueue_style( 'child-about', get_stylesheet_directory_uri() . '/about.css', array(), rand());
}

I’m asking because I’ve asked some people to try to load my site, and some of them don’t get the stylesheets at all and just get the blank HTML code.

Also, in the beginning of all CSS files, I have this beginning. Every CSS file has a different version (1.2,1.1,1.0)

/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Template:     generatepress
 Version:      1.2
*/

magento2 – Applied Theme not showing on store

I have created 2 custom themes for the site, and applied one of theme as the theme store.
But my webpage/store is loading the layout of the theme which is not been applied. I have been struggling with this since 2 days, still no luck.

I have tried to modify the theme table from the db as well where I made all the types to 0. cleared caches n number if times, removed pub/static/frontend folder, Even if I delete the theme it is not loading the layout of the applied theme.

Anything which I have not tried yet?

magento version: 2.4.1

Buying – Generatepress Theme Editing needed

Hi,

we have the premium license of generatepress wordpress theme, need editing for the theme.
I have the design part ready, very simple design.
SEMrush

Someone with experience in this field with generatepress editing will be great.

Looking to pay $xx

Thanks
Adi

 

HostGrid WHMCS Theme 2.0 | Nulled Scripts Download

HostGrid responsive theme -developed with bootstrap framework, is responsive and cross-browser compatible. This SEO optimized WHMCS theme has been built using advanced HTML5. It is responsive and has been optimized to look perfect on device of any size. This premium web hosting theme comes with a variety of features and functionalities, including but not limited to 10 colors swatch combination, 404 page, home page slider, inner pages…​

.

AmyMovie – Movie and Cinema WordPress Theme

Admin submitted a new resource:

AmyMovie – Movie and Cinema WordPress Theme – AmyMovie – Movie and Cinema WordPress Theme

View attachment 31716

Popular WordPress Plugin Integration

  • Visual Composer: Page Builder for WordPress $34.
  • Breadcrumb NavXT: Adds a breadcrumb…

Read more

.

Looking for WordPress designer that can use the Divi theme

I'm Looking for WordPress designer that can use the Divi theme. I basically just want my site designed and set up with the Divi theme which I have installed. I don't have time to do it myself.

Feel free to dm me for details. Tell me why you think you'd be good for the job + specific examples of design work. It's the health/weight loss niche.

Install WordPress with free theme and plugins in your server for $5

Install WordPress with free theme and plugins in your server

Hi, In this gig just for $5 i will install WordPress with SSL certificate on your VPS with theme and basic plugins.

What you get for $5

  • Install nginx (webserver) with mysql database.
  • Install latest version of WordPress.
  • Secure your WordPress installation .
  • Install lifetime free SSL certificate fro your website.
  • Install any free theme and any free plugins as customer suggest.

What do i need Please message before ordering.

.(tagsToTranslate)wordpress(t)setup(t)Theme(t)VPS(t)hosting(t)server

8 – Theme suggestion template is not being picked up

I add template suggestion in my discount module:

function discount_theme_suggestions_field_multiple_value_form_alter(array &$suggestions, array $variables) {
    if ($variables('element')('#field_name') == 'user_discount'){
      $suggestions() = 'field_user_discount';
      kint($suggestions);
    }
}

And I can see template suggestion on my admin form:
enter image description here

However I added template field-user-discount.html.twig (I don’t place it here as it simply the copy of classy one with change of order) in discount module templates folder and it is not being picked up, it still picks up the classy one. I cleared all the caches, both from drush and site itself. I also tried to add this template to theme templates, it is not being picked up there as well. Other templates from both theme and discount modules are being picked up.

How can Drupal pick it up? It is the field on admin pages.