There are cases that you need to upload SVGs to the media library in WordPress. It is possible with a small snippet that comes in the functions.php:
Category: WordPress
Hide WordPress backend menu items
To make the backend as clear as possible for customers, it is useful to hide menu items that are not used by code. This snippet goes as almost always in the functions.php of the current WordPress theme: For example, a WordPress backend could then look like this:
When is an element in the viewport
There is a relatively new way to easily see if an element is in the viewport (visible area) or not. It is a so called vanilla script, so it is pure JavaScript and does not need any external library. Now you can simply create a corresponding animation in CSS like this: Now the elements fade […]
WordPress supports WebP since version 5.8
Since the WordPress version 5.8 which was released a few days ago, there is the possibility to load WebP images into the backend. You save about 30% of data volume compared to the previously common JPG format. As with JPGs, you can integrate a code snippet via functions.php which influences the compression of the webP […]
Starter WordPress Theme from jado
The time has come, finally we found some time to work on our basic WordPress theme. Version 2.1 is finished. We have cleaned up the code (no more IE11 hacks) and added some great features (load Gutenberg via SCSS), improved performance and onsite SEO and much more. More information can be found on the WordPress […]
WordPress pages backend customize
Often we don’t need certain modules in the backend display and have to click them away again etc. There is a small snippet here to hide the certain modules, which you can insert into the functions.php: There, at the backend, the panels can be hidden like here:
Activate Gutenberg on custom post types
If you want to enable Gutenberg in Custom Post Types (CTP), you can do so with the following line: Here is just an excerpt for the line that should be added to the $args array.
Vimeo Embed fullscreen CSS
When you include Vimeo in fluid responsive designs, WordPress puts it in an iFrame that enters some absolute default dimensions. This code snippet in the CSS allows you to extend this to the full width if Gutenberg is enabled and you have included the video via the Gutenberg Vimeo block. But here it depends on […]
Gutenberg full width of content
There is an easy way to make a content block from Gutenberg run across the entire width in a theme you build yourself on WordPress. All you have to do is add this code to your functions.php: Now you can also “expand” the content blocks to the full width:
Custom widget for WordPress dashboard
Sometimes you want to provide additional info to customers in the backend. You can solve this by using a widget where you can paste HTML – the code is, as almost always, best placed in the functions.php of your current theme:
Define your own image sizes
For various scenarios there is the possibility to define own image sizes. For example, you can differentiate preview images for the mobile view and the desktop view. All you have to do is copy a snippet like this into your functions.php of your WordPress theme and adjust it: This way the image will be cropped […]
Dashicons – the icon wonder weapon of WordPress
WordPress brings a bunch of nice icons with it, a little hidden but very good to use once you enable them in functions.php for the frontend: Now you just have to create a div or span in the DOM and assign two classes there: A very nice solution here is that the icons are integrated […]