リンクタグ・ページURLのコピー機能

キャプチャ画像

SIRIUSでページを編集してると、
たまにそのページのURLページタイトル入りのリンクタグが必要になる時があります。

 

…あるんですよ、時々ね。

 

たとえば、
”関連ページとしていま編集中のページを他サイトでリンク表記させたい”
なんて時ですね。

 

ところが編集中のページはまだアップロードしてないので、
URL等がすぐにはコピー&ペーストできません。

 

こんな時はまずドメインをコピー&ペーストして、すぐ後ろにいま編集中のファイル名をコピー&ペーストして、最後尾に”.html”を書き足して、さらにリンクタグで前後を挟んで…なんて面倒な作業をやったりしたもんです。

(自サイト内のリンクの場合は相対パスになるので余計に面倒くさい)

 

これは面倒なだけでなく、スペルミスが発生しやすいという大きな問題もはらんでました。

 

でもこれからはそんな苦労とはオサラバです。


2クリックでページリンクタグをコピー

SIRIUSの”かゆいところに手が届く”機能の一つとして地味に便利な機能が、
リンクタグやページURLの一発コピー機能です。

 

SIRIUS右下をよ~く見ると編集中の文字数が表示されます。

 

そのすぐ右脇の文字列をクリックすると下のような4つのコマンドが出現します。

 

キャプチャ画像

 

それぞれどんな文字列がコピーできるか、違いはこちら↓

 

①リンクタグをコピー(タイトル)

 

<a href="(絶対パスのページURL)">(ページタイトル)</a>

 

★具体例

<a href="https://dramatic-sirius.com/cat_function/detail_linktag.html">リンクタグ・ページURLのコピー機能</a>

 

②リンクタグをコピー(URL)

 

<a href="(絶対パスのページURL)">(絶対パスのページURL)</a>

 

★具体例

<a href="https://dramatic-sirius.com/cat_function/detail_linktag.html">https://dramatic-sirius.com/cat_function/detail_linktag.html</a>

 

③ページURLをコピー(絶対パス)

 

(絶対パスのページURL)

 

★具体例

https://dramatic-sirius.com/cat_function/detail_linktag.html

 

④ページURLをコピー(相対パス)

 

<% pageDepth %>(ページURL)

 

★具体例

<% pageDepth %>cat_function/detail_linktag.html

 

”パス”とは?

パス(path)というのはサイト内のファイル(ページ)の場所を表示する文字列で、絶対パス相対パスの2種類があります。

 

絶対パスというのはhttp(s)://から始まるURLで表し、主に他のサイトへのリンク等に使われます。

 

こんな感じですね。

https://dramatic-sirius.com/cat_sirius/whats_sirius.html

これに対し相対パスというのは、ファイル(ページ)が置かれている場所を基準に、対象となるファイル(ページ)の場所を相対的に指定するやり方で、主に同サイト内のリンクに使われます。

 

先ほどの絶対パスを相対パスにした場合、SIRIUSでは相対パス用に<% pageDepth %>という独自タグが自動的に挿入されます。

 

その結果、

<% pageDepth %>cat_sirius/whats_sirius.htmlとか

<% pageDepth %>whats_sirius.html

となります。

(基準となるページとの位置関係で書き方も変わってきます)

 

相対パスのメリットとしては、文字数が少なくなるのでソースコードが見やすくなります。

 

またサイトのドメインが変わった場合、絶対パスなら旧ドメイン部分を全部新ドメインに修正しなくちゃなりませんが、相対パスなら(ファイルの階層等が不変ならば)修正の必要がないのも大きなメリットです。

 

<% pageDepth %>の部分が自動的に新ドメインに自動変換してくれるからです。

 

 

SIRIUSカスタムテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSカスタムテンプレートが【Volar】です。

入手方法についてはコチラ↓をご覧ください

 この記事をシェア 
キャプチャ画像

PC版レイアウトに切替

スマホ版レイアウトに切替