WordPressにおけるコーディングについて質問があります。ご存知の方がいらっしゃいましたらご教示を願います。

【質問の主旨】

サイドバー(sidebar.php)に表示させている「最新記事」のリンク先を、下記のように変えるためには、どのようにコーディングを変更すれば良いでしょうか？

• （現状） → 「最新記事」の各記事にカーソルを当てると、当該記事(single.php)にリンクする
• （変更後）　→ 当該記事にリンクするのはアイコンと記事タイトルだけ。カテゴリーにカーソルを当てると当該カテゴリ（category.php）にリンクする

【質問の補足】

補足その1

現状のsidebar.phpはGitHubでこちらの記事(新しいタブで開く)にUPしています。表示の状態は冒頭の画像の通りです。

補足その2

変更後のsidebar.phpはGitHubでこちら(新しいタブで開く)にUPしています。ただしこちらのコードを読み込ませると、上記の画像の通りレイアウトが崩れます。アイコン・記事タイトル・カテゴリーでそれぞれリンク先を変えるときに、sidebar.phpやstyle.cssをどのようにコーディングを変更すれば良いのか分かりません

補足その3

style.cssについては（現状）と（変更後）ともに同じです。こちら(新しいタブで開く)はGitHubにUPしている（現状）のstyle.cssです。

補足その4

GitHubにUPしているWordPressはローカル開発環境上のコードですが、sidebar.phpとstyle.cssの内容は本サイトと同じです。