svg

波（svgタグ）

・ShapeDividers【https://shapedividers.com/?dividerDirection=top&longAxisValue=100&shortAxisValue=90&positionValue=50&flipped=false&animate=false&animLength=10&shapeColor=f2f2f2&si=1&shapeRatio=false&mobileReady=false】

・Get Wave.io【https://getwaves.io/】

・SVG Wave.in【https://svgwave.in/】

※CSSだけでも波のアニメーションを作れますが、SVGの方が簡単です

wordpressにsvgファイルをアップロードする

SVGはセキュリティの脆弱性があるため、デフォルトではアップロードできません

そのため、functions.phpに次のコードを記載してください

function add_file_types_to_uploads($file_types){

    $new_filetypes = array();
    $new_filetypes['svg'] = 'image/svg+xml';
    $file_types = array_merge($file_types, $new_filetypes );

    return $file_types;
}
add_action('upload_mimes', 'add_file_types_to_uploads');

SafeSVGというプラグインをインストールしてもいいですが、サイトが重くなったり、セキュリティがもろくなるのでオススメしません