リンクの仕方

記事作成

リンクは,サイトを作成する上で重要な役割を持っています。

関連する他のページを案内したり,メールアドレスをクリックするとメールソフトが起動したり,電話番号をクリックすれば電話を掛けることができたり。

ここでは,リンクの仕方の説明をいたします。

内部リンク

ブログカード

WordPress Ver.5以降,ブログカードが標準装備されました。

ブログカードとは,下図の赤枠で囲った部分がブログカードになります(浜松卓球リーグでは使用していなかったので,県卓で……。このマニュアルサイトは多用しています)。

デザインは使用するテーマに依存します。デザインを変更する場合はCSSを書く必要があります。

ブログカード形式で内部リンクを表示する方法は,超簡単。

リンク先ページのURLを段落ブロックに貼り付けるだけです。

文字列にリンク

ブログカードではなく,文字列にリンクを貼りたいときもあります。

リンクさせたい文字列をドラッグし,バーのリンクをクリックします。

リンク先のURLを入力します。予めリンク作のページを開き,URLをコピーしておくと良いです。

リンクに成功すると,下図のようになり,カーソルを他の場所に移動させると,リンク色になっているのが確認できます。

リンク切れのマークをクリックすれば,リンクを解除できます。

外部リンク

他サイトに飛ぶ外部リンクの表示のされ方は,テーマに大きく依存します。

浜松卓球リーグで使用しているLightningでは,ブログカードにはなりません(ブログカードにするためには別途プラグインが必要になります)。

外部リンクを段落ブロックに直に書くと,Lightningの場合以下のようになります。

ですから,文字列にリンクを貼る場合と同じ手続きを踏みます。

メールリンク

メールアドレスをただ書いただけではリンクにはなりません。リンクにメールアドレスを書いただけでは,メールソフトは起動しません。

ブラウザにリンクがメールであることを認識させる必要があります。

リンクを貼る手続きは同じです。

ここにメールアドレスを記入する時に,mailto:●●@△△.jpmailto:をつけてメールアドレスを記入します。

電話番号リンク

スマホでサイトを閲覧した時,電話番号をタップするだけで電話を掛けることができるようにします。

同様にリンクをはります。

電話番号は,tel:電話番号と,tel:をつけて電話番号を入力します。

このリンクは,スマホのみに反応するようにコードを書いておきました。

コメント

タイトルとURLをコピーしました