This code sets the length of the excerpt to 20 words. You can adjust the number 20 to any other value to change the length of the excerpt. Note that this code only affects the length of the manually written excerpt. If the excerpt is automatically generated by WordPress, it may be longer or shorter […]
wordpress adjust excerpt length snippet Read More »
This code adds a login/logout button to the primary menu of the site. If the user is logged in, the code adds a “Logout” link to the menu. If the user is not logged in, it adds a “Login” link. To customize the appearance of the login/logout button, you can modify the HTML and CSS
wordpress snippet add login/logout button in header Read More »
To add code to the header of a WordPress site, you can use the wp_head() function, which is a WordPress action hook that is used to add scripts, stylesheets, and other code to the head section of a WordPress site. This way, you dont have to edit your theme template files directly. To add your
How to add code in wordpress header Read More »
Replace this link ‘https://wpsnippet.club/wp-content/uploads/2023/05/wpsnippetclub-logo.png’ with the url of your custom logo, and upload it to your sites media.
WordPress snippet custom admin login – page Logo Read More »
This code is commonly used in WordPress sites to ensure that the content within the HTML and body elements does not exceed the width of the viewport or parent container. By setting the maximum width to 100%, the content will automatically adjust and fit within the available space. The overflow-x property is set to “hidden”
Mobile view not moving left – right full width Read More »
The code bellow, adds a “copy page URL” button, which is a convenient feature that allows users to quickly copy the link of the current web page they are viewing. Here are some advantages:
Copy the current page Url link button Read More »
A scroll progress indicator is a visual cue on a webpage that shows how far a user has scrolled down a page. It’s typically a bar, line, or percentage that appears on the side or top of the page and moves as the user scrolls. The code bellow, adds a scroll progress indicator on the
Scroll progress indicator for blog post Read More »
This snippet, displays a button, that when pressed it opens a popup that displays a QR code of the current page. This way, users can easily open your page on their mobile What can a qr code offer in your site?
Current page QR code – popup Read More »
First you need to identify the menu item number, so right click in your site and open the inspector to find the item number. after that, add the a in the css to target the text link color (you can also add !important to be sure that you overide any other style)
Target single menu item with css (ex. make one menu item different color) Read More »
This code adds an external link icon to all anchor tags with the target=’_blank’ attribute. It enhances the user experience by visually indicating that the link will open in a new tab or window. Here are some advantages
Add an indicator on link hover, for links opening in new tab (target=_blank) Read More »
