-
How to use jQuery in a Page or Post
In order to use jQuery you must get the library. Here we’ll use a CDN. You can import the jQuery CDN in a custom HTML block, like this: That’s it. Now you can use jQuery. Just for the Hell of it, let’s try and create a button that will hide/show all <p> tags. Select the…
-
How to Integrate JavaScript Libraries in WordPress
JavaScript libraries can add cool animations or parallax effects to a traditional webpage in HTML, CSS and JavaScript. Here you can learn how to do the same thing in the WordPress editor.
-
Dall E2 – is it Art or just pictures?
The image processing program Dall E2 is very popular these days. In the interface you write a few words, and then a picture will come up. They even suggest that you add style concepts, such as “oil painting” or style. Now the part of me that is art historian gets curious. Can this AI create…
-
How to add a simple login to a web page
Do you need to hide or protect content on a web page. Here is a simple, but not 100% secure way to add a log on. If the images are under copyright you might have a point in keeping the cards somewhat close. Here you can add a .gitignore file (you can choose to ignore…
-
Calculate Age
A JavaScript age calculator – when you need to know the exact age of a person. If you want to use the age calculator as a web app then use this URI. The code is based on this turotial from Tutorials Tonight.
-
PWA: Webapp with Push in WordPress
A web app is an application made by web technologies. The web app will run similar to a native app, that is if the user agrees to install the web app on the device. Several WordPress plugins are able to do this. Creating a web app i WordPress is surprisingly easy. But make sure, that…
-
WP.tv: Demystifying theme.json
These days I’m following tutorials about block theme development. In these articles I’ll collect the best of them. In the excellent WordPress.tv series Nick Diego has this workshop about theme.json. Topics covered are: If theme.json seems baflfing to you Nick’s video is a very good walthrough. One of the participants asked about child themes. Nick…
-
WordPress: wrap columns so that the right one gets on top on mobile devices
Normally WP will wrap the columns after a manner where the right one goes to the bottom om mobile devices. Here is a recipe: Add a class to your column block In additional classes add your class. In this case I added: petjReverse as my class. style.css Then add the this to your style.css: Save…
-
WP.TV: Columns
Nick Diego gives a fine demonstration of how to use columns, rows and stacks. There are also suggestions for some custom CSS that’s reusable. Part of the reusable CSS is this:
-
Reusable Blocks Bugs
Reusable blogs are cool, however there are a few annoying bugs.
-
Test Duotone
Duotone effect
-
From Figma to WordPress
How do you get from a creative idea in Figma to something that actually works in WordPress?
Blog
