Site Updates
Posted in Site Updates
4:56 am, June 10, 2022

Site Widget Controls

Currently the widgets on this site, the things on the right hand side, are pretty much automatic and just load in as they please. 

Current Widget Load Process:

  1. Call widget class. 
  2. Add widget into format.
  3. Call Page
  4. Page calls widgets or adds widgets
  5. All widgets are displayed in the same order they are added to the widget class. 

View Page, adds widgets to existing widget list

What i would like to have happen:

  1. Call widget class
  2. have some default widgets called globally
  3. be able to override these widgets per page
  4. be able to order the widgets differently. 

How do we achieve this? 

I think this can be done with the current widget class. 

PHP - widget.class.php

manage widgets for sidebar
class widgets {

    public $widgets;
    public $template = "widget.html";
    public function __construct() {

    function add($html) {
        $this->widgets[] = $html;
    function sort() {
    function show() {
        if(!is_array($this->widgets)) { return; }
    	$widgets_html = "";
    	$template = new template($this->template);
    	foreach ($this->widgets as $key => $html) {
            $template->set("html", $html);
    		$template->set("id", $key);
    		$widgets_html .= $template->output();
    	return $widgets_html;



HTML - widget.html

the html wrapper for the widget item

<div class='widget mb-3' id="w[@id]">


View Statistics
This Week
This Month
This Year

No Items Found.

Add Comment
Type in a Nick Name here
Search Articles
Search Articles by entering your search text above.

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕


Subscribe to weekly update emails.
Random Quote
“We ought to take outdoor walks in order that the mind may be strengthened and refreshed by the open air and much breathing.".
Random CSS Property


The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.
background-position css reference