Article
ナビゲーター２を公開中です
2016/ 12/ 25
共有テンプレートにリンク
前作のナビゲーターは割に好評でしたので、それの改訂版を出しました。カテゴリにリンクしたナビゲーターの下に作品リストを添えています。ヤフーで使われている技法の真似ですね。タグ別のページでも作品リストが現れますので、記事を選びやすいと思います。
作品リストの下にはサムネイル画像と要約文が出てきます。そちらをクリックすると個別の記事のページに飛びます。
スポンサーサイト
共有テンプレートにリンク
前作のナビゲーターは割に好評でしたので、それの改訂版を出しました。カテゴリにリンクしたナビゲーターの下に作品リストを添えています。ヤフーで使われている技法の真似ですね。タグ別のページでも作品リストが現れますので、記事を選びやすいと思います。
作品リストの下にはサムネイル画像と要約文が出てきます。そちらをクリックすると個別の記事のページに飛びます。
コメント
初めまして。質問させて下さい。
初めまして。何日か前からブログを始めた初心者です。ナビゲーター2がかわいいし見やすくて、使わせて頂いております。
質問なんですが、私は画像を今のところ使う予定はないのですが（その技術もまだわかりません）「noimage」という文字は消すことは可能ですか？
2017-02-21 14:46 みつばち
みつばちさんへ
<!--サムネイルギャラリー-->
<!--not_permanent_area-->
<div class="topentry-img">
<!--topentry-->
<div class="item">
<a href="<%topentry_link>"><h3><%topentry_title></h3></a>
<span><%topentry_year>/<%topentry_month>/<%topentry_day></span>
<!--body_img-->
<a href="<%topentry_link>"><%topentry_image></a>
<!--/body_img-->
<!--body_img_none-->
<p><span>No image</span></p>
<!--/body_img_none-->
<p><%topentry_description></p>
</div>
<!--/topentry-->
</div><!--/topentry-img-->
<!--/not_permanent_area-->
<!--ギャラリーここまで-->
2017-02-21 21:47 てつぼちゃん
ありがとうございます。
たくさんテンプレを見たんですが、このテンプレは、本当に見やすいです。
やってみます！
2017-02-21 22:23 みつばち
またわからないときはよろしくお願いします。
2017-02-23 18:20 みつばち
みつばちさんへ
2017-02-23 21:44 てつぼちゃん
また質問すみません。
ブログのトップページで写真が出る記事と出ない記事があるんですが、何が原因かわかりますか？
昨日までは全記事出ていたんですが。
そして、トップページの一番上の最近の記事というところの日付は消すことできますか？
ごめんなさい。ここまで聞いてくる人いますか？
すみません。
2017-02-25 12:55 みつばち
みつばちさんへ
>>全部写真は出ていますよ
> そして、トップページの一番上の最近の記事というところの日付は消すことできますか？
>>下記のhtmlを消去して下さい
<!--メインページここから-->
<article id="l-main">
中略
<!--not_permanent_area-->
<ul>
<!--topentry-->
<li>[<%topentry_month>/<%topentry_day>] <a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></li>
<!--/topentry-->
</ul>
<!--/not_permanent_area-->
質問は遠慮せずにどしどしして下さい
2017-02-26 10:47 てつぼちゃん
Re: タイトルなし
>>すみません、ページ表示はしていないのです。研究しておきます。
> 私は今２ページなんですが、１ページしか表示されず、そのページから違うページへ行けません。
>>個別のページの上の方に「PREV」「NEXT」ボタンを付けていますので、それで移動できます。
2017-02-26 10:54 てつぼちゃん
尾崎勝利さんのブログ
ただ、希望は本文記事をもう少し小さくしたいのですが、スタイルシートの何処のfont-sizeをいじればいいのか教えてください。もちろん代金がかかってもかまいません。
2017-03-26 15:16 尾崎勝利
Re: 尾崎勝利さんのブログ
/* Entry
------------------------------------------------------------ */
中略
.entry_body {
margin: 0 0 0 10px;
overflow: hidden;
margin: 0;
font-size: 14px;
}
2017-03-28 23:22 てつぼちゃん
なんじゃそりゃ
見やすくてかっこいいのでナビゲーター2を使わせて頂いております。
今ちょうど始めて1カ月くらいなんですが、htmlの知識がなく、よくわかってないので質問させてください。
記事本文を書くときの、見出しタグのh1～6の使い方ですが、ナビゲーター2では
<!--記事主文ここから-->
<div class="entry_body">
という記載の前に
<!--サムネイルギャラリー--> で<a href="<%topentry_link>"><h3><%topentry_title></h3></a>
という記載があるので、記事本文に見出しをつけるためには、h3より下から始めるほうが良いのでしょうか？
個別記事のタイトルは <h2 class="tittle">「<%sub_title>」の記事</h2>との記載があるので個別記事のタイトルがh2なので本文はh2より下で大丈夫なのでしょうか。
2017-06-26 07:33 打楽器
Re: なんじゃそりゃ
> 個別記事のタイトルは <h2 class="tittle">「<%sub_title>」の記事</h2>との記載があるので個別記事のタイトルがh2なので本文はh2より下で大丈夫なのでしょうか。
>>良い質問です。タイトルタグのランクは同一ページだけで揃えれば良いです。サムネイルギャラリーのあるトップページと個別記事のあるページは別物ですので、ランクは別々に考えます。ですから、貴方が上記にご指摘の通りのランクで正解です。
2017-06-26 18:30 てつぼちゃん
助かりました。
いろいろ勉強中で、本も買って読んでるのですが、ひとつ覚えれば二つ分からないことが増えるような状況です。
また質問させていただきますので、その際はよろしくお願いします。
2017-06-26 19:54 打楽器
打楽器さんへ
2017-07-03 18:07 てつぼちゃん
教えてください。
ナビゲーター2、シンプルで見やすくてイイですね。
始めたばかりで、初歩的な質問で申し訳ないのですが
タイトル下に表示される「ブログの説明(環境設定で入力した文章)」が、右端が文字切れしてしまいます。
どこをいじれば、いいでしょうか？？
よろしくお願いいたします。
2017-07-23 20:05 立夏
Re: 教えてください。
CSSの下の方にある.blog_introductionのタグを下記の様に書き替えて下さい。
/* ==========================================================================
responsive PC設定 ２カラム
========================================================================== */
@media screen and (min-width:960px) {
中略
.blog_introduction {
width:90%;
padding: 0px 10px 10px 20px;
font-size: px;
color: black;
text-align: left;
}
2017-07-25 21:11 てつぼちゃん
ありがとうございました。
ありがとうございました。
それともう一つ教えていただきたいのですが
ナビゲーター２は、メインの枠の最初に「最近の記事」
右枠の上の方に「最新記事」があり、同じ内容が表示されます。
右枠「最新記事」の代わりに、環境設定で登録した
プロフィール画像と名前を表示させることは
できるでしょうか？
テンプレートの内容を変える事になるので
ダメかと思ったのですが、聞くだけ聞いてみようかと……
よろしくお願いいたします。
2017-07-26 01:00 立夏
Re: ありがとうございました。
ですからそこにプロフィールのプラグインを入れれば解決します
2017-07-26 18:19 てつぼちゃん
ナビゲーター3を使わせて頂いてますがちょっと教えて下さい。
①今まで画像サイズ、700px☓525pxを使っているのですが、右側が切れてしまいます。記事エリアを広げることは可能でしょうか？
②記事エリアがやや左寄りになっています。中央に移動可能でしょうか？
よろしくお願いいたします。
2017-10-25 09:29 ふうちゃん
Re: タイトルなし
> ①今まで画像サイズ、700px☓525pxを使っているのですが、右側が切れてしまいます。記事エリアを広げることは可能でしょうか？
CSSを下記の様に修正するとできると思います
/* ==========================================================================
responsive PC設定 ２カラム
========================================================================== */
@media screen and (min-width:960px) {
中略
#l-main {
float: left;
width: 75%;
padding: 0px 1%;
background-color: white;
}
中略
.plugin {
float: right;
width: 20%;
padding: 0px 1%;
}
> ②記事エリアがやや左寄りになっています。中央に移動可能でしょうか？
テンプレートの構造上無理です。記事を中央に置くためには１カラムあるいは３カラムのテンプレートを選択しないといけません。
2017-10-26 08:38 てつぼちゃん
返事が遅くなり済みません、そして早速の回答有難うございます。
おかげで見やすくなりました。
もう一つよろしいでしょうか？
INDEX RSS Adimin が1行に並んでいたのですが、2行になりました。
幅が広がった分、右側に押されたんでしょうか？
変更可能でしたら宜しくお願いします。
2017-10-26 17:51 ふうちゃん
行数変更できました。
有難うございます。
これからもよろしくお願いします。
2017-10-26 20:00 ふうちゃん
「記事」 の下に
「関連記事」のリストが出るのですが、
「記事」と
「関連記事」の相手にある程度のスペースを開けたくてずっと色々頑張っているのですが解決に至りません・・・
どうかご教授いただければ幸いです・・・！！！
宜しくお願いいたします！！
2022-06-11 14:32 ぐれこ
ぐれこさんへ
たまたまコメントの連絡を見て対応しております。
ご指摘の点ですが、記事の文末へFC2が強制的に項目を入れ込んで来ています。
CSSで空白を入れるのを試みましたが無理なようです。
記事の編集欄で、文末に複数の改行を入れて空白を作るのが良いでしょう。
姑息手段ですが、それでご了解ください。
2022-06-11 19:30 てつぼちゃん
承知いたしました！
お忙しい中、返信ありがとうございました！！
2022-06-12 09:44 ぐれこ
度々で申し訳ありません。
カテゴリにリンクしたナビゲーターに親カテゴリのみの表示にする（子カテゴリは非表示にする）事は可能でしょうか？
お時間のある時で大丈夫なので、宜しくお願いいたします！
2022-06-14 15:26 ぐれこ
neko
下記のHTMLを書き換えてください。
これは初めて使うHTMLタグなので、うまくいくかどうかわかりません。
<nav class="menu">
<nav class="menu-inner">
<ul>
<!--category-->
<li><a href="<%category_link>" title="<%category_name>"><strong><%category_name></strong></a></li>
<!--/category-->
</ul>
</nav>
</nav>
<!--category--> を <!--category_nosub--> へ入れ替え、
<!--/category--> を <!--/category_nosub--> へ入れ替えてください。
2022-06-15 07:12 てつぼちゃん
うまくはいきませんでしたが、しばらくは親カテゴリのみでやっていこうと思いました！
お忙しい中対応してくださり、本当にありがとうございました！！
2022-06-15 11:35 ぐれこ