WordPress CSSを維持したまま[DLボタン]と[PDF表示ボタン]をリンク付けする方法

実現したいこと

・Excelボタン(申込書)　クリックしたらデータをダウンロード
・PDFボタン(実施要項)　クリックしたら別ウィンドウでPDF表示
・CSSは維持したままデータのリンク付けがしたい
・WordPressで定期的にデータをアップロード予定

発生している問題・分からないこと

色々なプラグインを調べたのですがCSSを維持したまま、中身のデータを個別ページごとに変える方法がわかりませんでした。
お客様にはWordPressで定期的に更新してもらうページなので
「WordPressにデータを載せたらsingle.phpにリンク付けされる」
というような仕様にしたいです。

よろしくお願いします。

該当のソースコード

php

1 <div class="tournament__bg">2 <div class="tournament">3 <p>ダウンロードはこちらから</p>4 5 <div class="tournament__btn__list">6 7 <a href="assets/dl/test.pdf" download="実施要項.pdf" class="tournament__btn__link">8 <img class="tournament__btn__img" src="<?php echo get_template_directory_uri(); ?>/assets/img/tournament-PDF.svg">9 <span>実施要項</span>10 <img class="tournament__btn__img__dl" src="<?php echo get_template_directory_uri(); ?>/assets/img/tournament-dl.svg"></img>11 </a>12 13 <a href="#" class="tournament__btn__link">14 <img class="tournament__btn__img" src="<?php echo get_template_directory_uri(); ?>/assets/img/tournament-Excel.svg">15 <span>申込書</span>16 <img class="tournament__btn__img__dl" src="<?php echo get_template_directory_uri(); ?>/assets/img/tournament-dl.svg"></img>17 </a>18 19 </div>20 </div>21 </div>

試したこと・調べたこと

上記の詳細・結果

WordPress内でCSSを編集できるやり方は出てきた

補足

特になし