記事エリアでの固定部分 その３

ブログ実験室。

記事部分上下の固定記事、
HTMLは、若干解るというものの…、
自分で作り上げるのもヒィヒィなのに、
他の人が作ったものは…、何処に何が関わっているか？
CSSやリンクと複雑に絡み合って、
理解して作業をするには…、マジで勉強しないと！
固定といっても、更新する事もあるわけで、
その度に、HTMLやCSSを開いての作業は…ムズい。

CSS編集での作業だったが、画像処理が、
一発オッケーでスマートだったので、
この固定記事も、既存のものを利用して、
簡単に出来ないかなぁと、横着な事など考えてみた。
で…、ピカッ♪までいかないけれど…。
レイアウト画面で、お手軽、邪道な事を。(笑)

以前、サイドコンテンツを間違って、
記事を置く場所に、置いてしまった事がある。
消えもしないで、記事と一緒にあったので…、
その時は、ああっ！よかったと、おくべき場所へ戻したのだが…。
置く事が出来るということは…？
今度は試しにカスタムペインを置いて保存！
ブログを見ると、おおっ！あるジャン♪
パッと見た感じでは…他の場所に変な影響も出ていないようだし♪
リンクを付してみたら、これも有効。
おおっ！いいね♪
これなら、面倒なHTML編集をせずに出来るよ。
だが、残念ながら…カスタムペインは、
ブログサイド用に横幅が設定されている。
右半分に余白が出ちゃう！
それが、上下の「固定してみました。２、簡易版（笑）」

ののののののののののののの
ののののののののののののの
ののののののののののののの
のののの
「の」の字が折り返えされているのが横幅の限界。
このカスタムペインのサイズは変える事が出来ない。
これを変えてしまうと、サイドバーに置いてある、
カスタムペインも崩れるし、
CSS編集、HTML編集での作業になる。
それではと、試しに記事も、二つ三つと置いてみた。マズイ！
これは、マズイ！　レイアウトが大きく崩れたし、
リンクも怪しげな事に！
そりゃ、そうだろうな～！トッホッホ、トッホッホです。

これをやってみて…、
私の手探りでも、新たなネームを付けて、
枠が作れそうな気がしたが？
お手軽モードのようで、結局は…、
キッチリ、ブログの勉強をしたほうが近道なんだよね。


■記事エリアでの固定部分　その３．５ (付録)

ブログ固定記事関係の記事！
残念ながら、ソネブロ関係は見つけられませんでしたが…。

http://knowledge.livedoor.com/6820

http://blog.pekebatu.com/archives/50844873.html

http://tofuyuyu.blog.shinobi.jp/Entry/194/

http://tofuyuyu.blog.shinobi.jp/Entry/153/

http://q.hatena.ne.jp/1130380507

http://big-fishing.net/customize_weblog/description-text_toppage.html

http://www.moteblog.com/archives/50203515.html

こちらは、トップページに固定記事をおく、
サービスがあるらしいブログ関連の質問記事？
（幾つかあるようです）

http://aaadesign.blog105.fc2.com/?style3=15167&index

こちらは、ブログ構造をとっても解りやすく、
図で示してくれ、だーしゃさんのブログ♪
http://daxiazzz.ti-da.net/e448157.html

記事エリアでの固定部分 その２

ブログ実験室。

前記事の続きです。
●管理ページのデザインからHTML編集を開く。
●HTML編集でHTMLの追加クリック
●開いたHTML画面にてHTMLの追加作業

ここまでの手順はソネブロのブログの使い方を参考に。
http://blog-help.blog.so-net.ne.jp/

上記ページの「デザイン」→「HTMLの編集」
http://blog-help.blog.so-net.ne.jp/html

開いたHTMLの図（このブログの場合）

左側の長いのが全体です。
で、虫眼鏡部分を拡大、黄色のエリア部分です。
それを、下の黄色エリア部分のように変更してみました。



これで、何とか表示されましたが、正しい方法であるかは謎です。

なお「入れてみました！　下部固定エリア…。 」の前後…、
<　>内のmarquee、/marqueeは、
文字スクロールをさせるHTMLタグです。
対応していない(スクロール表示されない)ブラウザもあります。
特に入れる必要のないものです。

【重要事項】
さて、スタイルやブログ構築を勉強すればいいものを…、
面倒なのと、時間が無いのを理由に、
危なっかしい、実験など繰返しています。
今回、お友達とのお話で、実験内容をアップいたしましたが、
「HTMLの編集」の編集は、So-netのブログの使い方、
「HTMLの編集」ページの下部に注意が、あるように…、
知識のある方への編集サービス！
So-netでは、サポート対応はしていません。

この記事を目にされて、試される方は、
ご自分の意思、責任においておこなってください。
私も、責任、サポートは、一切出来ません。
あくまでも、このブログ記事は、
実験結果と内容の記述、「出来たよ～！」位の物であって、
方法をお教えするためのブログではありません。

「HTMLの編集」は、一つ、間違えば…、
ブログのレイアウトのみならず、機能も壊れてしまいます。
難しい事をやらなくても、よくやる失敗には、
記述する場所を間違えた。
削除した覚えがないが、何らかのミスで文字を削除していた。
タグの文字の打ち間違え。
などがあります。

「HTMLの編集」に関して、
So-net さんで提供してくださっているサービスは、
デフォルトに戻す。
「HTMLの編集」トップ画面でデフォルトHTMLの、
「適用」ボタンにチェックを入れることで、元に戻せます。
http://blog-help.blog.so-net.ne.jp/html2

が、私は…、大量の記事があるメインブログで、
すぐの作業はおこなわず、
So-net さんから、お知らせのあった新しいサービス！
同じIDで５つまでブログがもてる。
http://blog-help.blog.so-net.ne.jp/new
こちらを利用させていただいて、
壊れても困らない、この実験ブログでゴニョゴニョと、
実験、お試しをさせてもらい、有効そうなものを、
メイン、他のブログにて使用しています。

ポチッと…、このブログはカスタマイズ用の、白、黒などの
テンプレートをベースにして、作っていますが、
他のテンプレートでもカスタマイズが出来ました。
ただ、So-net さんの説明では、
カスタマイズ出来ないテンプレートや、
テンプレートによってカスタマイズできない部分があるとの事です。

タグ：レイアウト 固定

記事エリアでの固定部分

ブログ実験室。

記事の上下に固定エリアを入れてみました。
記事上部には、この実験ブログを始めた頃に一度、チャレンジ。
今回、再度下部にも、チャレンジしてみました。

ブログの更新スピードは魅力でもあるけれど、
記事によっては、しばらくトップページに置いておきたい物も…。
固定エリアはサイドバーやブログ紹介文の利用でも出来るが、
記事の上下に、固定エリアが欲しいですね。

この記事の上下に固定エリアがあるブログはよく目にします。
ブログ製作の知識があれば、出来る事ですが、
知識の無い私でも出来る方法はないかと、検索してみました。
ブログによっては固定記事の提供や、
ユーザーによるカスタマイズの記事などが見つかりましたが…、
残念ながら、ソネブロでのやり方について書かれた記事は、
見つけることが出来ませんでした。

そこで、他ブログでの方法などを参考に…、
手探りで、アレコレ実験してみました。
●管理ページのデザインからHTML編集を開く。
●HTML編集でHTMLの追加クリック
●開いたHTML画面にてHTMLの追加作業
　続きは、長くなるので後ほど更新します。


結果、固定エリアは、トップページの上下。
月別、カテゴリページの上下。
各、記事ページの上下に表示されたようです♪

こちらのバナーと文字が並んでいるものは、
別の方法で入れてみたものです。

ののののののののののののの
ののののののののののののの
のののののののの

タグ：固定 レイアウト