ウィジェットのスペース全体にリンクを貼るには？

こんばんは。
参考サイトについて、
表側からだけでは当該部分がウィジェットで作られているのか、それ以外の手法なのか分かりかねますが、単に a タグをcssで display: block; にしているだけのようです。

ちなみに、プロの方から見て、参考サイトの様な該当部分を作るとしたら、
ウィジェットを使いますか？それとも、直接htmlで書きますか？

ケースバイケースです。
自分で管理するのであれば、自分が一番やりやすい方法をとりますが、
更新管理をしていく人のスキルにあわせて、実現するための手法を選びます。
3個決めうちなのか、増えたり減ったりする可能性があるのか、画像を含めスタイルシートも改変しなければならないのか、簡単にテキストや画像を変えられた方が良いのか、等。