2020 04 « 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.31. »  2020 06

ブログのカスタマイズに苦戦・・・

kage

2016/07/21 (Thu)

無題

ん・・・何と説明したら良いのかわからないですが、デザインも一捻り欲しいし、自分で書いてる記事の長さでバランスが崩れる3カラムのデザイン、あまりに短い記事を書くとサイドだけベロ~ンと長く見えるのが気持ち悪くて何とかしないとなぁと、日々思ってるんですがCSSの知識も乏しく、悪戦苦闘してる状態です。

一番問題なのが記事幅ですね~もうこれは、アメブロから始まり引越ししたり戻ったりしながら思ったことですが、これが統一されないと記事がメチャクチャになってしまい、画像の配置も崩れどうにもならなくなってしまうと言う・・・

何がしたいのか?と言いますと記事を折りたたみ続きを読むにし常にバランスのとれたTOPページにしたい。

色々調べたんですが、書く時に続きを読む、追記でやらないとダメっぽくて、テンプレートでそれっぽいのがあったんですが、2カラムなのでどうしても記事幅が合わず、続きを読むをクリック後開いたページの記事幅がね・・・

それでも何とかCSS弄ってみたりして、やっと普段の記事幅にできたかと思いきや・・・・

画像が何かおかしい@@;

トップの画像が現在使ってるテンプレで表示されてる記事で、大きい画像の下に2枚配置してるんですがこれが、見つけたテンプレ弄って記事幅合わせたんですが結果は・・・・

無題2

何故か縦に大きく表示されてしまうと言う結果に。

そっくりなテンプレも試してみたんですが、そちらは表示はうまくいくんですが、背景色等の関係で使えず。

ついでに言うとYou TubeのTV枠もうまく表示されず・・・・

無題3

『↓こちらが通常の表示↓』

無題4

自分でデザインできれば問題ないんでしょうけどね・・・

今の課題は

・折りたたむ

・記事幅を合わせる

・画像がキチント表示される

ってところですが、何か良い知恵ありましたら教えてください(解りやすく・・・・

関連記事

この記事へのコメント

kage

こんばんは〜
HTMLの編集で記事部分下のエントリーの下の<!-- ▼ more ▼ -->の次の行くらいに以下のものをコピペして「続きを読む」ってのを今のテンプレートに追加出来ると思いますよ〜
もし上手くいかない場合はまた聞いてください〜

<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む »</a></p>
<!--/more_link-->
<!--more-->
<%topentry_more>
<!--/more-->

Posted at 00:48:46 2016/07/24 by oyagame

この記事へのコメント

kage

Re: タイトルなし

おはようございます^^

なんと!

早速試してみますーーーー

ありがとうございますm(__ __)m

Posted at 06:51:04 2016/07/24 by 竜哉

この記事へのコメント

kage

Re: タイトルなし

えっと

<!-- ▼ more ▼ -->
<!--more_link-->
<p class="morelink"><a href="<%topentry_link>#more" title="<%template_extend>">◆  続きを読む  ◆</a></p>
<!--/more_link-->
<!--more--><%topentry_more><!--/more-->

元からあるものはそのままでいいんですか?

一応元のものと置き換えたり前後に配置したりしたんですが、変化なしでした^^;

Posted at 07:06:28 2016/07/24 by 竜哉

この記事へのコメント

kage

あれ? 元からあるものがあったんですね?
てことは、記事を書く時に続きを読むの部分を「追記の編集」に書けば表示されないですか? それとは違うことをやろうとしているんですかね?

Posted at 10:38:28 2016/07/24 by oyagame

この記事へのコメント

kage

Re: タイトルなし

これから書く記事に関してはそれで大丈夫なんですけど、過去の記事全てを修正しないとならないのかなと疑問に思ってるんですよね。

これはあくまでTOPページに表示される部分って事なんですかね?

TOPページに表示する記事の数をさかのぼって追記編集に修正すればよいのかな・・・

ちょっと弄ってみますー

Posted at 10:58:32 2016/07/24 by 竜哉

この記事へのコメント

kage

TOPページに表示される部分というか、追記編集にした分は今後もずっと「続きを読む」表示になりますね(検索などで記事に直接アクセス等)
なので単独のページごとでいうと、現状よりさらにサイドが長く見える形にはなってしまうと思います。
逆に左右の長さが気になるのであれば、カテゴリのところを折りたためるようにすれば短くはなるのではないかなと・・・
一応、TOPページの表示のみで見れば、表示する分のみ追記にすれば好みの長さに調整は出来ますけどね

Posted at 15:14:35 2016/07/24 by oyagame

この記事へのコメント

kage

Re: タイトルなし

そうなると先日見つけた、テンプレートの幅等をいじるしかないってことですかね~

そのテンプレートは追記編集なくても、トップページに表示される記事は小さくて折りたたまれていてread moreクリックで本文のページが表示されるんですが、これはこれでどうにも幅を合わせるのが難しくて知識無いので(汗

これをうまくカスタマイズできたらな~と思うのが共有テンプレートにあった『prettybox』

横4列まで表示できるので4記事or8記事表示させればバランスがよいかなと。

テスト的にこちらのprettyboxへデザイン変えておきますので何かアドバイス的なものありましたがお願いします。

Posted at 17:51:04 2016/07/24 by 竜哉

この記事へのコメント

kage

テンプレートのprettyboxを見てみましたが、レスポンシブっていって、スマホやらタブレットなどでの表示にも対応するように画面の幅の%で指定してあるものなので、記事の幅を固定してしまうと、あまりレスポンシブの意味がなくなってしまいますね・・・
それに、どうしたって記事単体表示になると2カラムなのでサイドが長く伸びる形にはなってしまいますよね、これはほとんでのテンプレで共通するものだと思いますが・・・
一応、記事幅とサイド幅を固定すればよいのだとは思うのですが、画像などもたぶん%指定してあると思うので色々と微調整する必要があると思いますよ〜

Posted at 11:34:41 2016/07/25 by oyagame

この記事へのコメント

kage

oyagameさん

こんばんわ^^

やはり%でしたか^^;

もう一つのやつのCSS見てたら似てるんだけど、pxと%で違うところが多かったんでもしかしたらと思いました。

%となるともう自分にはどうにもできないので、とりあず現状維持で大型連休の時にでも何か探してみます。

色々とアドバイスありがとうございましたm(__ __)m

Posted at 18:22:59 2016/07/25 by 竜哉

コメントフォーム

kage


URL:




Comment:

Password:

Secret:

管理者にだけ表示を許可する

この記事へのトラックバック

Copyright (c) GAMERS 不法集会 All Rights Reserved.
blog designed by キュイン. powered by FC2ブログ.