質問: こんにちは。 現在、wordpressでbootstrapを使ってサイトを作っているのですが、ボタンとリンクに関してわからないことがあったので質問させていただきます。 まず実現したいことは、bootstrapのbtnクラスでリンクを作成するということです。 今回やりたいことがまた特殊でして・・・ ワードプレスのカスタムフィールドをAdvanced Custom Fieldsというプラグインで作成しています。 テキストエリアのカスタムフィールドを作成しまして、その中にアフィリエイトリンクを入れ投稿します。 すると、そのアフィリンクがブートストラップのボタンになるということを実現したいのです。 ``` ``` このように書きましたら一応表示はされるのですが、マウスオーバーするとリンク文字の青と重なって文字が見えなくなってしまったり、文字部分しかクリックしてもリンク先に飛ばないという状態になりました。 btnのclassをリンクの中に含めていないからだと思いますが、リンク先のURLをそのまま書いているわけではなく、投稿時のカスタムフィールドに書いたリンクをテンプレートタグで呼び出しているだけですので、ボタンをa要素の中に含めるといったことができません。 アフィリエイトリンクはこのようになっています。(URLやアンカーテキスト、srcなどは伏せています。) ``` アンカーテキスト ``` 効率化のためにカスタムフィールドを設置したので、できれば生成されたアフィリエイトリンクはそのままコピペで使いたいですが・・・難しいでしょうか。 ワードプレスのテンプレートタグを使って呼び出したものにボタンをつけるということはそもそも可能なのでしょうか? 上記の条件かの中で解決したいことを整理しておきますね。 1.ボタンを含めリンクにしたい 2.マウスオーバー時にリンクの青とボタンの青が重ならないようにしたい やはり難しいでしょうか・・・宜しくお願い致します。
回答: リンク部分を置換してしまうとかどうでしょう。 ``` if( get_field( 'cc_textarea' ) ) { $cc_textarea = get_field( 'cc_textarea' ); echo str_replace( 'href=', 'style="padding: 17px 40px 0px 40px;" class="btn btn-xs btn-default" href=', $cc_textarea ); } ```