私が協力している慈善団体に寄付する人々に使用されるバナーに、特定の HTML と CSS を動的に追加できるようにする必要があります。クレジットは、複数のパートナー サイトにわたって表示されます。問題は、さまざまなイベントが行われると、慈善団体のバナーが頻繁に変更される可能性があることです。一部のパートナーは、特定のテキスト タイプやその他の CSS スタイルを必要とします。これは、各ページをハードコーディングすることにより、手動で行うことができます。しかし、イベントごとに非常に多くのサイトを更新するのは困難です。
私が持っていたアイデア：
各パートナーのニーズに応じて、明るいバナー/暗いバナー、明るいテキスト/暗いテキスト、リンクの色などを慈善団体のサーバー上の 1 つのデータベースに分類します。
次に、各パートナーに空を追加してもらいます
<div id="charityDiv">
<img src="">
<a href=""></a>
</div>
外部データベースを参照するために使用される一意の JavaScript トークンの形式。
次に、ページが読み込まれると、データベースが参照され、適切な画像、テキスト、および CSS が表示されます。
私がやろうとしていることを行うためのより良い方法を知っている人はいますか? これに関する研究を開始するための良いチュートリアルや例はありますか?