Wednesday, December 04 2024 @ 02:43 AM JST

Geeklog

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

  • Thursday, January 30 2014 @ 08:40 PM JST
  • 投稿者:
  • 表示回数 4,762
Geeklog

PageSpeed Insights

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

GTmatrix

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

Pimgdom

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

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

  • Thursday, January 23 2014 @ 10:28 AM JST
  • 投稿者:
  • 表示回数 4,894
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自動タグ

  • Thursday, December 26 2013 @ 05:52 AM JST
  • 投稿者:
  • 表示回数 15,045
Geeklog

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

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

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

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

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

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

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

imageのMIME Type

  • Sunday, December 22 2013 @ 01:03 AM JST
  • 投稿者:
  • 表示回数 5,347
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をアップロードできません。

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

  • Friday, December 20 2013 @ 03:58 AM JST
  • 投稿者:
  • 表示回数 4,863
Geeklog

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

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

Geeklog edit icon

  • Wednesday, December 18 2013 @ 07:44 PM JST
  • 投稿者:
  • 表示回数 5,629
Geeklog

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

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

 

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

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

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

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


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

  • Thursday, October 31 2013 @ 12:49 AM JST
  • 投稿者:
  • 表示回数 5,061
Geeklog
Geeklogなどサイトを運営するための、運営者が用意しておきたいWindows環境のツールはこちら。

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

  • Wednesday, October 09 2013 @ 02:25 AM JST
  • 投稿者:
  • 表示回数 7,325
Geeklog

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>

ページナビゲーション