Fawkes’s personal blog for learning, testing and implementation. Mainly focus on WordPress, Linux Debian, Raspberry Pi.
Latest learning
- Auto renew SSL certificate – Let’s Encrypt
Let’s Encrypt is provided by Internet Security Research Group (ISRG), it is certificate authority (CA) that certificating your website for free. They provides worldwide accepted SSL certificates for business and personal use. Without SSL certificates, you are not able to change your web service from HTTP to HTTP-within-SSL (HTTPS), the connection will not be secure. Getting a SSL certificate for your website To obtain a SSL certificate, you have three choice: Self-signed SSL certificate Certificate provided by your web service provider Certificate via Certificate Authority (CA) enroll a certificate via worldwide CA Free Certificate via Let’s Encrypt Self-signed SSL certificate … - Add a toggle button for light mode and dark mode
Many people (me) are using dark mode/theme on browser and their phone, we can also make our website convert to dark mode when customer access your website. After the first time access, the preference will storage in local storage on client side. If customer want to toggle to either light mode or dark mode, they can simple click the button to change their preference. Dark mode via plugin You can simply install WP Night Mode to add the button in your WordPress, it is opensource. The plugin provide five different style of button. Dark mode via CSS and edit theme …Add a toggle button for light mode and dark mode Read More »
- How to add custom code to AstraSometime we need to add meta, CSS style sheets and custom code. Astra provide different method for adding custom code in page (head, footer). Custom Layouts Astra Pro provide custom layouts for customize you website. You can customize: header footer 404 page Hooks Inside Page/Post content You can check Custom Layouts Overview – Astra Pro website, they provided a guide video. Add custom code via theme editing To adding custom code via function.php ( Dashboard > Appearance > Theme Editor > function.php), you need to check which location/hook you are dealing with. You can check Astra Theme Visual Hooks. For …