Skip to content

salvatoremark/text-shadower

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

=== Text Shadower ===

License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html

== Not intended for production ==

This block served as a personal learning project, a practical exercise in building custom blocks.

== Description ==

Applies a shadow effect to text.

Adapted from the original CSS created as "CSS3 text-shadow effects", a pen on codepen.io by Jorge Epuñan.

== Features ==

Since this block displays only the result of a single input field, the block would not be visible in the UI if that input were empty. Therefore, the block waits until the DOM is fully loaded, then checks the 'textInput' for content. If it's empty, it disables the main Update button for the post, so a block without content cannot be saved. Conversely, if the field contains text, the button is enabled and content can be saved.

  • Text input for effect's target
  • select from various shadow styles
  • Change color for text and background
  • Change font size
  • Adjust box size
  • Adjust text alignment
  • Adjust block alignment
  • Adjust margin/padding

== Installation ==

  1. Clone into your WordPress plugins folder. You can also upload the plugin archive to the "/wp-content/plugins/text-shadower" directory or install the plugin through the WordPress plugins screen directly.

  2. Activate the plugin through the 'Plugins' screen in WordPress.

  3. Select Text Shadower from the block inserter into the post you're editing.

== Contact ==

Mark Salvatore

About

WordPress block that applies shadow to text.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published