TOP

フォトコレクション..ギャラリーのスタイルに憧れて...?

シリウスでフォトサイトはできるか?
フォトサイトといっても、上から下に画像を一つずつ置いて何かしら説明付随
して、一段一段と画像を縦一列にならべるのも..一応フォトサイトでしょうね
..しかし、普通の記事追加と同じ...別段面白くもない...

 

で、あれこれ試行錯誤...
通常フォトコレクションは、イチカラムがベストといわれるみたい..

 

私が表現したいスタイルは、これ!
https://www.pexels.com/....参照

 

記事内で画像を横並び...シリウス機能テーブルを使ってみた..
結果....ま、横並びはするが、なんかいまいち、いやとてもレベル外で不採用...

 

次は、思考を変えてシリウスのデフォルト3カラムで、記事幅、両サイドの
サイドバーを全て同一横幅にカスタマイズして実行...

 

サイトメニューは非表示として、左はフリースペース3.4,,,右は5.6で
縦3列縦並び....

 

しかし、うまく組み合わせてもフリースペースは4つしかなく、ページ数を
3ページまでしか増やせない...おまけにフリースペース窓は狭くて作業が
はかどらない..面倒...

 

 

シリウス以外...WPではできそう...でも、ここだけは使いたくない..
WPサポートフォーラム出入り禁止措置取られた私はWPが大嫌い...
フォト系テンプレートを拝見...できそう...みたい..

 

ウェブ上で調べれば、いくつかフォトサイトを作る手だてはございましたね

 

しかし、シリウスで..という趣旨に当てはめると...CSS指定以外見当たらない.
で、CSSいじりまわして完成...PCで見たスタイルがこれ...画像..です

レスポンシブ効果でスマホでは縦一列に切り替わります

 

 

さて、ここで今時の疑問がございます..
レスポンシブ構造で作ってしまったため、iphone設定にしている場合、
スマホ、閲覧ではいかように変化するか?

 

シリウスのノンレスポンシブTPをお使いの方はiphone設定と思われますが、
私は全て、当サイトを含めてレスポンシブTP採用なので何ら障害はない...
iphone設定の場合、どうなるか?...不明...

 

ですので、導入する方はレスポンシブTPで進めることをお勧めします...

 

導入へと進みますが、当ページはカテゴリーでサイドバーが邪魔して大きな
サイズでスタイルを見せられないので...エントリーページで実動例と導入CSS
をご確認ください

 

導入後の表現は、色々ございますが、管轄関連に少しずつ追記して
行くので後々ご確認ください

 

お詫び いまだシリウスのレスポンシブTPでは作動未確認です


 

 

カスタマイズ..備考

 

当ページからのステップ解説で使う記載コードで、事前に覚えておくと
便利です...本編の画像コードはノーマル...

 

フォトコレクション画像をダウンロードする仕様、もしくはダウンロートまでは
行かなくとも画像をクリックすると拡大ページに移動する手法...例2つ

 

クリック..拡大ページ移動

 

WPなどで見られかと思いますが、画像をクリックすると画像が拡大された
ページに移動する...使いたい方は切り取り使用する

 

作動例...サイズはシリウスに保存時のサイズで表されます

 

上記例は、サーバーにアップされている画像を読み込むため..
シリウス関数は使いません...シリウスデフォルトリンクはエラーになるかな?

 

<a href="http://www.affiliateno1.com/img/aikyattti.jpg"><img src="http://www.affiliateno1.com/img/aikyattti.jpg" style="height:200px;width:300px;" alt="" /></a>

 

 

画像のダウンロード

 

画像をダウンロードさせたい...の場合、記載は上記と同じなんですね

 

で、上はダウンロードではなく拡大だけですよね

 

どこが違うか?...それはファイル化していないからなんですね...
ファイルであればダウンロードと作動は変わります

 

できれば、ページに表示される画像はそのままにして、別な異なる
ファイル化がよろしいかと思います

 

もしくは、よくある手法...
画像クリックかテキストリンクコードでダウンロードページを追加する..

 

構築は画像配布サイトを参考にしてください

 


 

おまけ...

 

おまけでもないですが、一つ問題が...私はエックスサーバー利用なのですけど
ひとつのページに多く画像配置すると,,,出現が遅い..

 

横に3つとか,,で幾つも配置するのでサーバーに負担がかかるのでしょうね
10個以内で納めれば何とかいける?

 

20個も配置すると...ぼけてきます...

 

それはいやとするなら...物は考えよう

 

以下ご確認

 

シリウスでなく、その他のサービスでフォトサイトを作り、連捷したい...
やってみたけど、自分の好みに合わない..
ブログサービスでやっているようなサイトレイアウトでやりたい..
等々..目指すものに違いがあるなら、横3列のフォトコレクションが簡単に
作成できるtumblrは如何でしょう..(確かヤフーさんが親だま...)ですので、
其の後何かしらに役立つかも....?

 

https://www.tumblr.com/

 

アカウント設定すればすぐ使えますが、縦3列仕様は外部の配布TPですので
設定が必要です

 

でも、インストール後、ワンクリックで切り替えは完了するので面倒なく...
こちらでインストール..
http://sanographix.github.io/tumblr/illustfolio3/

 

フォト画像は、最低3つ入れないとサイドバーと混在します

 

使用例

 

最初は、なんか変な感じのtumblrですが、数日過ぎればちょちょいのチョイ
....かな?

 


 

編集後記

 

....お勧めしといてなんですが...tumblr使用の感想

 

tumblrアカウントは2年前に所得...が、なんか意味不明なので以降は放置
記事書けとのメールはしばしば...で、たまには管理画面に...
でも、なんかやりたくね...が、私の当時感情...

 

ま、最近サポートへフォトコレクションサイトを作りたいとのご依頼あり...
色々デザインを参考にする過程でtumblrでもいいレイアウトで進められる..と、知って...やっとの利用開始..

 

画像追加はすぐできる
画像クリックで記事ページへと進む仕様もある

 

それはそれでよいのでしょうね

 

でも、作られたシステムであるためややの面倒もその後気付く...

 

tumblrをすべて理解しているわけでもありませんが、この程度ならシリウス
でも構築できる範囲と理解...

 

tumblr...それなりの画像コンテンツをメインとしたブログサービスと理解する
ものの...
フェイスブックやツイッターほどの経済効果があるのか...なんか意味不明
投稿者はいるにはいる....SNSみたいなレイアウト...なんか変?
ブログではある...しかし、アメーバ、はてな、Gooなどに慣れていると...
...なんかいまいち..

 

誰にも見られない画像ブログであるような気配で何とも...

 

アカウント削除も、もったいないんで、何かしらに目覚めるまで月一更新程度
で生かせときましょうか...

 

シリウスにフォトコレクションソースを入れ込み構築するは、tumblrより多少
手間取るものの、慣れてしまえばさほど差異はない...

 

けど、シリウスならフォトの配布としてダウンロードリンクも配置できるし...
後々編集も自分の自由ですし....
SNSからも飛ばせるし...その逆も....

 

そんなことで、メインはシリウス利用として.自分スタイルに合わない記事だけ
tumblrで、暇更新しときましょうか...が今の現状...

 

...意味不明記事で申し訳ございません...

 

スポンサーリンク

 

 

 

 

シリウスをフォトコレクションサイトへカスタマイズ?
トップページ

フォト画像のコレクション配列を横3列例です..レスポンシブ作動はPC画面を狭めてご確認くださいね...この配列は、フォトコレクションサイトとしての専用サイトを作るとき...もしくは、ページ内でのフォトページ使えるかと思います..また、当ページは、DEMOの意味合いでエントリーPでの表示、イチカラム仕様で表しておりますが、2カラム採用の際は、記事幅も狭くなるので画像の横幅を狭め合わせ調整ください.....

当ページ解説は、上部ページからのフォトギャラリー導入解説に沿っての意味合いで進めております。詳細はこちらからご確認願います画像をフォトギャラリー表示とするCSS記載手順シリウスをフォトコレクションサイトへカスタマイズ?ギャラリーに配列するフォト画像に個別指定で枠内に限る形式ではあるが、マウスオーバーで拡大する動的作動を付随させる...です画像をマウスオーバーして作動をご確認ください横3列導入方法C...