WP建独立站如何自动的给图片添加Alt标签

在使用wordpress做独立站的过程中,如何给上传的每张图片自动地添加alt文本,可以看下面地代码,将下面的代码添加到网站的functions.php文件中或者使用code snippet等插件。最好使用code snippet插件,这样以后主题升级,不会导致网站的代码被覆盖。

在使用wordpress做独立站的过程中,如何给上传的每张图片自动地添加alt文本,可以看下面地代码,将下面的代码添加到网站的functions.php文件中或者使用code snippet等插件。最好使用code snippet插件,这样以后主题升级,不会导致网站的代码被覆盖。

function enqueue_custom_inline_admin_script() {
      ?>
      <script type="text/javascript">
      jQuery(document).ready(function($) {
          function updateAltText() {
             
              var imageTitle1 = $("#attachment-details-title").val();
              var imageTitle2 = $("#attachment-details-two-column-title").val();
            
              if (typeof imageTitle1 === 'string') { imageTitle1 = imageTitle1.replace(/-/g, ' '); $("#attachment-details-title").val(imageTitle1); } else { imageTitle1 = ""; } if (typeof imageTitle2 === 'string') { imageTitle2 = imageTitle2.replace(/-/g, ' '); $("#attachment-details-two-column-title").val(imageTitle2); } else { imageTitle2 = ""; }
            
              var altTextField1 = $("#attachment-details-alt-text");
              var altTextField2 = $("#attachment-details-two-column-alt-text");
             
              if (altTextField1.length && (altTextField1.val().trim() === "" || altTextField1.val().trim() === imageTitle1)) {
                  altTextField1.val(imageTitle1);
              }
              if (altTextField2.length && (altTextField2.val().trim() === "" || altTextField2.val().trim() === imageTitle2)) {
                  altTextField2.val(imageTitle2);
              }
          }
     
          $(document).on("click", ".media-modal-close, .media-button-select, .attachment, .attachment-preview", function() {
              setTimeout(updateAltText, 500);
          });
          $(document).on("DOMNodeInserted", function(e) {
              if ($(e.target).find("#attachment-details-alt-text, #attachment-details-two-column-alt-text").length) {
                  setTimeout(updateAltText, 500);
              }
          });
      });
      </script>
      <?php
    }
    add_action('admin_head', 'enqueue_custom_inline_admin_script');

 

在领英上分享这篇文章
相关问题

代码实现Wordpress独立站自动设置特色图

Wordpress独立站的文章Post featured image也就是特色图一般需要手动上传,那么这就需要单独设置2次,那么如何让wordpress自动将文章的第一张图设置为特色图呢?看这个文章设置的代码。

自定义Post Exerpt摘要的长度代码片段

这个代码是可以自定义wordpress默认的post的摘要的长度,如果你需要自定义其他内容类型 post type的长度,比如products, cases, solutiosn需要对代码进行修改。

Wordpress独立站屏蔽同行代码

使用wordpres独立站屏蔽同行访问独立站的方法比较多,可以通过在服务器设置检测访问者的IP,可以使用cloudflare CDN检测IP,这篇文章我们分享一个代码片段检测浏览者使用的语言,如果浏览器语言是中文就将访问者重定向。

A To Z 教程

联系我们

郑州白帽子网络科技微信图
添加请说明需求
滚动至顶部

登陆

注册