ようこそ! IVY SOHO, Anonymous 日曜日, 11月 30 2025 @ 08:01 am JST

ページをスピード面で最適化するための計測サイト

  • 木曜日, 1月 30 2014 @ 08:40 pm JST
  • 投稿者:
  • 表示回数 4,846
Geeklog

PageSpeed Insights

http://developers.google.com/speed/pagespeed/insights/
Googleが提供しているページの最適化評価とサジェスチョン。

GTmatrix

http://gtmetrix.com/
サイトの最適化要素を計測します。

Pimgdom

http://tools.pingdom.com/fpt/
ページの要素がどのようにロードされているのかが解析できます。

初期インストールからサイトを復活させる方法

  • 木曜日, 1月 23 2014 @ 10:28 am JST
  • 投稿者:
  • 表示回数 4,981
Geeklog

Geeklog 2.1の開発途中のリポジトリから最終のGeeklog 2.1のアップデートは初期インストールからサイトを復活させる方法がおすすめです。
ちょっとコツがありますが、それをおさえれば1時間くらいで復旧できるかと思います。
順番には意味があるので、このとおりの順番で!
Geeklog 2.0以上のサイトなら以下の手順でできます。

  1. 旧サイトでユーザーをあらかじめエクスポート。ユーザー関係はすべてのプラグインで関係するのでこれだけはきっちり!
  2. テーマを最新にする
  3. 新規インストール
  4. プラグインをインストール
  5. 日本語化プラグイン実行
  6. コンフィギュレーションを手動で復活(URLリライトONを必ず!)
  7. グループを手動で復活
  8. ユーザーをAssistプラグインでインポートして権限を設定
  9. パスワードをphpMyAdminで復活
  10. 旧サイトのコンテンツをエクスポート。テーブル構造を作成するSQLだけをすべて削除。(gl_blocks, gl_stories,gl_staticpage,gl_topicasignment他)
  11. インポートしたいコンテンツだけすべてphpMyAdminで空にする(gl_blocks, gl_stories,gl_staticpage,gl_topicasignment他)
  12. インポート gl_topicasignmentをインポートするのを忘れないように!

これで美しいGeeklog 2.1.0サイトが構築できます。

Google ChartsとGeeklog自動タグ

  • 木曜日, 12月 26 2013 @ 05:52 am JST
  • 投稿者:
  • 表示回数 15,169
Geeklog

Google Chartsが簡単で、Geeklog dataBoxと相性も良いです。
http://www.ossj.jp/staticpages/index.php/oss-google-charts 以下のようにdataBoxの自動タグをつかって静的ページなどで記述します。www.google.com/jsapi の読み込みは、header.thtmlのhead内に書き込みます。

テンプレートのPHP内にテーマ変数を使う

  • 木曜日, 12月 26 2013 @ 03:54 am JST
  • 投稿者:
  • 表示回数 5,458
Geeklog テンプレートのPHP内にテーマ変数を使う場合、以下のように記述します。

テーマ変数 {title}をセットする場合:

$title = $this->get_var('title');

テンプレートにお問い合わせフォームのPHPを埋め込む場合、PHPにこのようにテーマ変数にわたされたデータをセットして初期値としてセットするなど活用できます。

くわしくはGeeklog Wikiをどうぞ。
http://wiki.geeklog.net/index.php/Cac...te_Library

imageのMIME Type

  • 日曜日, 12月 22 2013 @ 01:03 am JST
  • 投稿者:
  • 表示回数 5,439
Geeklog dataBoxプラグイン:画像をアップロードする場合のMIME Type指定はimage/x-pngなども追加してください。
これでPNGもアップロードできるようになります。
image/gif
image/png
image/jpg
image/jpeg
image/pjpeg
image/x-png

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

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

  • 金曜日, 12月 20 2013 @ 03:58 am JST
  • 投稿者:
  • 表示回数 4,953
Geeklog

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

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

Geeklog edit icon

  • 水曜日, 12月 18 2013 @ 07:44 pm JST
  • 投稿者:
  • 表示回数 5,710
Geeklog

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

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

 

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

  • 金曜日, 11月 22 2013 @ 10:30 pm JST
  • 投稿者:
  • 表示回数 5,677
Geeklog 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 ウェブ アプリケーションを活用するためのメタタグ

  • 金曜日, 11月 15 2013 @ 02:49 am JST
  • 投稿者:
  • 表示回数 5,600
Diary

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

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

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

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

  • 土曜日, 11月 02 2013 @ 10:21 pm JST
  • 投稿者:
  • 表示回数 21,178
Diary 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について詳しくはこちら

ページナビゲーション