創作サイト向けコンテンツ管理システム freo（フレオ）

エントリー登録

ジェネ (2014/01/18 11:29)

設置URL ： http://moe.pupu.jp/photo5/index.php

エントリー登録時にエンターキーを押すと
今はPタグが入るようですが、
これを<p>ではなく　<br />にする事はできますでしょうか？

よろしくご教授願いますぅ

----------解決しました----------
http://freo.jp/document/function/newline.html
ありました

• 編集

ジェネ (2014/01/18 11:58)

URL ： http://moe.pupu.jp/photo5/

Σ(・o・;) アッすません・・・

それとweb Diary proでありました
「アップロードファイルへのリンク時に付加する属性」のとこに
　rel="lightbox-atomium"をつけていたのですが～
freoで自動で付けるにはどうすればよろしいでしょうか？

何度もすいません┏○ﾍﾟｺ

• 編集

ミツ (2014/01/18 17:06)

URL ： http://32877.xii.jp/

こんにちは。
日記の画像につきlightboxの属性を付与したいということでよろしいですか？

いくつかやり方はありますが

[freo/templates/internals/default]
[freo/templates/internals/entry]（作成してない場合は無視してください）
[freo/templates/internals/category]（作成してない場合は無視してください）
[freo/templates/internals/view]
以上のフォルダ内の全てのファイルの

<!--{if $entry.file and $entry.image}-->
<p><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$entry.id}/{$entry.file}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_images/{$entry.id}/{$entry.image}" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_images[$entry.id].width}" height="{$entry_images[$entry.id].height}" /></a></p>
<!--{elseif $entry_thumbnails[$entry.id]}-->
<p><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$entry.id}/{$entry.file}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_thumbnails/{$entry.id}/{$entry.file}" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_thumbnails[$entry.id].width}" height="{$entry_thumbnails[$entry.id].height}" /></a></p>
<!--{elseif $entry.file and $entry_files[$entry.id].width and $entry_files[$entry.id].height}-->
<p><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$entry.id}/{$entry.file}" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_files[$entry.id].width}" height="{$entry_files[$entry.id].height}" /></p>
<!--{elseif $entry.file}-->
<p><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$entry.id}/{$entry.file}">{$entry.memo|default:$entry.file}</a></p>
<!--{/if}-->

を変更する必要があります（長いので分割します）

• 編集

ミツ (2014/01/18 17:06)

URL ： http://32877.xii.jp/

<!--{if $entry.file and $entry.image}-->
	<p><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$entry.id}/{$entry.file}" rel="lightbox-atomium"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_images/{$entry.id}/{$entry.image}" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_images[$entry.id].width}" height="{$entry_images[$entry.id].height}" /></a></p>
<!--{elseif $entry_thumbnails[$entry.id]}-->
	<p><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$entry.id}/{$entry.file}" rel="lightbox-atomium"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_thumbnails/{$entry.id}/{$entry.file}" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_thumbnails[$entry.id].width}" height="{$entry_thumbnails[$entry.id].height}" /></a></p>
<!--{elseif $entry.file and $entry_files[$entry.id].width and $entry_files[$entry.id].height}-->
	<p><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$entry.id}/{$entry.file}" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_files[$entry.id].width}" height="{$entry_files[$entry.id].height}" /></p>
<!--{elseif $entry.file}-->
	<p><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$entry.id}/{$entry.file}">{$entry.memo|default:$entry.file}</a></p>
<!--{/if}-->

に変更すればよろしいかと思います。
freoではデフォルトで日記の画像にはcolorboxが適用されるようになっていますが、これを外したい場合は別の処理が必要です。

あと、老婆心ながら質問ごとにツリーを分けられたほうがよいのではと思います。

• 編集

ジェネ (2014/01/19 07:25)

URL ： http://moe.pupu.jp/photo5/

お早いお返事ありがとうございますぅ！

さっそく試してみたのですが、色々と導入してるせいか？動きませんでした(；´･ω･)

colorboxと言うのが入ってるのですか？
通常は画像をクリックで次の画像の矢印とか出るって事でしょうか？
出てなかったので　rel="lightbox-atomium"　を追加しようと思ったのですが。。。

今までのは(web diary proで登録)全部の画像に　rel="lightbox-atomium"　が付いてまして矢印とか出ていますが～
freoからは登録すると付かず、矢印も何もない状態なのですが
どうすればよろしいでしょうか？

よろしくお願いします。

• 編集

ミツ (2014/01/19 19:05)

URL ： http://32877.xii.jp/

こんにちは。

freoにはデフォルトでlightbox系jQueryのcolorboxが導入されています。
画像をクリックすると拡大表示され、背景が白の透過になり画像を閉じるボタンが表示されるのはこのためです。

一枚の画像を表示した際に矢印（ナビゲーション）をつけて、次の画像や前の画像へ移動させたいというご要望でよろしいでしょうか？
この矢印を出すためには、複数画像のグループ化する必要があります。

先日お知らせしたソースだと、日記に「ファイル」「ファイルイメージ」「ファイルのサムネイル」を自動で表示する場合に「rel="lightbox-atomium"」という属性を付与する方法をご説明していました。
試しに、日記投稿画面の「ファイル」「ファイルイメージ」機能で画像を投稿してみてください。
多分「rel="lightbox-atomium"」という属性を付与されていると思います。

さて、日記の本文に画像が挿入された場合に同属性を付与する方法ですが、下記のリンクが参考になりそうですのでご確認ください。

freoのentry（またはpage）で複数画像をcolorboxで表示する場合
http://cccabinet.jpn.org/customize.cgi?no=21

また、いちいち設定するのは面倒だからとにかく自動で画像へのリンクに「rel="lightbox-atomium"」を付けたいということであれば、

freoのcolorboxで表示される画像に自動的にrel="lightbox"を付与する方法
http://32877.xii.jp/index.php/view/170
を応用して

$(function(){
$('a[href$=".jpg"],a[href$=".jpeg"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".png"],a[href$=".PNG"],a[href$=".gif"],a[href$=".GIF"]').attr({ rel: "lightbox-atomium" });
});

を、例えば「freo/js/default.js」に追記すればよろしいかと思います。
（上記記事から32877_colorbox_rel.jsをダウンロードした場合はそちらの内容を変更するようにしてください。）

• 編集

ジェネ (2014/01/19 19:31)

URL ： http://moe.pupu.jp/photo5/

できました！
ありがとうございますぅ～(人-)謝謝

虹色ミツバチさんでしたか！
エントリーカテゴリー表示プラグイン使わせてもらってますぅ┏○ﾍﾟｺ
これからもご活躍楽しみにしています～

• 編集