エントリー
2011年の記事は以下のとおりです。
freoに付属しているTinyMCEのフォントサイズ選択ボックスを追加する
- 2011/05/01 13:00
- カテゴリー：TinyMCE3
先日 freoに付属しているTinyMCEのボタンのカスタマイズ を紹介しましたが、フォントサイズを変更するためのセレクトボックスの表示方法を紹介することを失念しておりましたので改めてご紹介します。
js/admin.js で130～132行目あたりの theme_advanced_buttons1： ～ theme_advanced_buttons3： の部分（数字はツールバーの段...
freoに付属しているTinyMCEのボタンのカスタマイズ
- 2011/04/27 21:09
- カテゴリー：TinyMCE3
freoにはWYSIWYGエディタとしてTinyMCEがついていますが、ボタン等の数がちょっと少ないので増やす方法です。
TinyMCEのボタンを増やす方法
js/admin.js で130～132行目あたりの theme_advanced_buttons1： ～ theme_advanced_buttons3： の部分（数字はツールバーの段数を表します）に下記から入れたいボタン（ ...
freoのエントリー一覧が正しく表示できない場合
- 2011/04/23 10:32
- カテゴリー：エントリー
freoのエントリ一覧（freo/entry）が正しく表示できない場合、大抵 エントリー書き出しプラグインで書き出し先のファイルを（freo/entry.html）にしている可能性が高い ので、 entry.html のファイル名を別のものに変更してください。
もちろん管理メニュー ⇒ システム ⇒ 設定管理 ⇒ プラグインの設定 ⇒ エントリー書き出し ⇒ 書き出し内容 ⇒ 書き出し先の...
Shadowboxの設置方法
- 2011/04/14 17:01
- カテゴリー：Web Liberty
- タグ：Web Diary Pro, Web Gallery Pro, Web Cart Pro
Shadowboxの表示のサンプルは こちら
Shadowbox.js の右側にある「Download」をクリックし、ダウンロードのページでChoose the adapter you'll be using:を「Base(standalone)」、Choose the language support you need:を「Japanese」と選択し、一番下の「The ...
freoのエントリー(ページ)のタイトルを81文字以上入力する方法
freoのエントリー(ページ)のタイトルが81文字以上になると、登録時に「 タイトルは80文字以内で入力してください。 」と表示されます。この制限文字数を変更する方法を紹介します。(Ver.1.5.0時点)
エントリーの場合
libs/freo/internals/validate_entry.php の75～76行目の
} elseif (mb_strlen($i...
freoのエントリー(ページ)の公開終了日時の登録をセレクトボックスにする
- 2011/04/03 12:26
- カテゴリー：管理画面
- タグ：freoテンプレート
日時整形プラグイン を導入する。
エントリーの場合は templates/internals/admin/entry_form.html の179～190行目の
<input type="text" name="entry[close][year]" size="4" value="{$input.entry.close|default:$input.entry.da...
Web Diary ProやWeb Diaryなどで[続きを表示]ボタンを設置する
- 2011/03/14 22:47
- カテゴリー：Web Liberty
- タグ：Web Diary Pro, Web Gallery Pro, Web Cart Pro, Web Diary, Web Gallery
Right Bowerさんに WebDiaryProで「記事の内容」の一部を隠す というカスタマイズがありますが、残念なことに元記事のJUGEMカスタマイズ講座さんがリンク切れのため「記事の一部を隠す」のスクリプトがダウンロードできずにいたところ、East of R134さんのところでその改造版が配布されていましたので、それを利用して[続きを表示]ボタンを設置する方法を紹介します。
※...
freoのサイドメニューを折りたたみにする
- 2011/02/28 21:30
- カテゴリー：サイドバー
- タグ：jQueryプラグイン, freo配布物
「小粋空間」で紹介されていた"jQueryでサイドメニューの折りたたみを実現するListfolderプラグイン"をfreoに導入する方法です。
こちら から jquery.listfolder.js をダウンロードします。
ダウンロードした jquery.listfolder_*.*.*.js （*はバージョンの数字）を jquery.listfolder.js にリネ...
freoのTinyMCEで登録編集画面の本文の文字が小さくなってしまうのを解消するには
通常下のように表示されるべきfreoのエントリー＆ページの登録編集画面（テキストエリア）ですが、
下記のように表示される場合があります。
原因は js/admin.js の123行目に、
content_css: freo_path + 'css/common.css',
と設定していますが、ファイルが設定通りになっていないと登録編集画面の表示の際に tin...
freoでHighslide JSを導入するには（応用編）
- 2011/01/29 16:54
- カテゴリー：画像拡大表示
- タグ：freoテンプレート, freo画像
キャプションを画像のタイトルにする場合
Highslide JSでは <div class="highslide-caption">キャプション</div> を画像リンクの後に記述することでキャプションが入るのですが、freoではうまくいかないので、画像のタイトルをキャプションにする方法を解説します。
基本編 の3.の </head> ...
freoでHighslide JSを導入するには（基本編）
- 2011/01/28 21:29
- カテゴリー：画像拡大表示
- タグ：freoテンプレート, freo画像
freoで画像を拡大するのにcolorboxではなく、Highslide JSを使用する場合の設置方法です。
Highslide JS の左側のメニューにある「Download」を開いて「Get the zip package」の下にある「Download now!」ボタンを押して一番下にある「Do you accept the licence conditions above?」の...
PHP Topicをfreoの掲示板にする方法
- 2011/01/19 22:37
- カテゴリー：PHP Labo
- タグ：PHP Topic, PHP Labo⇒freo設置, freo掲示板, freo配布物
表示サンプルは こちら
※一旦 PHP Topic を設置して動作を確認してから作業をされることをおすすめします。
freoフォルダ内にtopicフォルダを設置する場合は、 topic/config.php の「mod_rewriteへの対応」を「true」にするとfreoのサイトが表示されたりうまく動作しない場合があります。その場合は「mod_rewriteへの対...
PHP Boardをfreoの掲示板にする方法
- 2011/01/19 22:05
- カテゴリー：PHP Labo
- タグ：PHP Board, PHP Labo⇒freo設置, freo掲示板, freo配布物
表示サンプルは こちら
※一旦 PHP Board を設置して動作を確認してから作業をされることをおすすめします。
freoフォルダ内にboardフォルダを設置する場合は、 board/config.php の「mod_rewriteへの対応」を「true」にするとfreoのサイトが表示されたりうまく動作しない場合があります。その場合は「mod_rewriteへの対...
PHP Mailをfreoのメールフォームにする方法
- 2011/01/16 17:26
- カテゴリー：PHP Labo
- タグ：PHP Mail, PHP Labo⇒freo設置, freoメールフォーム, freo配布物
freoに メール送信プラグイン ができたので使う必要もないけど(^^ゞ
※ mail.zip ファイルは2011.1.19 11:26に最終UPをしましたのでそれ以前にダウンロードされた方は再ダウンロードしてくださいm(__)m
【表示サンプル】
投稿用メールフォーム
確認画面
送信完了画面
設定編集画面
※一旦 PHP Mail...
freoのメニューでカーソルを近づけると背景色が変わるようにする
- 2011/01/14 10:12
- カテゴリー：カスタムテンプレート
- タグ：freoCSS
表示のサンプルは こちら
css/default.css のメニュー部分を以下のとおりに変更します。
div#menu {
display: inline-block;
background-color: #666666;
}
div#menu h2 {
display: none;
}
div#menu ul, div#menu ul li, d...
freoのメニューをタイトルより上にする
- 2011/01/13 22:10
- カテゴリー：カスタムテンプレート
- タグ：freoCSS, freoテンプレート
表示のサンプルは こちら
templates/header.html を次のように編集（ 赤字 を追加）します。
<body>
<div id="container">
<div id="top">
<div id="header">
<h1><a href="{$f...
freoのentry（またはpage）でYouTube動画をcolorboxで表示する場合
- 2011/01/10 15:45
- カテゴリー：Colorbox
- タグ：freo画像, freoテンプレート
※この記事の方法より freoでYouTube動画を貼り付けるTinyMCEプラグイン を配布していますのでそちらをご覧ください。
※一応記事は残しておきます。
freoのentry（またはpage）で複数画像をcolorboxで表示する場合
freoに画像をアップ（サムネイル使用）しておき、エントリー（またはページ）に画像の挿入を行います。
挿入した画像をクリックし、「リンクの挿入/編集」ボタン（画像の赤丸で囲んだボタン）をクリックします。
「リンクの挿入/編集」ウィンドウが表示されたら、 「上級者向け」 「専門的」タブをクリックします。 「このページのターゲットに対する関係」 「ページからターゲットの...
