Re: 続きを読むの表示とリンク先

monaka > 続きを読むの表示とリンク先 @ 2013/12/13 10:28
» goichi > Re: 続きを読むの表示とリンク先 @ 2013/12/15 17:54
monaka > Re: 続きを読むの表示とリンク先 @ 2013/12/16 13:35
goichi > Re: 続きを読むの表示とリンク先 @ 2013/12/16 22:09
monaka > Re: 続きを読むの表示とリンク先 @ 2013/12/17 10:15

goichi > Re: 続きを読むの表示とリンク先 @ 2013/12/15 17:54
こんにちは。引用：これをトップから表示させることはできるのでしょうか？（リンク先位置の解除をしたい） 2通りの方法があると思います。リンク先である個別の記事ページ内に「post-detail」というidが付けられたDIVがあると思います。デフォルトでは、この「post-detail」を目印にページを遷移させるようになっていますので、このid名を変更してしまえば、ページトップからの表示にできます（お使いのテーマのテンプレートを編集してください。）。２つめの方法は掲示していただいているファイル（baser/plugins/blog/views/helpers/blog.php）を変更して、URLに含まれる「#post-detail」を消してしまう方法です。具体的には以下の部分を変更します。変更前（227行目付近でしょうか） `$out .= ' '.$this->Html->link($moreLink, array('admin'=>false,'plugin'=>'', 'controller'=>$this->blogContent['name'],'action'=>'archives', $post['BlogPost']['no'],'#'=>'post-detail'), null,null,false).' '; }` ↓ `$out .= ' '.$this->Html->link($moreLink, array('admin'=>false,'plugin'=>'', 'controller'=>$this->blogContent['name'],'action'=>'archives', $post['BlogPost']['no']), null,null,false).' '; }` なお、baserフォルダにあるファイルはappフォルダの同階層にコピーすると、そちらが優先して読み込まれますので、コピーしてからapp側を編集すると、コア部分に手を付けずにすむと思います。引用：オンマウスで画像が切り替わるようにしたいです。これはCSSで処置をすべきだと思いますが、まずは画像リンクにする必要がありますので、そのための一案ですが、ご提案しておきます。先ほど、「#post-detail」を削除する際に編集した箇所が、ご存知の通りリンクを生成する部分です。こまかい事はリファレンスをご覧頂きたいのですが、「$moreLink」と書いてある所がリンクの文字列を出力している部分です（正確には$moreLinkという変数に入った文字列を表示している）。ということで、ここを画像を表示するIMGタグに書き換えれば良いのです。画像フォルダへのbaserCMSのルーティングや、こういう関数にHTMLを記述した際の自動エスケープの問題を考えると、実際には以下の様な感じの書き方になると思います。（すみません、試してないんで、上手く行ったか教えてもらえると、他の方の参考になると思います。m(__)m） `$linkDetailImg = $html->image("ファイル名",array("alt"=>"alt属性値", "class"=>"クラス名")); $out .= ' '.$this->Html->link($linkDetailImg , array('admin'=>false,'plugin'=>'', 'controller'=>$this->blogContent['name'],'action'=>'archives', $post['BlogPost']['no']), null,null,false).' ';` ここでは画像のクラス名を付けておけば、CSSでオンマウスで画像を変化させる時も便利です（それ自体のやり方は「CSS　オンマウス　画像変更」で検索してみてください）。以上になります。ちょっと急いで書いたので、言葉が足りていない箇所があるかもしれませんが、まずは取り急ぎ投稿しておきます。

goichi > Re: 続きを読むの表示とリンク先 @ 2013/12/15 17:54

こんにちは。
引用：

これをトップから表示させることはできるのでしょうか？
（リンク先位置の解除をしたい）

2通りの方法があると思います。リンク先である個別の記事ページ内に「post-detail」というidが付けられたDIVがあると思います。デフォルトでは、この「post-detail」を目印にページを遷移させるようになっていますので、このid名を変更してしまえば、ページトップからの表示にできます（お使いのテーマのテンプレートを編集してください。）。
２つめの方法は掲示していただいているファイル（baser/plugins/blog/views/helpers/blog.php）を変更して、URLに含まれる「#post-detail」を消してしまう方法です。具体的には以下の部分を変更します。

変更前（227行目付近でしょうか）

$out .= '
'.$this->Html->link($moreLink, array('admin'=>false,'plugin'=>'', 'controller'=>$this->blogContent['name'],'action'=>'archives', $post['BlogPost']['no'],'#'=>'post-detail'), null,null,false).'
';
}

↓

$out .= '
'.$this->Html->link($moreLink, array('admin'=>false,'plugin'=>'', 'controller'=>$this->blogContent['name'],'action'=>'archives', $post['BlogPost']['no']), null,null,false).'
';
}

なお、baserフォルダにあるファイルはappフォルダの同階層にコピーすると、そちらが優先して読み込まれますので、コピーしてからapp側を編集すると、コア部分に手を付けずにすむと思います。

引用：

オンマウスで画像が切り替わるようにしたいです。

これはCSSで処置をすべきだと思いますが、まずは画像リンクにする必要がありますので、そのための一案ですが、ご提案しておきます。
先ほど、「#post-detail」を削除する際に編集した箇所が、ご存知の通りリンクを生成する部分です。こまかい事はリファレンスをご覧頂きたいのですが、「$moreLink」と書いてある所がリンクの文字列を出力している部分です（正確には$moreLinkという変数に入った文字列を表示している）。ということで、ここを画像を表示するIMGタグに書き換えれば良いのです。画像フォルダへのbaserCMSのルーティングや、こういう関数にHTMLを記述した際の自動エスケープの問題を考えると、実際には以下の様な感じの書き方になると思います。（すみません、試してないんで、上手く行ったか教えてもらえると、他の方の参考になると思います。m(__)m）

$linkDetailImg = $html->image("ファイル名",array("alt"=>"alt属性値", "class"=>"クラス名"));
$out .= '
'.$this->Html->link($linkDetailImg , array('admin'=>false,'plugin'=>'', 'controller'=>$this->blogContent['name'],'action'=>'archives', $post['BlogPost']['no']), null,null,false).'
';

ここでは画像のクラス名を付けておけば、CSSでオンマウスで画像を変化させる時も便利です（それ自体のやり方は「CSS　オンマウス　画像変更」で検索してみてください）。

以上になります。ちょっと急いで書いたので、言葉が足りていない箇所があるかもしれませんが、まずは取り急ぎ投稿しておきます。

フラット表示

前のトピック | 次のトピック

Re: 続きを読むの表示とリンク先

キーワード検索