::Response簡易コメントやお問い合わせへの返信・回答ページです。
返信不要のメッセージもいつも大切に読ませて頂いています。ありがとうございます。
※タイトルクリックで内容部分が開閉します。
- 6/10 ひつじさまへ
- ご来訪、ならびに当テンプレートを気に入っていただきありがとうございます。
やりたい事というのは、リンクをクリックすることでその下に隠した内容を表示する…という感じで良いのでしょうか？
こんな感じかなと思ったので、かなりざっくりとしてますが、00.見本とシリーズ説明にjqueryでテキスト開閉の設定を加えてみました。
jquery開閉メニューテストページ
説明についてはページ内に書いていますので省くとして、そんな難しいことはしていないのでアレンジもしやすいのではないかと思います。
CSS等の知識については、やっているうちに自然と慣れていくので、失敗を恐れず自分で色々と試してみるといいと思います。こうすれば成功するんだ、ということが分かってくればアレンジもいっそう楽しくなってきます。
優先して更新したいテンプレートがありますので、今のところ正式な配布の予定はありませんが、以前にも同じような内容のリクエストを頂いたこともありますし、当サイトのトップページの配布も含めて（同じようなJavaScriptを使用しています）前向きに検討してみます。
配布はかなり先になると思いますが、気長にお待ちいただけますと嬉しいです。
お役に立ちましたら幸いです。
- 5/20 ゆりあさまへ
- ご来訪ありがとうございます。
さて、早速ご質問の件です。
Ｑ＆Ａにも書いておりますが、当テンプレートは現在、諸般の事情がありましてナノ共有テンプレートへの公開を見合わせております。
共有テンプレート内には小説とブログカテゴリのみ公開が残っている状態です。
ページカテゴリは全て削除済みですので、当IDを入れても結果は0となります。
テンプレート一覧ページのタイトルの横に【B01】のように数字のあるものは共有テンプレート公開中、【◆】のマークのついているものはサイト内でのみ公開しているテンプレートです。
サイト内限定のテンプレートについては、該当のサンプルページ内にレイアウトとCSSのコピーページを設けておりますので、コピー＆ペーストにて同一のページを作ることが可能です。
もしこちらにお気に召すものがありました場合は、お手間を取らせて大変申し訳ありませんが、手動にて作成して頂くことになります。
共有未公開テンプレートの利用手順も公開しておりますので、手順に従っていただければそれほど作るのは難しくないのではないかと思います。
また何か分からないことがありましたら、お気軽にお問合せ下さい。
お役に立ちましたら幸いです。
- 4/26 ゆりあさまへ
- ご来訪、ならびにご報告ありがとうございます。
当テンプレートを気に入って頂けておりましたら幸いです。
ありがとうございました。
- 4/22 すずろさまへ
- 初めまして。ご来訪ならびにご利用報告ありがとうございます。
誤送信に関してはどうぞお気になさらず。間違ってエンターを二回押してしまって「あっ」ってなるのは私も良くやってしまいます…。
当テンプレートを気に入って頂けましたのなら嬉しい限りです。
今はかなりののんびりペースになっていますが、またすずろさまの琴線に触れるものをご提供できましたら幸いです。
ありがとうございました。
- 3/30/14時頃 簡易コメント下さった方へ
- 私の不手際がご不快にさせたようでしたら申し訳ありません。原因かなと思われるものは取り外しますね。今となっては意味もないものとなっていることですし。
お言葉は忠言として受け取らせていただきます。ありがとうございました。
- 3/2/1時頃 CSSコピーの件でお問合せの方へ
- 初めまして。ご来訪、ならびに当テンプレートを使いたいと思って下さりありがとうございます。
さっそくですが本題です。
不自然な切れ方をしているCSSとは、どのテンプレートの分か教えていただくことは可能でしょうか？
PCとスマートフォンの端末でですが、CSSの長いものを中心にコピーページをひと通り確認してみましたが、途中で切れたものは確認できませんでした。
お使いの端末がauのフィーチャーフォン（ガラケー）とのことでしたので、私の考えとしてもおそらくは端末の表示制限によるものかな…と思いますが、確認してみます。
端末の問題で表示できない状態のようであれば、CSSを分割したコピーページを作るなど対応もできるかと思います。
他のauフィーチャーフォンをお使いの方も同様の状態となっている可能性もありますし、多少時間はかかると思いますができるだけ対応できたらなと思います。
ちなみに、頂いた内容から見て基準CSSの方は問題なく表示できているようだと感じましたので、2000字位なら途切れることなく表示できそうかなと考えていますが、いかがなものでしょうか。
例えば「このCSSが○○の辺りで切れてしまっている」などの情報があれば、こちらで字数は計算できるので、もし目安が分かるようでしたら教えていただけると助かります。
この度は貴重なご意見・ご報告ありがとうございました。
- 2/25/20時頃 匿名さまへ
- ご来訪ありがとうございます。
さっそくですがご質問の件です。
まず、テンプレート作成手順の、下準備1の方は適用されたようですが、下準備2の方の、基準CSSがトップページ、子ページとも適用されておりません…。
簡易設定版、簡易設定版+select、詳細設定版のいずれでも構いませんが、CSS内にある、<-- ここにベースCSS -->という部分に置き換えてください。
当テンプレートは、基準CSSの下にレイアウト用のCSSを記述するやり方をとっています。
レイアウト用HTML・CSSを記述
検索避けタグも、基準CSS内に既に記述がありますので、別途記述する必要はありません。
子ページの囲いというのは、青地のボックスや右下に画像のあるボックスのことでしょうか？
使い方については、HOMEのページからもつないでおりますが見出しサンプルのページにてひと通り説明済みですのでご確認下さい。
なお、box2に関しては、レイアウト用CSS内にある、.box2 {
border: 1px solid #62a4ba;
background: #ffffff url("box2右下画像") no-repeat right bottom;
}
の『box2右下画像』部分をDraw a circle/INFOページに用意していますリンクより画像をダウンロード、自サイトの画像倉庫にアップロードし、独自タグに書き換えることで表示可能となります。コピーページのものをそのまま使っても、画像は表示されません。
因みに質問と関係あるかは分かりませんが、貴サイトのINFOページでコピーボックスの後ろで枠が終わっているのは、<form action="."><textarea cols="7" rows="1"><a href="URL">サイト名</a></textarea></form></div>
となっている部分の、最後の</div>によって<div class="waku">が閉じられてしまっているため、以降の文章が枠外に表示されてしまっているからです。
お役に立ちましたら幸いです。
- 2/24/15時頃 匿名さまへ
- ご来訪、ならびに当テンプレートを使いたいと思って下さりありがとうございます。
さてご質問の件です。
ご提示いただいたページですが、失礼を承知ながらソースを拝見させて頂きました。
どのあたりが当サイトのサンプルページと同じようにしたいのか、具体的に表記されておりませんでしたので全体的なアドバイスとなります。
レイアウトや個別CSSのコピーページへのリンクの上に必ず設置しております、『テンプレート作成手順』は既にご覧下さっていますでしょうか？
記述されているCSS内に、上記手順で説明しています『基準CSS』部分の記述や文書型宣言の記述が一切見受けられません。
当テンプレートは、上記のリンク内にある作成手順を踏むことで、正しくページを表示することができます。
テンプレート作成手順では主に、端末やブラウザ間での不具合やレイアウトの統一のための重要な設定を行っています。特別な理由がない限り、必ず手順を踏んで下さいますようお願い致します。
また、こちらが原因かは分かりませんが、気になったことが一つ。
検索避けのためのmetaタグを大量に入れられていますが、そのほとんどが重複しており同じ記述が何度も出てくるため意味のない記述となっているものが幾つも見られます。
ちなみに、その途中に<font size=2>という記述が紛れており、これはCSS内で使うものではありません。ページエラーの原因ともなりますので削除されることをお勧めします。
検索避けをしたいなら、『ホムペ設定』→『アクセス禁止・検索避け』→『検索ロボット(検索避け)』にチェックを入れると、ナノから自動で記述が入ります。
なお、当テンプレートには基準CSSに↓の検索避けのためのmetaタグを入れていますので、自作の検索避けを記述される場合は削除して下さって結構です。<meta name="robots" content="noindex, nofollow, noarchive, noimageindex, noimageclick" />
※上記metaタグの詳しい役割については、テンプレート作成手順内の、基準CSS解説で既に説明していますので確認いただけますようお願い致します。
このような感じですがいかがでしょうか。
今のところ必要な部分が不足しているという状態ですので、作成手順を試してみて、分からない所がありましたらまたお気軽にお問合せ下さい。
素敵なホームページができるといいですね。お役に立ちましたら幸いです。
- 2/7 ナオさまへ
- ご来訪、ならびに当テンプレートを気に入って下さりありがとうございます。
さっそくですがご質問の件です。
ルビを振った時に小さくなる文字というのは、ルビ（ふりがな）ではなく漢字の方がということでしょうか？
ふりがなの方は、rubyタグの標準的な仕様が元々の文字サイズに対して50%で表示するものとなっていますので、小さくなることは特に問題ないのですが…。
私の手元の端末で、標準ブラウザやChrome、Firefoxなど幾つか試してみましたが、漢字の方が極端に小さくなる、ということは起こりませんでした。
（ただし、行間を狭く変更した場合に、ルビを振ることで上下の文字と重ならないようにか、自動で少し小さくなることは確認しています）
▼スクショ
PC/Chrome、Firefox
ArrowsX F-02E:android4.1.2/Chrome、標準ブラウザ
ちなみに、上記のサンプル分は下のようなタグで構成しています。
▼HTML
（ルビ未対応端末には横に括弧付きで表示する場合）---腕組をして<ruby>枕元<rp>（</rp><rt>まくらもと</rt><rp>）</rp></ruby>に<ruby>坐<rp>（</rp><rt>すわ</rt><rp>）</rp></ruby>っていると---
（ルビ未対応端末には横に文字だけで表示する場合）---腕組をして<ruby>枕元<rt>まくらもと</rt></ruby>に<ruby>坐<rt>すわ</rt></ruby>っていると---
同じ現象を再現できなかったのでなんとも回答しづらいのですが、解決できるかもしれない方法を下に記述しましたので試してみて下さい。
▼HEAD内CSS追加
（追加する場所はどこでもいいですが、CSSの最後の方/* コメントページ */ブロックの下あたりが後から探しやすいのでおすすめです）<pc>
/* ルビ調整 */
ruby {font-size:14px;}
rp, rt {
font-size: 50%;
line-height: 1em;
}
</pc>
14pxや50%の部分はお好みで変えて下さい。
なお、上でPCとスマートフォン用に設定を追加していますので、PC専用のCSSのところを調整する必要があります<pc_only>
〜中略〜
body {
font-size: 14px; /* 87.5%→14pxに変更 */
}
</pc_only>
ちなみに追加CSSのrubyのところを、ruby {font-size:14px !important;}
とすると、他にどんなフォントサイズの設定があろうと最優先の設定になるので、最初の方で改善しない場合はこちらも試してみてください。
こちらで解決すればいいのですが…。
お役に立ちましたら幸いです。
- 2/6 愛羅さまへ
- 初めまして。当テンプレートをご検討下さりありがとうございます。
さっそくですがご質問の件です。
どの小説テンプレートについてなのかが分からなかったのでざっくりとした説明にはなりますが、基本設定を変更すればご希望の形になると思います。
基本設定内に『章内のページ一覧ページ』という項目があります。
▼『表示する』の場合
（表紙画面）章タイトル→（目次画面）小説の個別タイトル→（文章画面）選択したタイトルの本文ページ
▼『表示しない』の場合
（表紙画面）章タイトル→（文章画面）章内にある1ページ目の本文ページ
『章内のページ一覧ページ』とはつまりは目次ページのことで、『表示しない』にすれば小説タイトルが空欄でも、章タイトルを選択することで自動的に章内の1ページ目に飛びます。
おそらく、現在お使いのテンプレートも、こちらの『表示しない』という設定になっているのではないでしょうか？
当テンプレートは、設定等を変更した場合にも不具合が出ないよう、使う可能性の高いページについてはとりあえず全て設定を行っているだけなので、使いやすいように自由に編集して下さって構いません。改変の制限もありません。
なお、文章ページ内にタイトルを表示しない場合は、文章画面レイアウト内にある『小説タイトル』を表示するための独自タグ『＃title＃』を削除すればOKです。
小説タイトルの下に下線があるなどタイトルのレイアウトが気になる場合は、
<div class="title">＃title＃</div>
のようになっているところを、このブロックごと削除することで小説タイトル部分のスペースも文章ページから消えるのでページもすっきりと見えると思います。
各画面で使える独自タグは、各編集ページの下部にある『ヘルプ』を参照下さい。
（ヘルプが出ていない場合は、『ホムペ設定』→『その他共通設定』→『管理画面内のヘルプ表示』で"詳しく"または"普通"に設定）
ちなみに、章タイトルと章タイトル間を続きページとして繋ぎたい場合は、同じく基本設定の『ページ移動』を"全ページ"にすることで可能となります。
"章内のみ"にした場合は、章と章の間、トップに『ページを作る』で作成したページ間ではページ移動できません。
参考になりましたら幸いです。
- 1/25 ロンさまへ
- 初めまして。テンプレートのご使用ありがとうございます。
当テンプレートのものは抜き出し使用は全く問題ありませんので、どうぞお気になさらず。気に入って頂けたようで嬉しいです。
納得のページが出来たのでしたら何よりでした^^
CSSは、自分好みにアレンジして使ってもらえるのはとても嬉しいので、一応レイアウトごとに分けて改変等はしやすくしているつもりです。
分かりやすいと感じて頂けたなら嬉しい限りです。
ただ、まだゴチャゴチャしているなと感じているので、HEAD内に記述可能な文字数とも相談しながら改善していこうと思います。
ナビについては、こんな日もあるんだと語呂合わせなどから感心する日もあれば、なんでこの日！？ ってのもありますよね〜。
乗り始めて何日か目に「今日はバミューダトライアングルの日です」って言われて「は…？」ってなったのを思い出します。いまだに忘れられません（笑）
家に近づいたら「お疲れさまでした」って言ってくれるのは地味に嬉しかったりしますね。
これからも、のんびりとですが楽しみながらテンプレート作製に励みたいと思います。
楽しんで頂けましたら幸いです。ありがとうございました。
- 1/17/2時頃 引っ越し〜の方へ
- 私の実生活の事情にもコメント頂きありがとうございました。なんだかすみません…！
荷物の片付けはまだまだこれからといった感じですが、引っ越しは無事に終わりまして、心機一転、初心にかえってテンプレート製作頑張っていきたいと思います。ありがとうございました。
- 1/14/5時頃 いまさらですが〜の方へ
- ご丁寧に年始のご挨拶ありがとうございます…！ お返事が遅くなってしまい申し訳ありません。
今年もスローペースではありますが、色々なテンプレートを作りたいなぁと考えていますので、気に入って頂けるようなものを提供できましたら嬉しく思います。
貴方さまにとっても、本年が幸多い一年となりますことを願っております！
ありがとうございました。
- 1/8 むぅさまへ
- お返事が大変遅くなってしまい申し訳ありません…！
無事ご希望のレイアウトになったのでしたら良かったです！
ご連絡ありがとうございました。むぅさまのサイトの更なる発展をお祈りしつつ、これにて失礼いたします。
- 1/6 むぅさまへ
- 初めまして。ご来訪、ならびにてテンプレートのご利用ありがとうございます。
さて、ご質問の件ですが、フルサイズの画像をサムネイルのように小サイズの大きさでリンクにしたい、という意味で受け取ったのですが合っていますでしょうか？
とりあえず、↑のやり方についてご説明します。やり方としては、HEAD内CSSに記述する方法と、本文内で直接CSSで記述する方法があります。
※以下のサンプルの独自タグに使っている＃は全て全角ですので、実際の記述は半角で行って下さい。
【HEAD内CSSを使う方法】
▼HEAD内CSSに追加
全端末で表示される部分のCSSならどこに書いてもいいですが、『/* サムネイルリンク等・画像付きリンク枠設定 */』のブロックあたりに追加すると後から設定を変えるときに探しやすいと思います。.mini img {
width:32px;
height:32px;
}
▼本文内での記述<a href="＃img1_url＃" class="mini"><img src="＃img1_url＃" alt="" /></a>
または、<a href="＃img1_url＃" class="mini">＃img1＃</a>
【本文内に直接指定する方法】
<a href="＃img1_url＃"><img src="＃img1_url＃" alt="" style="width:32px;height:32px" /></a>
個人的に、直接指定する方法は、記事毎に画像のサイズを変えたいなどどうしてもな理由がない限り、HEAD内CSSでの指定をお勧めします。（直接指定は記述間違えがそのまま不具合のもとにもなりやすく、また後から設定を変えたいと思った時に不便なので）
※注意点※
画像を小さく表示したからといって画像の容量自体はフルサイズと全く同じです。
閲覧者の方が、画像をフルサイズで見る、見ないに関わらずページを表示する＝サムネイルを表示する時点でフルサイズと同等のデータ通信量を必要とします。
表示に時間がかかるページは、せっかくの来訪者を逃してしまう要因の一つです。
フィーチャーフォンの方も閲覧対象とする場合は、バナー広告に容量が必要なことも考えると、サムネイル用独自タグ＃timg＃で振り分けて表示するなどすると良心的かもしれません。
また、スマートフォンにおきましても、Wifi・LTE・WiMAXなど高速通信だけでなく、格安SIMを始めとする通信速度制限や通信量制限を受けている端末など閲覧状況が多様化していますので、画像をアップロードする記事が多い場合は、1ページの表示件数を調整してみるのも良いかと思います。
PC、スマートフォンではタイトルをクリックすると本文が表示される仕様のテンプレートですが、基本的にはリアルタイム式ブログと変わりませんので、一覧ページを表示した時点でページ内の記事、画像はいったん全て読み込まれています。（例えば表示件数10件で、その全ての記事にそれぞれ50KBの画像をアップロードしている場合、少なくとも500KBの容量が必要となります）
参考になりましたら幸いです。
