『DIY』のウェブリングを立ち上げた◆2018.01.20加筆

  • 2018.01.15 Monday
  • 19:09

先日、「ウェブリング」というものを利用して、

『DIYフリークの集い』というリングを立ち上げてみました。

 

このウェブリングというのは、

リンク集や相互リンクみたいなものですけど、

単純なリストではなくて、「輪」状になっているんですね。

どういう事なのかというと、

「前へ」「次へ」などというボタンがあり、

「次へ」をクリックすると、

登録の順番に次のサイトが開くシステムになっているのですが、

一番最後の登録サイトから「次へ」をクリックすると

一番先頭の登録サイトが開くようになっているんです。

「前へ」も同様に。

つまり、順番に見ていくと、ぐるっと一周して終わりがない「繋がり」なのです。

 

「前へ」「次へ」などというボタンは、

サイトオーナーが自作して設置するのですが、

私は、『DIYフリークの集い』向けにサンプルコードを幾つか用意しました。

あと、よくありそうな問答も合わせて、専用のページを用意しました。

ウェブリング『DIYフリークの集い』のQ&A

詳しくは、これ↑に書いてあります。

 

「前へ」「次へ」などというボタンは、

「ナビゲーション」と呼ばれるボタン群の一部です。

「ナビゲーション」の一例を下記に掲載します。

 

【ナビゲーション】


DIYフリークの集い
(ウェブリング)

前へ
アトリエ・トリガ
次へ
ランダムに飛ぶ
リンク一覧
参加を希望する
Q&A

↑こういう感じのものです。

これは、私が急ぎで作ったため、見た目は簡素ですが、

画力のある人が居れば、もっと見栄えのするボタンにしてくれてもいいのです。

そして、その画像とサンプルコードを

無料で開放して頂ければ、とてもありがたいです。

 

私は、ボタンの見栄えよりも、

静的な存在でしかないボタン群がイマイチ、訪問者の目を惹かないと思いましたので、

なんとか動的に、登録サイトの中からランダムで紹介できるようにしようと思い、

試行錯誤の上、なんとか作り上げたのが、

紹介する「インラインフレーム」と

紹介する「サムネール」です。

もうそれこそ「Do It Yourself !」の精神ですよ。

 

前出の「ウェブリング『DIYフリークの集い』のQ&A」に

一通り掲載してありますが、その中からここにも一つずつ貼っておきます。

 

【縮小してランダムで紹介するインラインフレーム1】


ウェブリング『DIYフリークの集い』の中から、ランダムでひとつ紹介します(ここと同じサイトが偶然表示される可能性もあります)。

※右クリックで「このフレームを新規ウインドウで開く」を選択すると、原寸大の表示になります。


↑縮小表示されて、登録サイトから一つランダムに表示されている筈です。

これを、ナビゲーションと並べて設置して頂くと、

そのサイトに訪れた人の目に、他のサイトが留まりやすくなると思います。

ただ、このインラインフレーム版は、

インラインフレームの中でそのサイトがそのまま機能しているので、

スクロールもリンクも動画も全て反映されているのですよ。

なので、中に開いたサイトによっては、ちょっと全体が重くなるんですね。

しかも、その中のサイトが更に、このインラインフレーム版を設置していると、

その中に入れ子になってしまうので、かなり重くなってしまいます。

 

そこで、慌てて「サムネール」方式の紹介ツールも作ったわけです。

それがこれ。

 

【ナビゲーション/縦長型1+サムネール190 ver2】


DIYフリークの集い
(ウェブリング)

前へ
このサイト名欄
次へ
ランダムに飛ぶ
リンク一覧
参加を希望する
Q&A

ランダムでサイトをひとつ紹介します。


こちらのサムネール版は、

登録サイトのスナップショットを表示しているだけなので、

比較的軽く済むのです。

ただ、そのサムネールを作成するために、外部ツールを使っています。

そのリクエストの一覧を私のjsファイル内に持っていて、

リングに本登録された事を確認したら、これを私が手動で更新します。

つまり、サムネールリンク(ナビゲーション)を設置して直ぐは、

貴方のサイトはサムネールに表示されない筈です。

それと、過去に表示されたことがないサイトが初めて表示されると、

サムネールが作られていないため(最初のリクエストがあって、それから作成される)、

正しく表示されません。

「Now Capturing」というメッセージの画像が出る筈です。

この画像が出ても、クリックして貴方のサイトが開かれるのであれば、

私のjsファイル内のリストには載っています。

サムネール画像が作成されるのにしばらく時間が掛かる事もあるようですから、

少し時間を空けてからもう一度ページのリロードを試してみて下さい。

一度正しく表示されれば、

二度目からは、キャッシュされているので直ぐに表示されると思います。

こちらのサムネール版は、

単なる画像なので、その中ではリンクやスクロールなどは機能しません。

が、サムネール画像をクリックすると、そのサイトが開くようになっています。

 

現在、登録サイトを大募集中なので、

審査が甘い内にどんどん申請してくれると嬉しいのですけど。(^_^;)ゞ

詳しくは、

前出のナビゲーションのボタンをクリックしてみて下さい。

 

 

 


お気に召しましたら、一票(ワンクリック)下さい。ランキングに参加しておりますゆえ。


人気ブログランキング

ウェブデザインランキング

 

[このブログの「selected entries」「categories」へジャンプする]

コメント
コメントする








    

calendar

S M T W T F S
   1234
567891011
12131415161718
19202122232425
262728293031 
<< August 2018 >>

カウンターなど


[このブログの「selected entries」「categories」へジャンプする]


[✓]

ユグドア」(YggDore)に登録済みです。
カンパやチップを大歓迎します!
要望等も受け付けてます。
(できる範囲が狭いが)

このページへチップを贈る



DIYフリークの集い
(ウェブリング)

前へ
このサイト名欄
次へ
ランダムに飛ぶ
リンク一覧
参加を希望する
Q&A

ランダムでサイトをひとつ紹介します。



Twitterも↓やってます

お勧めソフト、サービスなど

私がよく使うショップ

  ヨドバシ.com/ヨドバシカメラ  

  モノタロウ  

  Amazon.com  

  西友-SEIYUドットコム  

イオンショップ

私も「ビッグローブ光」に乗り換えました。↓


私も「mineo」に乗り換えました。
満足度調査でトップクラスらしい。↓



私も「Norton Internet Security」使ってます。↓

シマンテックストア




楽天モーションウィジェット
A8.net版

(あなたのご利用傾向から)





利用しているアフィリエイト


機能的かも↓


「西友 SEIYUドットコム」のアフィリエイトならここ↓


記事が少なくても審査に通りました。↓

リンクシェア アフィリエイト紹介プログラム

「住信SBIネット銀行」のアフィリエイトならここ↓

アフィリエイトのアクセストレード

誰もが知る楽天市場↓


なんでもござれのAmazon↓





試用スペース

試しに貼ってみた

↓ローテーションバナー(無作為)






ここまで試用スペース



selected entries

categories

archives

recent comment

recommend

links

profile

search this site.

others

mobile

qrcode

powered

無料ブログ作成サービス JUGEM