InfoHeap
Tech
Navigation
  • Home
  • Tutorials
    • CSS tutorials & examples
    • CSS properties
    • Javascript cookbook
    • Linux/Unix Command Line
    • Mac
    • PHP
      • PHP functions online
      • PHP regex
    • WordPress
  • Online Tools
    • Text utilities
    • Online Lint Tools
search

Wordpress customization tutorials

  • Handle pagination in wordpress custom php code
  • How to and why disable wordpress cron
  • How to customize wordpress image alt tag
  • How to display date in wordpress pages
  • How to display wordpress page list with specific custom field value
  • How to display wordpress top level pages
  • How to hide a post from home and RSS feed in wordpress
  • How to include bootstrap javascript and css in wordpress post
  • How to include wordpress pages in archives
  • How to override priority and change frequency in Yoast xml sitemap
  • How to remove xmlrpc from wordpress headers
  • How to setup wordpress custom query params with pretty url format
  • How to show wordpress pages on front page with skip_home custom field
  • How to use google custom search for wordpress site
  • How to write custom php in wordpress
  • No frills social share links for Wordpress sites
  • Using Wordpress custom field for displaying code
  • Wordpress - add content filter after shortcode execution
  • Wordpress - customize category and tag links
  • Wordpress - customize facebook plugin opengraph meta tags
  • Wordpress - customize posts per page for tag, category and date archive pages
  • Wordpress - exclude specific posts from archive pages
  • Wordpress - get posts/pages with missing meta key
  • Wordpress - how to add filter to description meta tag
  • Wordpress - how to create custom tag cloud
  • Wordpress - how to exclude specific tag posts from a tag archive page
  • Wordpress - write custom php log to separate file
  • Wordpress how to check if a post is being viewed by admin
 
  • Home
  • > Tutorials
  • > Wordpress
  • > Wordpress customization

How to customize wordpress image alt tag

By admin on Nov 20, 2015

In case you want to beautify image alt tag for all your wordpress posts, you can use filter hook the_content. Attach a filter function to the_content filter hook and using regular expressions, modify the img alt tag. E.g. you may want to replace – with space. Here is wordpress php code snippet for doing it:

function the_content_modify_img_alt($content) {
  $newcontent = preg_replace_callback (
    '|<IMG src=[\'"][^\'"]+wp-content/uploads/[^\'"]+[\'"]\s+(ALT=[\'"][-\w]+[\'"])|i',
    function ($matches) {
       $fullmatch = $matches[0];
       $altpart = $matches[1];
       $newaltpart = str_replace("-", " ", $altpart);
       $newfullmatch = str_replace($altpart, $newaltpart, $matches[0]);
       return $newfullmatch;
    },
    $content
  );
  return $newcontent;
}
add_filter('the_content', 'the_content_modify_img_alt');

This code looks for all img tag occurrences and if alt attributes is present and has only alphanumeric and dashes in it, it replaces dash with space. You can add you own custom logic using a similar approach.

Suggested posts:

  1. node-sass quick start tutorial on Linux and Mac
  2. Svn – how to view older version of a file
  3. How to ping feedburner to force update rss cache
  4. How to setup wordpress custom query params with pretty url format
  5. WordPress – how to add filter to description meta tag
  6. Svn log of all files in a directory
  7. Mysql query to find all yoast meta description
  8. How to use Google custom search with lazy loading approach
Share this article: share on facebook share on linkedin tweet this submit to reddit
Posted in Tutorials | Tagged SEO, Tutorials, Wordpress, Wordpress customization
  • Browse content
  • Article Topics
  • Article archives
  • Contact Us
Popular Topics: Android Development | AngularJS | Apache | AWS and EC2 | Bash shell scripting | Chrome developer tools | Company results | CSS | CSS cookbook | CSS properties | CSS Pseudo Classes | CSS selectors | CSS3 | CSS3 flexbox | Devops | Git | HTML | HTML5 | Java | Javascript | Javascript cookbook | Javascript DOM | jQuery | Kubernetes | Linux | Linux/Unix Command Line | Mac | Mac Command Line | Mysql | Networking | Node.js | Online Tools | PHP | PHP cookbook | PHP Regex | Python | Python array | Python cookbook | SEO | Site Performance | SSH | Ubuntu Linux | Web Development | Webmaster | Wordpress | Wordpress customization | Wordpress How To | Wordpress Mysql Queries | InfoHeap Money

Copyright © 2025 InfoHeap.

Powered by WordPress