ワードプレステーマ Twenty Twelveでヘッダー画像に外部リンクを貼る方法です。
超初心者の方にとっては、チョッと厄介なところがあるかもしれません。テーマのテンプレートを編集しますので、ご注意下さい。慣れている方は、下記項目を書き換えれば問題ありません。
まず、ワードプレスの管理画面(ダッシュボード)の「外観」⇒「テーマ編集」を選択して下さい。右側にたくさんのテンプレートファイルが並んでいると思います。
その中から’ヘッダー’を選択して下さい。そして、以下の部分を探して下さい。
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<hgroup>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>
<nav id="site-navigation" class="main-navigation" role="navigation">
<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->
<?php $header_image = get_header_image();
if ( ! empty( $header_image ) ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
<?php endif; ?>
</header><!-- #masthead -->
<div id="main" class="wrapper">
わぁ～!?見たくないですかね…(汗
ここでチョッと注意点!! a href=”<?php~ の部分に空白が見えますが、実際には空白部分はありません。表示上の問題なので空白は無視して下さい。大変申し訳ありません…(汗
ココはヘッダー部分の表示を司っているテンプレートです。で、緑の部分がヘッダー画像を表示させる部分にあたります。画像がアップロードされていない時には’非表示’になっています。
そして、赤の部分。ココが、ヘッダー画像のリンクを指定している部分ですね。デフォルトでは、あなたのサイトのTOPページへのリンクが指定してあります。
初心者の方は特に注意が必要なんですが、たったの一文字あるいはスペースが入ったり、違ったりすると表示が崩れたりエラーになったりしますので、十分注意して編集して下さい。
で、この赤色の部分をそっくりそのまま、あなたが希望するURLに置き換えれば、外部リンク設置完了です。
URLを入力する際にも、出来ればコピペを使用して入力する様にしましょう。これは、ミスを無くすのと同時にコピペに慣れる、習慣つける事にもつながりますので、手入力は出来れば避ける様にして下さい。
外部リンクは、<a href=”ココに入力“>する事。両脇のダブルコーテーションは消さない様に気をつけて下さい。
リンク先を別窓にて表示させる方法はこちら♫
ご教授ありがとうございました! こちらのマリアチ様の情報から、カスタマイズしたwordpressページも応用することができました。助かりました。
p.s. 『target=”_blank”』のコメントも入れていただくと、さらに初心者の方が助かるかも知れません。
Samurai Japanさん
わざわざコメントありがとうございました!!
そうですか。疑問が解決してなによりです。本当に良かったですね♫
また、補足についてもありがとうございます。早速記事を追加する事にします。
今後とも、どうぞよろしくお願いしますね^^
by マリアチ
ピンバック: リンク先のページを別窓(タブ)で表示する | WordPress 超初心者が挑んだ作成の足跡
ピンバック: リンク先のページを別窓(タブ)で表示する | WordPress 超初心者が挑んだ作成の足跡