アプリ紹介ブログパーツ「アプリーチ」のタグをWordPressでAMP化する処理のヒント

//AMP用にコンテンツを変換する
function convert_appreach_for_amp($the_content){
  if ( [AMPページかそうでないかを判別する関数もしくは変数] ) {
    return $the_content;
  }

  //style属性を取り除く
  $the_content = preg_replace('/ *?style=["][^"]*?["]/i', '', $the_content);
  $the_content = preg_replace('/ *?style=[\'][^\']*?[\']/i', '', $the_content);

  //target属性を取り除く
  $the_content = preg_replace('/ *?target=["][^"]*?["]/i', '', $the_content);
  $the_content = preg_replace('/ *?target=[\'][^\']*?[\']/i', '', $the_content);

  //アプリーチの画像対応
  $the_content = preg_replace('/<img([^>]+?src="[^"]+?(mzstatic\.com|phobos\.apple\.com|googleusercontent\.com|ggpht\.com)[^"]+?[^>\/]+)\/?>/is', '<amp-img$1 width="75" height="75" sizes="(max-width: 75px) 100vw, 75px"></amp-img>', $the_content);
  $the_content = preg_replace('/<img([^>]+?src="[^"]+?nabettu\.github\.io[^"]+?[^>\/]+)\/?>/is', '<amp-img$1 width="120" height="36" sizes="(max-width: 120px) 100vw, 120px"></amp-img>', $the_content);


  return $the_content;
}
add_filter('the_content','convert_appreach_for_amp', 999999999);

/************************************
** アプリーチのスタイル
************************************/
#appreach-box{
  text-align: left;
  margin: 1em 0;
  border: medium double #ccc;
}

#appreach-box br{
  display: none;
}

#appreach-box p{
  padding: 0;
  margin: 0;
}

#appreach-image{
  float: left;
  margin: 10px;
  width: 25%;
  max-width: 75px;
  border-radius: 10%;
}

.appreach-info{
  margin: 10px;
}

#appreach-developer{
  font-size: 80%;
  display: inline-block;
  _display: inline;
}

#appreach-price{
  font-size: 80%;
  display: inline-block;
  _display: inline;
}

.appreach-powered{
  font-size: 80%;
  display: inline-block;
  _display: inline;
}

.appreach-links{
  margin-top: 5px;
}

#appreach-itunes-link,
#appreach-gplay-link{
  display: inline-block;
  _display: inline;
}

.appreach-footer{
  margin-bottom: 10px;
  clear: left;
}