imageのMIME Type

Geeklog
投稿者: 表示回数3,626 印刷用ページ
dataBoxプラグイン:画像をアップロードする場合のMIME Type指定はimage/x-pngなども追加してください。
これでPNGもアップロードできるようになります。
image/gif
image/png
image/jpg
image/jpeg
image/pjpeg
image/x-png

少なくともChromeでは、image/pngだけでは、PNGをアップロードできません。

管理画面に大きな画像がある場合の対応

Geeklog
投稿者: 表示回数3,202 印刷用ページ

Geeklogの管理画面に画像を表示したときにはみ出るような大きな画像があると管理画面のレイアウトがくずれます。回避するためには、管理画面には、tdにはclass admin-list-fieldがすべてセットされているので、以下のstyleを追加するだけです。

td.admin-list-field img {
  max-width:300px;
  height:auto;
}
バナープラグインなどで、このスタイルが追加されていると大きなバナーも縮小されて表示されるので便利です。

Geeklog edit icon

Geeklog
投稿者: 表示回数3,813 印刷用ページ

Geeklog用のedit iconとupdate iconを作成しました。

Geeklogのテーマの、images以下のedit.png update.pngに差し替えて使ってください。

 

秀丸にエンコード、改行のデフォルトを指定する

Geeklog
投稿者: 表示回数3,451 印刷用ページ
CMSは、Geeklogに限らず、UTF-8で運用されています。10年前ころまでは、EUCが主流でしたが、いまではほとんどみかけません。
中国語など他のマルチバイト言語が文字化けするため、UTF-8に変更されています。
Geeklogでは、改行は、LFです。

[秀丸]エンコードのデフォルトを変更(Shift_JIS→UTF-8)する方法:

[その他]-[動作環境]
ダイアログボックスの左下[上級者向け]設定にチェック。
左メニューの[ファイル]-[エンコード1]
[標準のエンコードの種類]
[Unicode(UTF-8)]を選択して[OK]
[自動判定で開くとき]の
[Unicode(UTF-8)]を[上へ]-[OK]


IEでHTML5 ウェブ アプリケーションを活用するためのメタタグ

Diary
投稿者: 表示回数3,623 印刷用ページ

Google Chrome Frameは、Internet Explorer 内で最新の HTML5 ウェブ アプリケーションを楽しむことのできる無料のプラグインです。

Geeklogでは、header.thtmlに、以下のメタタグを追加するだけです。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

ログイン状態を判断をテンプレートに埋め込む方法

Diary
投稿者: 表示回数3,536 印刷用ページ
Geeklog 2.1.0からCaching Template Libraryが導入され、テンプレートに、"anonymous_user"を活用して条件文を埋め込むことができるようになります。
      <div id="navigation">
        <ul>
          {!if anonymous_user}
	      <li id="cmitem-MediaGalleryHotel" class="menuitem "><a href="{site_url}/users.php"
title="{$LANG01[58]}">{$LANG01[58]}</a></li>
          {!else}
            <li class="menuitem"><a href="{site_url}/users.php?mode=logout"
title="{$LANG01[35]}">{$LANG01[35]}</a>
	    <ul>
	      <li id="cmitem-MediaGalleryHotel" class="menuitem "><a href="{site_url}/usersettings.php"
title="{$LANG01[48]}">{$LANG01[48]}</a></li>
	    </ul>
          {!endif}

          {menu_elements}
        </ul>

Caching Template Libraryについて詳しくはこちら

なくてはならないWindows環境のツール

Geeklog
投稿者: 表示回数3,348 印刷用ページ
Geeklogなどサイトを運営するための、運営者が用意しておきたいWindows環境のツールはこちら。

Geeklog upgrade注意点: jQuery1.9 マイグレートプラグインの活用

Geeklog
投稿者: 表示回数5,524 印刷用ページ

Geeklog 2.0.0では、jQuery v1.9.1が同梱され、次期バージョンGeeklog 2.1.0では、現リポジトリを見るとjQuery v1.10.2が同梱されるようです。

Geeklog 1.8で活用していたjQueryの関数が動かなくなった場合、jQueryのMigrate pluginが提供されているので、それを読み込むことで一気に解決します。

たとえば、jQuery 1.9からliveが使えなくなっています。
コンソールには以下のエラーが表示。
Uncaught TypeError: Object [object Object] has no method ‘live’

https://github.com/jquery/jquery-migrate/blob/1.2.1/README.md

対策:

Geeklog のテーマfooter.thtml

from:

{plg_footercode}

to:
{plg_footercode}
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>

Geeklog upgrade注意点: jQuery1.9以後でlive関数削除

Geeklog
投稿者: 表示回数6,409 印刷用ページ

Geeklog 2.0.0では、jQuery v1.9.1が同梱され、次期バージョンGeeklog 2.1.0では、現リポジトリを見るとjQuery v1.10.2が同梱されるようです。

Geeklog 1.8で活用していたjQueryの関数が動かなくなった場合、jQueryのバージョンに注意してください。

jQuery 1.9からliveが使えなくなっています。

コンソールには以下のエラーが表示。
Uncaught TypeError: Object [object Object] has no method ‘live’

jQuery1.9系からliveが削除されているようです。
以下のように、onに置き換えてください。

from:

$("a.foo").live("click", fn);

to:
$(document).on("click", "a.foo", fn);


参考blog:
http://memo.choimemo.net/?p=585