〈img〉タグを〈amp-img〉に変換する方法がわかりません

ご覧頂きありがとうございます。
「Wordpress」の「LION MEDIA」で細々とブログを運営している者です。

最近（？）特に耳にすることが多くなった「AMP」について、以前ブログカスタマイズ画面でAMPを有効にしスマホで確認してみましたところ、AMP化されていないページとされているページに分かれました。

AMP化されているページでは、画像が一つも表示されておらず、ボックスデザインや黄色のマーカーなどの装飾も全て消えておりましたので、とりあえず現在はAMPを無効にしています。

以上のような状況でいくつかお尋ねしたいことがございます。

➀既存の（AMP化されていない）ページをAMP化するには、再び１からページを作り直す必要があるのでしょうか？
（最低限のHTMLは様々な方のブログに載っているようなのですが、それをどう利用すればいいかが全くわかりませんでした）

②既存の画像をAMP対応させるために、〈img〉タグを〈amp-img〉タグに変更したいのですが、”functions.php”のユーザーカスタマイズ欄に下のコードを記入するのは間違っていますか？

function is_amp(){
    $is_amp = false;
    if (empty($_GET['amp']) ) {
        return false;
    }
    if (is_single() && $_GET['amp'] === '1'){
        $is_amp = true;
    }
    return $is_amp;
}
 
//AMP用のタグ変換
function convert_body_amp($the_content){
    if(!is_amp()){
        return $the_content;
    }
 
    // A8ネットの「border」タグを削除
    $the_content = preg_replace('/ border="0"/i','',$the_content);
 
    //「audio」タグを「amp-audio」タグに変換
    $the_content = preg_replace('/<audio/i','<amp-audio', $the_content);
    $the_content = preg_replace('/preload="none" /i','', $the_content);
    $the_content = preg_replace('/< /audio>/i', '</amp-audio>', $the_content);
 
    //「video」タグを「amp-video」タグに変換
    $the_content = preg_replace('/<video/i','<amp-video', $the_content);
    $the_content = preg_replace('/< /video>/i', '</amp-video>', $the_content);
    return $the_content;
}
add_filter('the_content','convert_body_amp',1001);