他のページにリンクしているWordPressの画像にhrefを追加するにはどうすればいいですか？

Question

私はコーディングに非常に新しいです。これは私の最初の投稿です。私はこのことを私の人生のために理解することはできません。私もコードを試みる友人がいたが、彼はまた立ち往生した。画像はホバリングしたときにホバリングWebkit変換を使用して画像を少し大きくします。これは、CSSでこれを行います。

.circle img { 
    position:relative; 
    display:block; 
    width:200px; 
    height:200px; 
    -webkit-border-radius: 100px; 
    border-radius: 100px; 
    overflow:hidden; 
    margin:0px auto 20px; 
    -webkit-transform: scale(1,1); 
    -webkit-transition-timing-function: ease-out; 
    -webkit-transition-duration: 250ms; 
    -moz-transform: scale(1,1); 
    -moz-transition-timing-function: ease-out; 
    -moz-transition-duration: 250ms; 
} 

circle:hover img { 
    -webkit-transform: scale(1.05,1.07); 
    -webkit-transition-timing-function: ease-out; 
    -webkit-transition-duration: 250ms; 
    -moz-transform: scale(1.05,1.07); 
    -moz-transition-timing-function: 
} 

PHP：

<div class="container"> 
    <div class="sixteen columns"> 
     <div class="five columns fma alpha"> 
      <div class="fma-content"> 
       <div class="circle"> 
        <?php echo(types_render_field("home-fma-1-image", array())); ?> 
       </div> 
       <h3><?php echo(types_render_field("home-fma-1-headline", array())); ?></h3> 
       <p><?php echo(types_render_field("home-fma-1-copy", array())); ?></p> 
      </div> 
     </div> 
    </div> 
</div> 

画像は "ホーム-FMA-1-画像" だと思う...

EDITです：私はこれを試してみました：

<div class="circle"> 
<a href="whatever page"><?php echo(types_render_field("home-fma-1-image", array())); ?></a> 
</div> 

すべてのことを以下のリンク、画像、下のテキスト、および下の他のテキストにしました。これは、私のテーマがリンクテキストを黄色にし、段落に本当に奇妙に見えるすべての帽子を作るため、問題です。

Answer 1

コンテキストに基づいて、私はこれがテーマに組み込まれているイメージだと仮定していますか？もしそうなら、それはphpコードの周りにaタグを追加し、href属性を使うほど簡単です。以下を参照してください：

<div class="circle"> 
    <a href="whatever page"><?php echo(types_render_field("home-fma-1-image", array())); ?></a> 
</div> 

をまた、あなたがこれを行う場合は、タグを組み込むために、CSSを変更します。 .circle a img、というよりも.circle img

あなたはもちろん、他の何かを探しているなら、私に教えてください。