Product permerlink. How do you add .html at the end of custom base?

In products permalink (i think this is woocommerce), how do you add .html to the end of every URL? When I try to do it, it keeps adding a foward slash at the end. So it would be mysite.com/product/title.html/ instead of mysite.com/product/title.html

the reason I am doing this is, because I got a CMS, that has URL structures that end in .html. And there is 15000 urls. Coverting to WP, I do not want to redirect all those pages.

Border of multiple details tags in one html row are not working responsive [closed]

I have a proble on my website: https://www.ars-neurochirurgica.com/ . I have several accordion menus which I made with pure css without any javascript and everything works perfect, except for one problem:

When I click on the categories to expand the tag, all other boxes which are collapsed with the detail tag which are on the same row will expand their border from the .div. Is there any way to fix this problem without using javascript? I tried to only draw the border if the details tag is open, however then I run into the problem that the border is smaller than the .div because it will be only assigned to the details tag. The best way would be to be able to select the parent element from the details[open] tag. However after doing some research that is not possible with css3 only. Anyone has ideas how to fix this problem? On mobile it works perfectly fine because only one row is displayed….

Here is an image of the problem: CSS Problem

insert an HTML element if there is a submenu only

I am trying to insert an HTML element "an arrow or a checkbox" to make use of the "checkbox technique" so I can use it to expand the submenu "only if submenu is there" when checked. my question is: how to insert this HTML element if there is a "sub-menu" class only or only when the list < li> has a class "menu-item-has-children" then insert this HTML element.

I have tried to hook on 2 filters: nav_menu_css_class and wp_nav_menu_items but didn’t succeed.

I have also tried to add this element when calling the menu:

wp_nav_menu(array(  'theme_location' => 'main-menu',  'depth'          => 0,  'menu_class'     => 'topNav-List',  'menu_id'        => 'topNL',  'after'          => ' <label for="dropDown" class="btn-dropdown"></label>                        <input class="dropdown-open" type="checkbox" id="dropDown"/>                        <label for="dropDown" class="dropdown-overlay"></label>' )); 

but it will add this checkbox to all list items, which I don’t want at all.

Tidy HTML formatting in Gutenberg HTML blocks

When forming my own HTML blocks, trying to keep my HTML tidy for easy debugging purposes is a pain because tab spacing cannot be used, and therefore multiples of 4 spaces or more has to be used for each indentation level. Having to count 1,2,3,4…1,2,3,4…1,2,3,4 for example to keep everything in line slows down page production too.

Is there a way of allowing tab spacing to be used within Gutenberg blocks?

How to upload a prepared html page on Google sites?

In order to create an html page using Google sites, there are some tools and templates in the Google sites itself; however, I did not find an option for uploading an html page (site) that has been created already (outside of Google sites).

Is there any possibility for this purpose ?

I tested Embed option, but it is not what I want, as the embedded html will cover only a part the screen …

P.S. This html page is not a part of website, but it is a whole of website. (The website is a single html page.)

What is the practical difference between codeigniter form helper and reguler html form?

I was looking for a easy way to make HTML forms. While working with Codeigniter I found that there is a helper library for generating form. But it seems so bulky and there was too many things to write . I think HTML forms are easy to make and maintain. But if that so , then why Codeigniter developers have made this function? How to use this function efficiently?

How do you prevent HTML special character coding from displaying on a website?

An article in the Wall Street Journal (wsj.com) displays HTML special character code instead of the actual character, the greater-than sign. Thus, instead of displaying >, the article displays &gt;. This occurs (for me, at least) on Chrome, Firefox, and Safari (all latest versions with cache cleared).

My (limited) understanding is that websites should have the following code in the header:

<meta http-equiv="content-type" content="text/html;charset=utf-8" /> [α] 

The wsj.com site has this code in the header: <meta charset="UTF-8">. Is this the cause of the problem? In other words, if the WSJ site had <meta http-equiv="content-type" content="text/html;charset=utf-8" /> in the header, would we see > instead of &gt;?

The Wall Street Journal article is:

  • Stern, Joanna. "iOS 14 Review: Your iPhone Will Look Completely Different Now, if You Want." Wall Street Journal (16 September 2020).

The article is probably behind a firewall, so here is an image of the sentence as it appears in the article:

sentence in WSJ article displaying HTML special character code

TIA,

Mark

Footnote
α. Kyrnin, Jennifer. "How to Use Special Characters in HTML." Lifewire (20 February 2020).