WednesdayLOVE Template

WednesdayLOVE.jpが発信するJUGEM専用のテンプレートの解説をしています。

一定期間更新がないため広告を表示しています



  • Category > -
  • Written by > スポンサードリンク

JUGEMテーマ:テンプレート

公開中のテンプレート"Rooms"および"Rooms YouTube対応版"の絵文字の改行をなくすようにしました。
訂正箇所は簡単なので、導入されてからご自分でカスタマイズ、もしくは提供している簡単カスタマイズを施している方は、直接CSSをいじってしまったほうが楽かと思います。




続きを読む >>


JUGEMテーマ:テンプレート

YouTubeAdjusterの画面下部にYouTubePlayerを配置しましたので、そちらで動画を探しコードを同画面でコピーアンドペーストできるようになりました。
再生中の動画のコード取得はプレイ画面下にあるボリュームアイコンの右2つ(字幕ボタンなどが表示される場合は3つ)隣にあるアイコンです。





JUGEMテーマ:テンプレート

テンプレートRoomsのフリースペース1(右上のテレビ枠)内にYoutubeの動画をジャストサイズで表示するための簡単変換スクリプトで、ロイター通信の動画ニュースのサイズ変更も行えるようにしました。

ニュース動画を載せたい方は利用してみてください。
ただし、今のところひとつのニュースが終了した時点で、次のニュースを再生するボタンが反応しません。

ロイター動画ニュース
一部字幕つき
YoutubeAdjuster






JUGEMテーマ:JUGEM


YouTubeの動画をこのテンプレートに配置する際にちょうどいいサイズに変換するためのページが時々YouTubeのサイズ変更に伴い変更されています。

単純なスクリプトなので、YouTubeの動画サイズが変わったときに未だ自動で対応できていません。逆に言えば他のフラッシュ動画も簡単にサイズ変更することができます。
お気づきの点がございましたらお気軽にコメントやメールでご連絡ください。



Template [Rooms] へのご質問・ご意見を受け付ける場所を設けました。

細かいことでも何でも結構です。気になった点、不明な点、また改訂版が出たときに是非取り入れて欲しい部分など、なんでもお寄せください。
できる限り(僕の力の及ぶ範囲で)対応させていただきたいと思っております。

また本日付で、自動修正用CSS(rooms-correction.css)にて、ジュゲム管理画面より使用できる絵文字をインライン要素としております。今までは自動的に改行されていた場合がほとんどだと思うのですが、これにより、本文中に携帯メールと同様の改行無しでの表示に変更されています。今までお困りだった方もいらっしゃったかと思いますが、そのような時はどうぞご遠慮なさらずに、バシバシ意見をお寄せいただけると大変助かります。

どうぞよろしくお願いいたします。



JUGEMのテンプレートRoomsシリーズ用に、右上のテレビの枠内にYouTube動画をフィットさせるスクリプトを作りました。
やっていることは単純で、YouTubeの動画ソースの中にある、動画の大きさを指定している数値を自動で変えるだけです。

単純なことですが、頻繁に更新したい方にとってはとても億劫な作業だったと思いますので、これを機会にガシガシ更新しまくってください。
また、このスクリプトで小さくした動画を、FrameMakerによって額縁に収めて日記に貼り付ける、なんて使い方も有効です。

YouTube Adjuster



WednesdayLOVE.jpデザインのテンプレートを使ってらっしゃる方のみで、期間や人数限定でちょっとした企画をしてみようかと思っています。
現在配布しているテンプレートはRoomsシリーズのみですが、もし過去に配布していたものをお使いの方もいらっしゃいましたら、その方もどうぞ。

といってもたいしたサービスでもないんですが、僕が使っているようなQRコードをブログで使いたいという人に向けたちょっとしたお遊びです。
ブログのQRコードを表示するなら、どうせなら個性的なものにしたい、と言う人がいらっしゃれば作ってみるのもいいな、と。

サンプルはこちら

WednesdayLOVE.jpの携帯用サイトのアドレスが納まっています。

興味のある方は以下の要領を良くお読みの上、メールをしてください。



いぶろぐpart2の記事では触れていたのだけれど、改めてこちらで正式なアナウンスを。

柱などのフリースペースに置く画像やブログパーツにも、額縁をつけたいという方。
コードを解析してご自身でおやりになった方もいらっしゃったかもしれませんが、これを簡単に出来るスクリプトが完成したので、公開します。

表示されるフレームのサンプルのうちから、好きなものを選び、概略とコードを記入した後、下のコード生成ボタンを押します。すると、「こちらにコードが出ます」と言う欄にコードが生成されるので、それをフリースペースにコピーアンドペーストすればおっけいです。

実は、自分が楽をしたいために作ったと言うのが正直なところ。
是非、利用してみてくださいね。

あ、ちなみに、これはこのテンプレートを使っているときだけ、額としては有効なわけですが、記事本文中に使用することも可能です。

簡単フレームメーカー



前回の記事に引き続き、コメントフロアとトラックバックフロアの簡単カスタマイズコードをリリースいたします。

これらの簡単カスタマイズコードと言うのはいったいなんなのかと言うと、本来はテンプレート編集画面でCSSを書き換えるところを、僕のサーバーにあらかじめアップロードしてあるCSSを参照させて、強制的に一部を書き換える、もしくは書き加えるのと同様の効果を持たせると言う原理です。


コードの貼り付け欄は前回同様テンプレートの編集画面から、htmlの中で
<!-- その他、今後リリースされる簡単カスタマイズコードを追記する場合にはこのすぐ下に貼り付ければOK -->
と書いてあるところから
<!-- 以上簡単カスタマイズコード貼り付け欄 -->
と書いてあるところまでの間になります。
この間に適当に改行を増やしながら貼り付けてくださいね。
※なお、またしても茶色い部屋を使う場合には、html自体を多少変更しなくてはなりません。10月21日以降にテンプレートをダウンロードされた方は大丈夫ですが、それ以前にダウンロードされた方は、お手数ですが再度ダウンロードしなおしていただくか、茶色い部屋への変更コードは使わないようにしてください。
とはいえ、昨日公開したアップデート版は、フォントのデコーレション用のCSSを別途読み込める仕様に変更してるなど、多少修正もあるので、ダウンロードをお勧めします。


ベッドのあるフロア青いベッド

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。
コメントフロア用

トラックバックフロア用


自転車のあるフロア自転車

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。
コメントフロア用

トラックバックフロア用


黒いソファのあるフロア黒いソファ

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。
コメントフロア用

トラックバックフロア用


何かがあったフロアなにかがあった痕

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。
コメントフロア用

トラックバックフロア用


籐の椅子のあるフロア籐の椅子

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。
コメントフロア用

トラックバックフロア用


赤いソファのあるフロア赤いソファ

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。
コメントフロア用

トラックバックフロア用


何もないフロア何もない

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。
コメントフロア用

トラックバックフロア用


何もないフロア(茶色)何もない(茶色)

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。
コメントフロア用

トラックバックフロア用


ワイヤーベンチのあるフロアワイヤーベンチ

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。
コメントフロア用

トラックバックフロア用


近日中にプロフィールフロアの簡単カスタマイズコードを作る予定です。




前回の記事でフロアの変更方法を書いたものの、やはりなかなかお手軽に変更と言うわけにはいかずに苦労してしまったユーザーの方もいらっしゃるようです。
せっかくのお休みなどがそんなことで台無しになってしまうのは僕としても非常に心苦しいので簡単カスタマイズコードをリリースすることにしました。
これらの簡単カスタマイズコードと言うのはいったいなんなのかと言うと、本来はテンプレート編集画面でCSSを書き換えるところを、僕のサーバーにあらかじめアップロードしてあるCSSを参照させて、強制的に一部を書き換える、もしくは書き加えるのと同様の効果を持たせると言う原理です。
今回は一番上のFirstFloorの画像を変更するコードを紹介します。
前置きはともかく、早速コードの公開と行きましょうか。


コードの貼り付け欄はテンプレートの編集画面から、htmlの中で
<!-- その他、今後リリースされる簡単カスタマイズコードを追記する場合にはこのすぐ下に貼り付ければOK -->
と書いてあるところから
<!-- 以上簡単カスタマイズコード貼り付け欄 -->
と書いてあるところまでの間になります。
この間に適当に改行を増やしながら貼り付けてくださいね。
※なお、茶色い部屋を使う場合には、html自体を多少変更しなくてはなりません。10月17日以降にテンプレートをダウンロードされた方は大丈夫ですが、それ以前にダウンロードされた方は、お手数ですが再度ダウンロードしなおしていただくか、茶色い部屋への変更コードは使わないようにしてください。
とはいえ、本日公開したアップデート版は、コメント欄やトップへのリンクなど、多少修正もあるので、ダウンロードをお勧めします。


ベッドのあるフロア青いベッド

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。



自転車のあるフロア自転車

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。



黒いソファのあるフロア黒いソファ

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。



何かがあったフロアなにかがあった痕

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。



籐の椅子のあるフロア籐の椅子

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。



赤いソファのあるフロア赤いソファ

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。



何もないフロア何もない

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。



何もないフロア(茶色)何もない(茶色)

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。



ワイヤーベンチのあるフロアワイヤーベンチ

以下貼り付けるコード
クリックで全体選択になるので、Windowsの方はそこでctrl+Cでコピーできます。






***
totaltodayyesterday
このpageのtopへ▲

2017

    123
45678910
11121314151617
18192021222324
252627282930 
<< June 2017 >>
RSS Feedburner



Powered by FeedBlitz

Mozart: The Violin Sonatas
モーツァルト:ピアノ三重奏曲第4番&第5番&第6番
プリンセス・ファーギー:THE DUTCHESS(初回限定特別価格)

Recent Comment

Recent Trackback

このpageのtopへ▲