WordPress Help Articles

Dead Pixel

Dead Pixel

How to Use

Download > Install > Activate. Use your favorite IDE or just edit within the WordPress plugin editor. Change the location on the screen, color, size, and more.

Example

A fun project plugin but can be used to link an image or the like. About 50% down and 95% to the right on the screen as a 2px X 2px red dot. I also wrapped it in a link to this page. Code includes (commented out) just a dot without link and adding a static image, with a picture of a house fly in the plugin download folder. Looks like there’s a fly on the screen!

Source

This code can be pasted into the functions.php file of your child theme or, download and install the plugin for simple code activation.

function viawebs_plugins_dead_pixel() {
	
// 	Uncomment below echo for just a dot
//  echo '<div style="height:2px; width:2px; background: #ff0000; position:sticky; top: 50vh; left:95vw; z-index: 8675309;"></div>';

// 	Uncomment below echo for adding a link to the dot
	echo '<div style="height:2px; width:2px; background: #ff0000; position:sticky; top: 50vh; left:95vw; z-index: 8675309;"><a href="https://viawebs.com/plugins/dead-pixel/"> </a></div>'; 

// 	Uncomment below echo for add an image (fly included)
// 	echo '<div style="height:25px; width:25px; position:sticky; top: 50vh; left:95vw; z-index: 8675309;"> <img src="/wp-content/plugins/viawebs-plugins-dead-pixel/fly.png" width="25"> </div>';
	
}
add_action('wp_body_open', 'viawebs_plugins_dead_pixel');

Via Webs Offers WordPress Hosting & Maintenance Services For Those That Prefer To Focus On Something Other Than The Technical Aspects

Our rollover development time lets you save unused hours for future assistance. Stay updated and optimized, with the flexibility to invest in new functionality.

Article Categories

Dive in to something specific you are wanting to learn more about.

Let's Get Started!