サイトのアニメのスクロールボタン、ログイン画面のロゴと「QRCODE」

インストールしたプラグインの多くもそうだけど、以前のサイトでの目玉と言うか気に入ってたスクロールボタンを今度のホームページにも加えた。

① 興味があれば是非、「妻と僕」さんのサイトのページへどうぞ。このサイトには、他に参考になるカスタマイズが沢山用意されてる。他に透明色のメニューバーを設置なども参考にさせていただいた。感謝!

② 以前にも利用したログイン画面のカスタマイズと「QR Code」の作成プログラム(確かGoogle?から得たプログラムだったと思う)、も同時に行った。

#ログイン画面のカスタマイズ:コードをfunction.phpに追加
function my_login_logo() { ?>
  <style>
    body.login div#login h1 a {
      background: url(<?php echo get_theme_file_uri('/images/login-logo.png'); ?>) no-repeat;
   border-radius: 50%;
      width: 84px;
      height: 84px;
      border: 1px #3C74AC solid;
    }
  </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
function my_login_logo_url() {
  return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );

#QR Codeの作成:QRコード出力関数をfunction.phpに追加
function get_qrcode_tag($atts) {
	extract(shortcode_atts(array(
		'url' => home_url('/'),
		'size' => '180',
	), $atts));
	// イメージタグを返す
	return '<img src="https://chart.googleapis.com/chart?chs=' . $size . 'x' . $size . '&cht=qr&chl=' . $url . '&choe=UTF-8 " alt="QR Code"/>';
}
       // 呼び出しの指定
       add_shortcode('qrcode', 'get_qrcode_tag');

既にワードプレスがバージョンアップして以前のコードではエラーが出るのではないかと心配したが、保存してたデータからピックアップして追加してみた。取り合えず安心だ。

TOP

Copyrighted Image