正直に書くブログ

2012年9月からフリーランス活動開始しました。
今後もマニアックでも有用な情報を提供出来るように頑張ります。

カスタマイズ

スマートフォン・テンプレートカスタマイズ・・まだダメだな

ライブドアブログにログインすると、スマートフォン向けのカスタマイズが出来るようになったとしつこく表示されるので、ならやってみるかと当然の如く「フリーエリア」を使ってJavascriptで書いてみたのだが、スマートフォンでアクセスしても一向に思い通りの表示がされない。なぜ?

記述を間違ったかな?とか思いつつ手直ししてみてもやっぱり間違えてはいない。って事はやっぱライブドアブログの問題だろ!と、またいつもの不具合かよ~と思いながら、まずはJavascriptをサポートしているのか確認してみたら・・・・対応してないらしい。

livedoorブログ スマートフォン設定Google Adsenseは使えない - アセットアフィリエイト

なんじゃそりゃぁって感じだけど、先にそれをやろうとした人が問い合わせてサポートしてないと回答されている以上仕方ないか。ただ、これが何時問い合わせているのか分からないんだよなぁ~検討するって答えられたらしいし。

私も問い合わせてみるか。

PS.
スマートフォンサイト用のフリーエリアは、Javascript非対応だと回答が来ました。livedoorブログのことだからと予想通りでしたが、使い物になりませんね。スマートフォン対応のカスタマイズをしている方はガシガシ要望を入れましょう。動かないものは動かざるを得なくさせるしかないです。ユーザーの声を聞かないサービスなら廃れるでしょうからね。

feed2js:プレビュー文字化けの修正

ありがたいfeed2jsですが、日本語の文字コード問題はちょくちょく発生する様です。サーバーを社内のLinuxサーバでやっている分には問題なく出来たのですが、外部でも使えるようにレンタルサーバに設置したら問答無用で文字化けを起こしました。

文字コード対策の方法は、先にするした小粋空間さんに解説されているので私の出る幕は無いのですが、プレビューボタンを押したら確実に化けるので、プレビューに関するファイルをカスタマイズする事にしました。具体的には生成されるJavascriptコードに文字コードを付加するカスタマイズです。

preview.php

<script language="JavaScript" src="<?php echo $rss_str?>"></script>

<?php 
if ($utf== 'y') {
$charset='utf-8';
echo '<meta http-equiv="content-type" content="text/html; charset=utf-8">';
} else {
$charset='iso-8859-1';
echo '<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">';
}
?>

<script language="JavaScript" src="<?php echo $rss_str?>" charset="<?php echo $charset?>" type="text/javascript"></script>

こんな感じに修正してみました。プレビューの文字化け解消で機能的にOKかなという印象です。使い込んだらまだ日本語での使用に際して不具合あるんだろうなぁ。

RSSフィードをサイトコンテンツとして使う:feed2js

feed2js仕事の中に、複数のCMSを組み合わせて要件を満たしたり、CMSで生成した記事を静的なWEBサイトに動的に表示させたいというニーズもあったりします。手っ取り早いのはJavascriptになるんでしょうね。私はJavascriptでプログラムの作り方は良く分かりませんが使い方はある程度分かります。

今構想している案件の中で、EC-CUBEでのショップサイトに、オーナーのブログ記事から新着情報的な一覧を表示させたいというニーズがあります。単純 に考えるとCMSの棲み分けをする事で機能を分離できますが、別々のCMSを使うことで、連携という部分で弱みが出てきます。なんとか簡単に実現出来ないかなと考えてみました。

そんな場合に使える仕組みとして便利なのが、RSSフィードです。多くのCMSがこのRSSフィード生成に対応していますので、それを取り込むことで容易に新着記事を別のCMSで表示させることが可能となってきます。静的なサイトでも使えるテクニックですね。

問題は、RSSフィードを生成する機能は多くのCMSに実装されているものの、よそのRSSを取り込む機能を備えているCMSが少ない点です。多くの場合はプラグインで対応することになるのでしょうが・・・私はプログラマじゃないので作れません・・

さてどうしたものか。と調べていたら良いものを発見しました。

feed2js

Feed2JS

続きを読む

行頭インデント(1字下げ)

何となく以前やっていた1文字字下げを適用してみようかなと、<p>要素に適用するスタイルシートを書いてみました。元々私は字下げをしないタイプなのですが、長文になりがちなので読んでくれる数少ない人達への配慮も必要だなとの思いからカスタマイズしてみた次第です(行頭にスペースを1つ入れるのは手間だしダサいと私は思うので・・)。残念な事にライブドアブログのHTMLエディタでは<p>タグが使われないので、意識してソースを編集しなくてはなりません。改行すると<br />が2つ続いてしまいますし。

まぁそれは構造上仕方の無い事だし、基本的なパターンだと認識して守っていけば、テキストエディタ上で簡単に置換できるので<p>要素に統一していくことも可能ではあります。若干手はかかるけれど、段落の意識をするには、やはり<p>要素は重要だと思うのでソースコード修正ででも統一して行こうかなと思っています。

ちなみに、このブログではスタイルシートは下記の様にして、1em下げることにしました。

div.article-body-inner p {
	text-indent:1em;
}

使っているテーマ(スキン)によっても違うと思うので適宜調整しなくてはならないと思いますが、要するにp要素にインデントを適用させれば1文字字下げは出来るので難しい話じゃないとは思います。問題はフォントによっては1emという指定が正しく1文字分下がらない点です。まぁそれは仕方ないかなと割り切ることにしました。

livedoorブログにB!アイコンを付ける

先日投稿した記事で、はてなブックマークのb_iconアイコンが表示されるようになったと言う事を記したが、URL的にはlivedoorブログでも出来るんちゃう?と思って実験してみた。

とりあえずGoogle先生に相談だ。
参考にさせてもらったのは、「自分のブログに「↑B」アイコンを表示する
オフィシャルサイトにあった情報だ。テンプレートファイルに下記の様なタグを埋め込めと書いてある。

<li class="article-tool-box"><$ArticleToolBox$>
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="http://livedoor.blogimg.jp/syoujikido/imgs/b/9/b9fb0d87.gif" width="16" height="12" style="border: none;" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a></li>
</ul>

早い話、はてなブックマークのURLの後ろに対象となるURLをくっつけると、それをはてなブックマークとして登録する画面が表示されるしくみらしい。簡単じゃないか。

しかし、やってみたところ、はてなブックマーク登録画面が表示されるものの、肝心の投稿ページのタイトルを取得出来ないのでタイトルがURLのままである。これじゃぁ使い物にならない。バグ?

仕方ないので他の方法を探してみる事にした。
続きを読む
記事検索
月別アーカイブ
SEO的な実験
RSS

ブログランキング

track feed 正直に書くブログ
最新コメント
スポンサードリンク
QRコード
QRコード
  • ライブドアブログ