どうも、freoのメディア登録ってメディアの説明を入力するところはあっても、タグを付けることできませんよね。

なので追加できるように改造しました。

最近絵の記事が全くない御堂です。

てめぇ本当に絵描か?

それはさておき、Chromeの未認証サイトを非推奨にする動きが本格的になりまりましたね。

当サイトにも連絡が来てました。

なのでいい機会ですし近々SSLを導入しようと思います。

ただレンタルサーバーの方がHTTP/2に未対応なのでそこの恩恵はまだ無いです(対応予定のアナウンスはあるのでそのうちなると思いますが)

とりあえずはChromeにて『保護されていません』となる対策に収まりますね。

ついでにPHPも7に切り替える予定なのでそちらの面では多少サイトの表示が速くなるかもしれません。

まぁ、この記事を書いてる時点ではまだ作業してないので近々するよという報告だけです。

 

Ps.最近ブログ書かなすぎて文章構成おかしい。……おかしいのは前からか

別にfreoに限った話じゃないですけどね。TinyMCE4を実装しているところならなんでもいい話なんですけどね。

当サイトもTinyMCE3.xからTinyMCE4.xに切り替えたんですけど、これCDN対応してたんですね。なので嬉々としてCDNで導入したのですが……

『テーマの変更方法がわからん!』

いや、うん、普通に導入した場合は

theme: "modern",
skin: "hoge",

でいいんですよ。ええ、ちゃんとskinsフォルダに格納していればこれで読み込まれますので。でもCDNの場合は当たり前ですが向こうのディレクトリを見に行ってしまうので見つかるわけないんですよ。404エラー

なのでCDNでの導入時は下記のように自分のサイトの方を参照させないとダメっぽいです。

theme: "modern",
skin_url: "http://host.domain/hoge",

絶対パスで書いてますけど、たぶん相対パスでも参照できると思います。確認はしていませんが。

実はこれ、偶然見つけただけなんですよね。だって検索してもそれっぽいこと書いてあるところなかったんですもの。

というか探し方が悪いのかテーマ配布しているサイトさん少なく無いですか? まぁなければ作るだけなのでいいんですけど……

freo1.10来ましたね。

それはそうと、freoってなんだかインフォメーション機能使いづらくありません?

特定のページでしか使用できませんし。

一応有志で任意のページに表示させるプラグインを作ってくださっている方がいますが、あれだとhtmlタグが機能しませんし(´・ω・`)

ちなみに既存のインフォメーション機能がhtmlタグ機能するのかは覚えてません(オイ

というわけで任意のページにhtmlタグ機能したまま擬似インフォメーションを表示させる方法でも書いておきます。

(基本的にはphpでいうinclude。やってることはjQueryの.load機能で他のhtmlを読み込ませているだけ)

下準備

インフォメーション等で使用したい内容を記述したページを作成。

ページID等は好きなように。

ここでは仮にexample_idとします。

その際に取得する際の位置情報になりますので、表示する範囲を<div id="hoge"></div>で必ず囲んでください。(複数可能)

ローカルファイルでの作業

管理メニューへ編集ページヘのリンクを作成

templates/internals/admin/header.html内の<h2>管理メニュー</h2>以下の任意の箇所に下記を追記。

<h3>インフォメーション</h3>
<ul>
	<li><a href="{$freo.core.http_file}/admin/page_form?id=example_id">エグザンプルID</a></li>
</ul>
擬似インフォメーション内容の表示

templates/内のheader.htmlまたはutility.html等の表示させたい箇所に以下を追記。

<div id="hoge"><p>Now Loading...</p></div>
<script type="text/javascript">
	$('div#hoge').load('/example_id #example_hoge');
</script>

これでページの内容だけが任意の箇所に表示されます。

簡単な説明ですが、1行目で読み込んだものを配置する場所を作成。2~4行目でhttp://host.jp/example_id内のid="example_hoge"を1行目で作成したid="hoge"に読み込み。これは別にexample.htmlなどのファイルでも平気です。

ともあれここまで書いてあれですが、自分はやはり0から作れないくせに1を1.1にする事が多いなぁとつくづく残念にorz

※追記

検索などでページが表示されてほしくない場合は、css3の下記をcssに適応させればいいかと思います。

※テンプレートによって多少変化しますが大筋はこんな感じです。(liなどでlist-style-typeを指定した場合は……ちょっと対処法探しておきます)

.page_child a[href*="example_id"] {display:none;}

 ※更に追記

たとえば『読み込み元のページでJavaScriptを動作させているが、読み込んだページの部分だけJavaScriptが動作しない』という自体が発生することが有りますが、これは.loadが画面の読み込みが終わった時に発生するので必然的にJavaScriptの実行はそれ以前になるため実行後の読み込んだページには機能しないことが原因です。

対処としては読み込んだページでも実行したい処理を以下のように書き換えて.loadと同じく画面の読み込みが終わったあとに処理するようにすればいいのです。(なので処理を記述する場所は.loadよりも下にする必要があります)

$(function() {処理内容});

$(window).load(function() {処理内容});

Notes

2014/05/03
更に追記
2012/10/16
記述内容整理
2012/10/04
加筆・修正(一部の処理を変更)
2012/10/03
加筆
2012/10/01
エントリー

freoのページ送りナビゲーションって初期だと前のページと次のページのみなんですよね。

なので自分のところで使っているのを公開しようかと思います。

ちなみに自分の他にも数名の方々が同様にページ送りナビゲーションのテンプレート等を公開しているのでそちらも探してみるといいかもしれませんよ。

表示形式

このブログと同じ形式です。

ダウンロード

DL:page_navi_1.1.2.zip

設置方法

1.page_navi.htmlをheader.html等がある箇所にアップロードする。

2.各htmlのページ送りナビゲーションがある部分を{include file='page_navi.html'}に置き換える。

CSSの一例

/*IEは未対応です*/
.page_number {
	padding: 5px 10px;
	margin: 0;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: box;
}

.page_number li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

謝辞

freoの作者さん(ないとさん)

素敵なプラグラムを作っていただきありがとうございます。この場を借りて改めて感謝します。

Notes

2014/01/04
ver.1.1.2 カテゴリーページで正常に送れない現象を修正
2013/06/18
ver.1.1.1 管理者権限時に管理画面以外でも管理用ページ送りが機能してしまう現象を修正
2013/01/23
ver.1.1.0 管理画面でも動作するように調整
2013/01/02
ver.1.0.0 webで掲載していたものをテンプレートとして使いやすいように修正して配布形式に変更

archive


×

ログイン