bloggerのAPIがいつのまにかv3に

bloggerのAPIがいつのまにかv3になっていました。（気づくの遅い。。）

以下、ドキュメント。最初の一歩。
https://developers.google.com/blogger/docs/3.0/getting_started

リファレンス。
https://developers.google.com/blogger/docs/3.0/reference/index

sakuraへのa-blogインストール覚え書き

sakuraサーバに、a-blog CMSの2.1.0.1をインストールした際のメモ。

１，ioncubeを、サーバのFreeBSDのバージョンと32bit,64bitの違いを把握して、ダウンロード。

２，それをサーバにアップして、php.iniで場所を指定。

古い記事だが、以下は役に立った。

http://version1.a-blogcms.jp/support/requirement/sakura.html

３，各ページに遷移すると、internal errorになった。.htaccessのrewritebaseの#をはずしてやると、無事OKに。以下も古いが、参考になった。

http://version1.a-blogcms.jp/support/manual/setting/install.html

textWranglerで正規表現。

Macで無料のテキストエディタ、TextWranglerを使っていて、正規表現が使いたかったので、方法を調べた。

以下の動画が分かりやすく、ありがたかったので、メモです。

「Grep」のチェックを入れれば良かったのか、と納得。

ついでのメモとして、wordなどでルビが振られている場合、半角括弧内にかなが振られているものをすべて削除したい場合の正規表現が以下。

\(.*?\)

便利。

syntax highlightを導入したいメモ

bloggerにsyntax highlightを導入したいと思い、ググり。

http://www.way2blogging.org/2011/03/how-to-add-syntax-highlighterv3-to.html
http://taku1974-digital.blogspot.jp/2011/03/fazibears-blogger-widgets.html

この辺で行けそうですね。

objective-cをハイライトしたいので、
http://dev2next.blog134.fc2.com/blog-entry-6.html
がありがたそう。

以下が、objective-Cのハイライターコード。

/**
* SyntaxHighlighter - Objective-C Brush
* http://codepirate.seaandco.com/
*
* @version
* 1.0.0 (February 22 2009)
*
* @author
* Geoffrey Byers
*
* @copyright
* Copyright (C) 2009 Geoffrey Byers.
*
* Licensed under a GNU Lesser General Public License.
* http://creativecommons.org/licenses/LGPL/2.1/
*
* Updated From:
* Code Syntax Highlighter for Objective-C.
* Version 0.0.2
* Copyright (C) 2006 Shin, YoungJin.
* http://scottdensmore.typepad.com/blog/2008/12/objective-c-cocoa-syntax-highlighter.html
*/
SyntaxHighlighter.brushes.ObjC = function()
{
var datatypes = 'char bool BOOL double float int long short id void';
var keywords = 'IBAction IBOutlet SEL YES NO readwrite readonly nonatomic nil NULL ';
keywords += 'super self copy ';
keywords += 'break case catch class const copy __finally __exception __try ';
keywords += 'const_cast continue private public protected __declspec ';
keywords += 'default delete deprecated dllexport dllimport do dynamic_cast ';
keywords += 'else enum explicit extern if for friend goto inline ';
keywords += 'mutable naked namespace new noinline noreturn nothrow ';
keywords += 'register reinterpret_cast return selectany ';
keywords += 'sizeof static static_cast struct switch template this ';
keywords += 'thread throw true false try typedef typeid typename union ';
keywords += 'using uuid virtual volatile whcar_t while';
// keywords += '@property @selector @interface @end @implementation @synthesize ';
this.regexList = [
{ regex: SyntaxHighlighter.regexLib.singleLineCComments, css: 'comments' }, // one line comments
{ regex: SyntaxHighlighter.regexLib.multiLineCComments, css: 'comments' }, // multiline comments
{ regex: SyntaxHighlighter.regexLib.doubleQuotedString, css: 'color3' }, // double quoted strings
{ regex: SyntaxHighlighter.regexLib.singleQuotedString, css: 'color3' }, // single quoted strings
{ regex: new RegExp('^ *#.*', 'gm'), css: 'variable' }, // preprocessor
{ regex: new RegExp(this.getKeywords(datatypes), 'gm'), css: 'functions' }, // datatypes
{ regex: new RegExp(this.getKeywords(keywords), 'gm'), css: 'functions' }, // keyword
{ regex: new RegExp('\\bNS\\w+\\b', 'g'), css: 'constants' }, // keyword
{ regex: new RegExp('\\bUI\\w+\\b', 'g'), css: 'constants' }, // keyword
{ regex: new RegExp('\\bCG\\w+\\b', 'g'), css: 'constants' }, // keyword
{ regex: new RegExp('@\\w+\\b', 'g'), css: 'functions' }, // keyword
];
}
SyntaxHighlighter.brushes.ObjC.prototype = new SyntaxHighlighter.Highlighter();
SyntaxHighlighter.brushes.ObjC.aliases = ['objc', 'obj-c'];

で、ヘッダに
http://www.way2blogging.org/widget-generators/syntax-highlighter-scripts-generator
での生成コードをつっこんで、上記ファイルへのリンクを貼る、と。

TinyMCEにCSSを適用。

TinyMCEで、ポストに適用しているCSSの通りに表示させるようにしたい、と思いググる。

以下のリンクが参考になった。
http://takahashifumiki.com/web/programing/1667/

functions.phpに
以下の行を追加。（もちろん、CSSファイル名は、自分の環境の通りに変更）

add_editor_style("editor-style.css");

 無事、適用されました。

良かった。

Euclidesというテーマを使い始めてみた。

wordpressでこのテーマを使い始めてみた。

http://www.cssigniter.com/ignite/themes/euclides/

searchから飛ぶと、へんな「download」とか「view demo」という謎の表示が出る。

さて、なんのことやら。調べるべし。

で、調べると、
「Euclides is the perfect theme for those who write tutorials online. While we concentrate on web workers, anyone can use this theme.」と書かれていた。。。

チュートリアル用のテーマだったのね。

あれま。無料で、良い感じだったから使い始めてみたけど、地雷かな。。

：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：

あぎゃ。ポストごとの編集アイコンが、どこかに行ってしまった。
そもそもあったかな。。
うーん。

以下、追加したOKだった。
http://codex.wordpress.org/Function_Reference/edit_post_link

a-blogCMSから、wordpressへの移行をせねば。

a-blogCMSから、wordpressへのエクスポートの必要が出来たので、メモです。

http://manual.onsen.ne.jp/?p=129
ここに、やり方のメモがありました。

と思ったら、「a-blog CMS」から、ではなくて、「a-blog」でした。
私がやりたいのは、a-blog CMSからの吸い出し。

sql文でエラーが出たので、なんでだろう、と思ったら、そういうオチでした。。
　

RSSImport、べんり

wordpressでRSSImportというプラグインを使ってみた。
便利。
http://bueltge.de/wp-rss-import-plugin/55/

shortcodeでいろいろ表示も出来る。
参考にさせて頂いたのは以下のページ。
http://iphone-diary.com/?p=6202

vicunaでグローバルナビ

wordpress用のテンプレートvicunaが使いやすくて愛用しています。

グローバルナビを導入する方法がちょっと分からなかったので、以下のサイトを参考にさせて頂きました。

http://tpex.fem.jp/blog/wordpress/vicuna_cms_globalnavi.php

globalnavi.phpなりのファイルを作って、
それを各ページのテンプレートでインクルードする、というのは便利です。
いちいち全ページを変更するのって､ひどくおっくうですから。

ありがたい情報でした。

livedoorブログのデザインカスタマイズメモ

livedoor blogのデザインをカスタマイズしたのでメモ。

ヘッダー画像は、bannerというid名になっていて、
この画像を変更するために、外部サーバに画像を置いてリンクしたら、
エラーに。

しかたないので、livedoor blogが提供している、
画像アップロードサービスでアップロードすると、
jpgがさらに圧縮される様子。。
jpgで最高画質にしても、圧縮率が高くて使えない。

仕方ないので、png24にしてアップすると、圧縮されなかった。
が、ファイルサイズがやはり大きい。。
まあ、次善策、ということで。今時は、たいがいブロードバンド、ということで許していただこう。
（携帯には微妙かな。）

まあ、その他、cssとhtmlを色々いじったが、実に簡単に反映された。
カスタマイズのしやすさは、かなり高めかな。
少なくともbloggerよりは取っつきやすかった。

メモでした。

寄稿者が画像アップロードをできるようにするメモ

wordpress3で寄稿者が画像のアップロード可能にするための方法を探して、
http://www.softel.co.jp/blogs/tech/archives/2133
でメモがあり、
本家フォーラムに元があったので、引用しておきます。

適用しているテーマのfunction.phpに加えたら、無事アップロードできるようになりました。
感謝。

if ( current_user_can('contributor') && !current_user_can('upload_files') )
add_action('admin_init', 'allow_contributor_uploads');

function allow_contributor_uploads() {
$contributor = get_role('contributor');
$contributor->add_cap('upload_files');
}

本家フォーラムではここ
http://wordpress.org/support/topic/allow-contributor-to-upload-media#post-1438467

WPで画像のalignやcaptionを反映するメモ

Wordpressのテンプレートに、よくvicunaさんを使わせていただいていますが、
写真の.alignrightやcaption等が聞いていないので、困りました。

すると、本家のドキュメントに記載があったので、core.cssに追記すると、すぐ反映されて幸せでした。
http://wpdocs.sourceforge.jp/CSS

ありがたや。

wp.vicunaのstyle-monoメモ

けっこうこれまで、WPのテーマ、「wp.vicuna」を愛用させてもらっています。

しかし、自分がフルスクラッチで最初から書いたものではないので、
CSSの記述の全体を把握するのに少々時間がかかったりします。
（これは、他の方がつくられたどんなテーマに関しても当然言えることですが。）

そこで、ぼつぼつメモを残して行こうと思います。

とりあえずは、
http://wp.vicuna.jp/skin/official-skin/
style-monoというスキンを現在カスタマイズ中なので、
そのメモです。

::::::::::::::::::::::::::::::::::::::::::

■layout.cssとcore.cssという二つがメインのcssになっています。
core.cssに主に色々な記載がありますが、layout関連はlayout.cssに名前の通り記載されている事が多いです。
eye-catch（ヘッダー画像）に関しては、layout.cssの方に書かれています。

このeye-catch画像に関して、二つのファイルに別々の記載をしたりして、反映されずに悩んだりしました。
layout.cssでの記述の方が優先度が高い記述になっていたので、そこがミソでした。

WPとjQuery.noConflict()。。

http://tech.ironhearts.com/blog/archives/366

WPでjQueryコードを書いても「$ is not defined」みたいなエラーが出るので悩んでいたら、上記の記事を発見。

jQuery.noConflict()されていて、$("#test")みたいな形式がデフォルトで使えないんですね。WPに付属のjQueryは。

 回避策を考えねば。

■追記
http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/
にやり方が書いてありました。

<?php wp_enqueue_script("jquery"); ?>

<?php wp_head(); ?>

をthemeのheader.phpの<head>内に記述。

そして、いかのように$jという変数にjQuery.noCnflict();を代入して、$jを使っていく、と。

var $j = jQuery.noConflict();

$j(function(){　以下略。。

でもはて、プラグインはどうなんだろう。。

■追記2
プラグインの追加方法も同一解説内に書いてありました。

<script type="text/javascript"
src="<?php bloginfo("template_url"); ?>/js/yourScript.js"></script>

と記述して、プラグインの中身で、$()を使っていなければOK。使っていれば書き変え、というところでしょうか。

とりあえず作成。

だんだん書いていきます。
とりあえず、作成まで。