紺碧の空3

北海道をノマド的に生きる日々の覚書き

WEB全般 ブログツール 技術覚書

bloggerのテンプレート「COCKTAIL」を適用

投稿日:2015年8月24日 更新日:

現実逃避、という名の創作活動もりもり中。・・・

(現実逃避、って、つい口癖で言っちゃうけど、自己暗示的にどうなんでしょうねぇ?)

さて、以下の記事で、bloggerの素敵なテンプレートを見つけてしまった。

シンプルなデザインのブロガーテンプレートまとめ【Blogger】

ってか、前につかってたbloggie探したときも

Bloggie

記事固定になってるテンプレ1個あったんだけど、すんなり適用できなかったので諦めてた。

(たぶんこれ↓)

http://www.mybloggerthemes.com/2014/10/litemag-clean.html

で、今回目をつけたのは soratemplates.com のCOCKTAILというやつ。

http://www.soratemplates.com/2015/01/cocktail-blogger-templates.html

トップに、写真のスライダーウィジェット?が入っていて、これを記事固定機能に使えそう。

とまあ、wordpressだったら、すんなり適用できるんだけど、うまくいくかなぁ・・・bloggerだからなぁ。

と半信半疑でしたが、

すんなりできました!

比較的ひっかかったところをば・・・

その、写真スライダー?の設定

普通にテンプレ適用しただけだと動かなかった。

同封のDocumentation.pdf に書いてある以下の一文が肝でした・・・

Add label name which you want to show posts into widget content

なるほど、レイアウトで、該当のスライダーの内容のところに、記事のカテゴリ名(ラベル名)を入れるのね!日本語でもOKでした!

ちなみにこのslider、ウィジェットとして自分ではインストールしなくていい。

jqueryぽいけど、どういう仕組みなんだー?

なぜか、追記の区切り、が解除されてしまう・・・

記事一覧などに、本文の先頭何行かのみを表示させ、あとは「続きを読む」で飛ばせるために挿入する「追記の区切り」。

全ての記事に入れていたはずなんだけど、テンプレートを適用後、消えてしまった記事があった。

ぽちぽちと再設定。

また、この区切りまでの文章が多すぎるとレイアウト崩れるので、変更した箇所も。

記事単独表示ページで、タイトルの上が欠ける

日本語フォントのせいかなぁ。これはスタイルシートの該当箇所を、右クリック→要素、で探して、どっかのH2スタイルのtop-marginを追加したら直った。

 アイキャッチにドデカ表示される場合のために、1つ目の写真を「特大」に

このテンプレは、ブログ記事一覧の1つ目のアイキャッチや、写真スライダーの記事のとき、写真がとても大きく表示される。

アイキャッチに使われる、記事の先頭の写真を「小~中」あたりにしちゃうと、解像度が落ちたものがアイキャッチににも使われてしまうので、見栄えが悪い。

大、でもだいぶ改善されたけど、特大、にしておいたほうが賢明。

 

ーーーーー

・・・と、いろいろやった気がするけど、こんなもんかなぁ。

しかし、テンプレートのサンプルデモはこんなに美しいのに

http://cocktail-soratemplates.blogspot.jp/

私のサイト

http://shiretoko-mirage.blogspot.jp/

うーん、やっぱ、ヘッダ画像、重いかなぁ・・・せっかくの素敵デザインが!!

でもなぁでもなぁ。いいフォント持ってないし探すの面倒だし、サンプルのように文字だけで勝負する気になれない・・・

蜃気楼の写真も、出し惜しんでしまう・・・

というわけで、何日かこれで過ごしてみます・・・

 

まあ、あと、かなりwordpress的なイメージに近づけるとはいえ、やはりwordpressに戻って使うと、使い勝手がまだまだ追いついていないなぁ・・・

文字間とかも、テンプレによって、イマイチなのはなんでなんでしょ?

wordpressは、比較的まえから、その辺はしっかりしてたよな。

あまり気を使わなくても、読みやすいし、書きやすかった。

しかし・・・こんなに凝ったことするなら、やっぱし最初からwordpress立ち上げればよかったよ。

といつも口だけですが。

つい言ってしまうのであった

ーーーーーー

追記8/27

このテンプレートのバグっぽい動きを見つけた・・・本文中に、イメージ画像のバナーなどを張って、その画像をAで囲って他のページにリンクで飛ばそうとすると、上手く飛ばない・・・

原因探せなかったので、とりあえず、バナー画像全部はずしました・・・

-WEB全般, ブログツール, 技術覚書

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

googleカレンダー→zapier→twitter

でもって、今日は、googleカレンダーからtwitterの連携をzapierでやってみた。 これも、昔できたので、3分くらいできるだろうと・・・ がしかしー なにやらエラーが出て進めない・・・ ye …

Arrowsシリーズでワンセグが映らない方へ

ワンセグアプリ初回起動時の、チャンネル設定に出てくる「都市」以外に住んでいる方は、下記と同事象かもしれません。 私の住んでいるところは、かなりへき地で、地デジの電波も薄いため、映らないのはしょうがない …

no image

ココログからwordPressへのインポート(引越し)

さて、ココログの旧ブログをそろそろ閉鎖・・・はめんどくさいので、記事本文全てをエクスポート(エ”キ”スポートとあった。珍しい?)した後、要らない記事をばっさばっさ削除、ブログペットとAIBOの記事だけ …

Plier(プリエ)3E

Plier(プリエ)3E スタンド一体型二つ折りキーボード 3E-BKY6レビュー♪おすすめです

久しぶりに書くけど挨拶なしで。 スマホ買い初めのころ、モバイルキーボード選びにはまって。 フィーチャーフォンとちがって、一応スマホ、Androidなら低スペック機でもBluetooth対応。 画面も大 …

WEB会議に使うWEBカメラ代用としてスマホ・コンデジ・一眼系は使えないのか→一部成功【LUMIX/EOS/olympus TG/ZOOM/Webex OBS studio】

久々にこちらのブログに書きます。 単刀直入に、タイトルの通りです。かなり苦戦しましたが思い描いているところまでできたので備忘メモです。 why? デスクトップPCに接続するマイクはあるけどカメラが無い …











スポンサーリンク