ワードプレスでgianismのプラグインを使用してfacebook、twitter、google、instagramでログインできるようにしているのですが、それぞれのボタンを画像のアイコンに変更したく、下記のように記載しているのですが最後の画像だけが読み込まれて全部同じ画像になってしまいます。
それぞれの画像を変更するのはどうすればよろしいのでしょうか。どなたかよろしくお願いいたします。
function _my_login_link_facebook($markup, $link, $title, $is_register, $service){ $url = get_template_directory_uri(); return '<a class="my_fb_link my_fb_link_{$service}" href="'.$link.'"><img src="'.$url.'/images/icon_facebook.png" alt="' .$service. '" title="'.$title.'"></a>'; } function _my_login_link_twitter($markup, $link, $title, $is_register, $service){ $url = get_template_directory_uri(); return '<a class="my_fb_link my_fb_link_{$service}" href="'.$link.'"><img src="'.$url.'/images/icon_twitter.png" alt="' .$service. '" title="'.$title.'"></a>'; } function _my_login_link_google($markup, $link, $title, $is_register, $service){ $url = get_template_directory_uri(); return '<a class="my_fb_link my_fb_link_{$service}" href="'.$link.'"><img src="'.$url.'/images/icon_google.png" alt="' .$service. '" title="'.$title.'"></a>'; } function _my_login_link_instagram($markup, $link, $title, $is_register, $service){ $url = get_template_directory_uri(); return '<a class="my_fb_link my_fb_link_{$service}" href="'.$link.'"><img src="'.$url.'/images/icon_instagram.png" alt="' .$service. '" title="'.$title.'"></a>'; } // Add filter. add_filter('gianism_link_html','_my_login_link_facebook', 10, 5); add_filter('gianism_link_html','_my_login_link_twitter', 10, 5); add_filter('gianism_link_html','_my_login_link_google', 10, 5); add_filter('gianism_link_html','_my_login_link_instagram', 10, 5);
質問文のコードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
回答1件
あなたの回答
tips
プレビュー