最新情報

  • 2024/02/26
    ブログを更新しました。
    2018/04/30
    冷やし中華...じゃなかった、Twitterはじめました。

このサイトに関して



当サイトご利用上の注意

  • 2019/04/14現在、コメント欄にURLを書く場合は、「https」や「http」はNGワードに設定しているので、それを外すか、例えば「h ttps」の様に書いて下さい。
    メールアドレスの入力が求められる場合、とりあえずメールアドレスの形をしていれば(@の前は適当でも)OKです。

    コメントは承認無しで掲載されますが、ココログの仕様で投稿されたコメントが画面に反映されるのにはしばらく時間が掛かります。ご了承下さい。



    このブログの趣旨など。コメント欄はゲストブックとしてご利用下さい。


    記事についてご不明な点などはメールでは回答しかねますので、各記事のコメント欄にお願いします。






    ** ツイログ/Twilog **

特設コーナー

  • Banner_wuhanvirus2

    banner_kunimori01


















外部サイト(その他)

  • 台湾の名前で東京オリンピック参加を!署名活動


    憲法改正を実現する1,000万人ネットワーク 美しい日本の憲法をつくる国民の会









管理人ポータル

大師小同窓会関連












  • 画像を提供、あるいはオリジナル写真を貸して下さる方は管理人までご連絡ください。


我が町!大師の情報

  • 大師の歴史・町名の由来

各種ノウハウ集



私家版スクラップブック

  • ブログ主の個人的スクラップブック集です。

    100円ショップの木箱やディスプレイケースなどを利用したドールハウスのまとめページです。

    メンテナンス中のため一時アクセスを制限しています。

友達の輪・お薦めSHOP

  • CHITIのボディデザイン
    魅せるボディデザイン/カラダ作りの本質とは!?
    川崎市在住のインストラクターが近隣のスポーツ施設や公園・ご自宅でのパーソナルトレーニング受け付けます。




    かわさき楽大師

    ファッション・雑貨の店 「+R」

    ヘアーサロンE'(イーダッシュ)


【niftyココログ】webページとマイリスト(メモ形式)の活用【サイドカラムをすっきり】

■web(ウェブ)ページをインデックス用ページとして活用する

当ブログはサイドのカラムにいろいろな要素を表示しているのでゴチャゴチャしていて、且つ、下に長く延びてしまいます。(スタイルシートをいじればいいのかも知れないけど、そこまで手を掛ける程のモチベーションがない...)

Blog00_2

それで、サイドに表示している要素、特にたくさんあって場所を取るフォトアルバムを間延びさせずに表示できないかと、webページを活用して工夫してみました。

整理した後のレイアウト(今日現在のもの)は左のような感じです。

webページは、ブログ記事と違い、日付順にブログに表示されると言うことはありません。

また、「デザイン」>「表示項目」で「ウェブページの一覧を表示」にチェックを入れていない限り、ブログのサイドバー上にも表示されません。(ただし、ネット上に公開はされています。)

この特徴を利用して、ブログ記事からリンクを貼ったり、サイドカラムに「マイリスト」(メモ形式でリンクするタグを貼り付ける)で表示したりし、「見たい人だけに見てもらう」ページを作ることができます。

どのように利用しているのかは、左の画像を部分的に拡大した下の画像でご確認ください。

Blog01 Blog02

Blog_balloon

 

 

 

 

なお、下記の記事にもwebページの扱い方や活用法を記述しています。   

 

webページの活用例として「フォトアルバム」とタイトルをつけたページをご紹介します。

Blog03

この例では、各リンク先はwebページではなく、マイフォト(アルバム)ですが、関連のあるwebページ、ブログ記事、個別の画像、etc.を見やすく一覧にしておくと便利です。

上記リンク部分のhtmlタグは下記のように記述しています。(説明は省略)

<p><img width="33" hspace="10" align="left" src="http://daishi100.cocolog-nifty.com/ico_key.gif" />2010.08<br />
<a href="http://daishi100.cocolog-nifty.com/photos/2010_wakamiya/index.html">若宮八幡宮連合渡御のスナップ写真です。<br clear="left" /></a>
</p>

<p><img width="33" hspace="10" align="left" src="http://daishi100.cocolog-nifty.com/ico_key.gif" />2010.05.23<br />
<a href="http://daishi100.cocolog-nifty.com/photos/20100523/index.html">大師小学校B校舎内覧会後の懇親会の写真です。内覧会の写真はサイドカラムの『Our History』にて公開。<br clear="left" /></a>
</p>

 

■マイリスト(メモ形式)を使って、サイドバーにインデックス用ページへのリンクを表示する

通常のブログ記事と違って、webページは直接サイドバーに表示しない限り、ブログに表示されません。(URLがある以上、web上には公開されているわけですが。)

そこで、そのページに導くためのリンクをマイリストを使ってサイドバーに表示します。

このページは左に示したバナーにリンクを貼っていますが、もちろんバナーではなく、テキストにリンクを貼っても構いません。ただ、バナーにすると、「目立つ」&「クリックしやすい」という利点があります。
 

サイドにマイリスト(メモ形式)を使用してアルバムを貼る方法は下記をご参照下さい。

Blog_04  Blog05

HTMLの説明は省略します。

自分でHTMLタグを書くのが難しければ、一度、ブログやwebページの編集画面でリンクを作成し、「HTMLの編集」モードに切り替えて、HTMLタグをコピーしてメモ形式のマイリストに貼り付ければ簡単です。

【追記】HTMLの説明は公式FAQ『バナー画像によるリンクをブログのサイドバーに表示する方法を教えてください』に説明があります。

 

■バナーを作るための素材 

Microsoftのクリップアートのご紹介をしましたが、2014/09/03現在、クリップアートはMS Office製品からしか利用できないようなので、これ以降削除しました。)


コメント

コメントを書く

(ウェブ上には掲載しません)

counter since 2018/12/25

  • Flag Counter

    FLAG Counterのロゴをクリックすると、更に詳しい分析結果が表示されます。
    ココログのアクセス解析よりは少ない数字になるようです。
サイト内検索
ココログ最強検索 by 暴想
2024年11月
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

sponsored link


ドールハウス工作おすすめ参考図書

カテゴリー

無料ブログはココログ