リンク先に「#(ページ内アンカー)」を付ける機能

機能の改善・追加に関するリクエストはこちらにお願いします。

リンク先に「#(ページ内アンカー)」を付ける機能

投稿記事by polka on 2016年9月03日(土) 10:10

いつもありがとうございます。

SOY CMSにて、
cms:id="title", cms:id="entry_link", cms:id="catrgory_link", cms:id="archive_link" などで
リンク先URLを出力する際、ページ内アンカー(#)を付与したいと思っています。

大きなヘッダ画像の下にページナビゲーションを配置、その下にコンテンツを並べているデザインで、
ノートPCなどの小さな画面だとページ遷移しても同じヘッダ画像しかみえないので、
できれば、ページ内アンカーで、そのページのタイトル部分まで移動させておきたいと思っています。

▽たとえばですが、こんな感じでできれば嬉しいです。
<a cms:id="entry_link" cms:anchor="#hoge">リンク先ページ内のhogeへ移動</a>

ご検討よろしく御願い致します。
polka
 
記事: 143
登録日時: 2013年5月20日(月) 08:15
所在地: 大阪府泉大津市二田町1-20-30-2F

Re: リンク先に「#(ページ内アンカー)」を付ける機能

投稿記事by inunosinsi on 2016年9月10日(土) 07:22

a cms:id="entry_link" cms:anchor="#hoge">リンク先ページ内のhogeへ移動</a>


仕様上、cms:idでhref属性の値を表示すると指定した後、他の属性を追加して文字列操作を行うことは出来ないはずです。

標準機能でどうにか出来ないか考えてみましたところ、下記の様に記述すればいけると思います。
まだ試せてはいないです

コード: 全て選択
<a href="<!-- cms:id="entry_url" /-->#anchor"><!-- cms:id="title_plain" /--></a>


アーカイブは

コード: 全て選択
<a href="年月より前のURL<!-- cms:id="archive_month" cms:format="Y/m" /-->#anchor"><!-- cms:id="archive_month" /--></a>


カテゴリは上記の様な対応を行えるcms:idタグがありませんでした。
SOY CMSの操作に関する質問は下記のページのフォームで受け付けています。
https://saitodev.co/soycms/inquiry

京都でフリーのプログラマをしています。
SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 520
登録日時: 2008年6月12日(木) 20:48

Re: リンク先に「#(ページ内アンカー)」を付ける機能

投稿記事by polka on 2016年9月11日(日) 14:07

inunosinsi 様

いつもありがとうございます。
ご案内いただいた方法で試してみます。
polka
 
記事: 143
登録日時: 2013年5月20日(月) 08:15
所在地: 大阪府泉大津市二田町1-20-30-2F

Re: リンク先に「#(ページ内アンカー)」を付ける機能

投稿記事by polka on 2017年5月17日(水) 08:35

いつもありがとうございます。

inunosinsi さんが書きました:
a cms:id="entry_link" cms:anchor="#hoge">リンク先ページ内のhogeへ移動</a>


仕様上、cms:idでhref属性の値を表示すると指定した後、他の属性を追加して文字列操作を行うことは出来ないはずです。

標準機能でどうにか出来ないか考えてみましたところ、下記の様に記述すればいけると思います。
まだ試せてはいないです

コード: 全て選択
<a href="<!-- cms:id="entry_url" /-->#anchor"><!-- cms:id="title_plain" /--></a>





ブログブロック「b_block:id="entry_list"」ではcms:id="entry_url"が出力されませんでした。
使用できるようになりますでしょうか?

ご検討よろしくお願い致します。
polka
 
記事: 143
登録日時: 2013年5月20日(月) 08:15
所在地: 大阪府泉大津市二田町1-20-30-2F

Re: リンク先に「#(ページ内アンカー)」を付ける機能

投稿記事by soycms on 2017年6月16日(金) 15:30

ページ内アンカーを付ける方法ですが、マニュアルに記載はありませんが、
コード: 全て選択
<a cms:id="entry_link" cms:suffix="#hoge">リンク先ページ内のhogeへ移動</a>

でできるようになっておりますのでお試しください。

今後とも SOY CMSをよろしくお願いいたします。
soycms
管理人
 
記事: 131
登録日時: 2008年6月03日(火) 17:38

Re: リンク先に「#(ページ内アンカー)」を付ける機能

投稿記事by polka on 2017年6月19日(月) 11:29

soycms さんが書きました:ページ内アンカーを付ける方法ですが、マニュアルに記載はありませんが、
コード: 全て選択
<a cms:id="entry_link" cms:suffix="#hoge">リンク先ページ内のhogeへ移動</a>

でできるようになっておりますのでお試しください。


管理人様 ありがとうございます。
polka
 
記事: 143
登録日時: 2013年5月20日(月) 08:15
所在地: 大阪府泉大津市二田町1-20-30-2F


Return to 機能の改善・追加リクエスト

オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[2人]

cron