Blogger/Emporioカスタマイズ日記

Emporioでブログを検索すると、検索結果のメッセージで和洋のカッコが重複する。 何を言ってるかと言うと、右上の検索ボックスにたとえば「ヨーロッパ」と入れて検索すると、 こんな感じで 検索キーワード「”ヨーロッパ”」に一致する投稿を表示しています と出る。 カギカッコとダブルクォートがダブってしつこい感じですね(^_^;) で、この「”ヨーロッパ”」のダブルクォートを取る方法がある。 クォーテーションを取った状態がこれ。 見ての通り、 検索キーワード「ヨーロッパ」に一致する投稿を表示しています と前後の ” がなくなっている。 対応するテーマのHTMLは以下のところ（修正済みコードです）。 .post-filter-message .search-label::before,.post-filter-message .search-query::before{ /* content:open-quote */ } .post-filter-message .search-label::after,.post-filter-message .search-query::after{ /* content:close-quote */ } 見ての通り元コードから content:open-quote content:close-quote の2つをコメントアウトしている。 ちなみに以下のサイトを見ると、 >>  Blogger Cheatsheet data:view | Blogger Book 検索結果のメッセージは以下の変数らしい。 data:view.search.resultsMessage data:view.search.resultsMessageHtml 確かにテーマのHTML内でこの変数は使われているが、メッセージの文字列を設定してるところがないのでどう使うかがわからない。 使われてる直前でメッセージを代入しとけばいいのかもしれない。 使い方わかるひと、ゼヒ教えてくださいm(_ _)m その他のBloggerカスタマイズTipsはこちら Blog...

最近、世界のグルメ情報を発信するブログを立ち上げた。 >>  食いしん坊日記ザ・ワールド このブログでは地域ごとにカテゴリわけしようと思ったのだが、世界中かなりの国や町を周ったので、単純にカテゴリを付けると収集がつかなくなる。 都市ごとにカテゴリつけたら何個カテゴリが必要になるのか(^_^;) というわけで ヨーロッパ/国/都市 みたいな感じで階層化して整理したい。 しかしてBloggerにはその機能がなく、ネットに出回ってる方法では最近のテーマであるEmporioでうまく動作しなかった。 ではEmporioではどうするのか？を今回はまとめます。 スポンサーリンク

以下の記事で document.writeln を使ってやや強引に記事タイトル下にAdsenseを表示する方法を紹介した。 >>  Emporioで記事タイトル下にAdsenseを表示する方法 要するに そのままではコピペできない広告コードを document.writeln で1行の文字列として書き込む というものだが、この方法のハードルはまさにこのAdsenseコードを1行の文字列に書き直す点だ。 ※この方法はコードの改変には当たらないと思いますが、 規約違反になる可能性 がないとは言えないので、自己責任で試してくださいね。 ちまちま特殊文字を探し出してエスケープしていってもいいのだが、ちょっとでも間違えばテーマの保存すらできないのでかなりめんどくさい。 しかしこれにはチョー簡便な方法がある。 それがHTML/Javascriptガジェットを使うというもの。 やり方はまずガジェットの設定画面で、「コンテンツ」のところに広告コードを貼って保存する。 で、 「テーマ」の「HTMLの編集」で上記ガジェットの箇所を見れば、そこにエスケープされた文字列が出ている はずだ。 わかりやすいタイトルを付けておいて検索するとすぐ見つかる。 エスケープされた文字列をコピーしたら、ガジェット自体は削除してしまえばよい。 ちまちま手作業でやってたのと比較すると夢のように楽になるので、ぜひ（自己責任で）お試しあれ＾＾

テーマEmporioを使ったサイトをこれまで2つ作ったのだが、おかげでEmporioの フォント調整 についてかなり経験が積めた。 今では Emporioを使うならフォント設定はこのワンセットだろう！ というのが確立されたので、参考までに紹介する。 解説がいらないという人は、実際に自分のEmporioサイトで使われてるコードを載せてますので「 実際のCSS定義 」までズギャンと行っちゃってください(・∀・) スポンサーリンク

これまでBloggerのテーマEmporioを使って2つサイトを作った。 1つは最近作った英語学習ブログで、 おとなになってからの英語学習（ eigobootcamp.blogspot.com/ ） もう1つは2年ほど前に作ったカンボジア情報のブログ「 GET A LIFE in Khmer! 」だ。 2つ作る中でEmporioの フォント関係の調整 のやり方につき、基本的なところがだいぶわかってきた。 ので、今回はCSSでEmporioのフォント調整をする際の 基本的なアプローチ 実際のCSS適用例 等につきまとめます。 慣れたひとには常識かもですが、わたくしと同じ初心者にはBloggerをカスタマイズするプロセスがわかって役に立つかも(・∀・) スポンサーリンク

Bloggerも長年使って、いろいろテーマも試した。 おかげでだんだんテーマごとのクセや使いみちが定まってきたように思う。 テーマによってやっぱり合ったコンテンツというものがあり、これまで使った Emporio Contempo 動的ビュー 旧テーマのシンプル それぞれにつきこういう用途がいいかな～というのを今回はまとめてみる。 スポンサーリンク

Bloggerでは テーマデザイナー（旧テンプレートデザイナー） という、テーマの設定ツールが提供されている。 これがなかなか微妙なところがあるツールで、そのへんは以下にまとめた。 >> Emporio、テンプレートデザイナーでできないフォント調整とその対処 が、テーマデザイナーでできる 有用な設定 ももちろんたくさんある。 今回はテーマEmporioで、テーマデザイナーを使ってできるオススメの設定を紹介する。 すべて自分でもやっている設定である。 とりあえずテーマデザイナーの”使える”側面を知っていただければ幸いです(・∀・) スポンサーリンク