サイトの作り方を分かりやすく教えてくれるスレ

1 ：以下、VIPにかわりまして新都社でお送りします。：09/12/21 00:17:47 ID:rPNZkK0p

サイトが作れなくて挫折した人のためのスレです。
うまく活用してください

381 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 05:43:31 ID:Zv7Putep0

おお良かった
慣れてきたら背景色や文字色変えたりしてオリジナリティ出せるから
頑張ってみてね

382 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 18:48:29 ID:3B4ZJoeQ0

俺は、もう、ダメかも知れない。

ずっとここで懲りずにご指導いただいている者なんですが、話数がPC上では表示されんのに
スマホからだとリンク切れが起こる。なぜorz
（ht●tps://nvprince.stars.ne.jp/kimitonokyori/
これが問題のリンクです。何故か第２話だけ飛べない。
PC上だと普通にクリックすれば第２話表示される）

そんで１話〜５話、全て同じ供述の.htmlファイルを使ってんのに
以下のような感じで表示方法が変わんのは何故orz
https://org.neetsha.jp/up/up/vip51121.jpg

https://org.neetsha.jp/up/up/vip51122.jpg
（上はちゃんとしたボタンなのに、下のはただの文字、みたいな）

そんでスマホだと画像デカすぎて表示おかしいから

meta name="viewport"

がないのかな？と思ったら新都社の雛形にはちゃんとあるし。
これは、もう、自サイト以外の方法を模索するしかないのか...？
というか、新都社を辞めろという神からのお告げなのかもしれない。

一体俺が何をしたっていうんだ...泣

383 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 20:42:23 ID:Zv7Putep0

それは各話のHTMLにindex.cssが参照されてないからだろうな

各話それぞれのフォルダの中に、各話のHTMLファイルあるやろ？

その各話HTMLの全部のソースに書かれている７行目
<link rel="stylesheet" href="index.css" type="text/css" />
を
<link rel="stylesheet" href="../index.css" type="text/css" />
にしろ

話はそれからだし神は特に何も告げていない

384 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 20:44:36 ID:9oIY1Qr20

今の２話をデスクトップに避難させといて正常に表示される他のページをコピーして第２話に書き換えることで治ればいいんですけど　ボタンが表示されないのはスタイルシートが読み込めてないからと思うんですが同じ条件なのにでないのは何ででしょうね

385 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 20:53:35 ID:O+8J0V4g0

スマホから見たけど2話のリンクは普通に通じてると思うけど？
それよりも5話から4話に戻るリンクが間違ってる
…と書こうとしたらページごと消えてた

386 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 20:55:29 ID:Zv7Putep0

index.htmlとindex.cssは同じフォルダ内にあるから
スタイルシート参照指定はそのままhref="index.css"でOK

各話フォルダ内のhtmlは
１階層上にあるindex.cssを参照する指定" href="../index.css"にしないと
装飾を読み込まないため素の文字のみになる

387 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 22:05:48 ID:5YIyrOEBI

とりあえずもっかいzipあげよう
あとは職人がどうにかして上げ直してくれる
木曜でよければ俺がどうにかする

388 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/30(火) 13:07:24 ID:UsKgJYsCI

ありがとうございます泣
家帰ったらチェックし直してあげてみますm(_ _)m

389 ：387：2023/05/30(火) 20:23:45 ID:5QqPmPBV0

zip待ちだけど、>>386氏が言ってるみたいなパスの指定でかえってめちゃくちゃになってる気がする。1/1.htmlとか、1.5/1.5.htmlとか、そんなにフォルダ乱立させないだろって感じ
明日早めに帰れるから帰宅してあがってたらさわるわ

390 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/30(火) 21:07:37 ID:hnQYTV5S0

話数やページ数が多いなら、フォルダで分けた方が管理しやすいよ
それよりもindexと同じディレクトリに各話のhtmlをまとめた方がリンクしやすいと思う

391 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 00:48:16 ID:L9kSQ7Mk0

すいません今帰ってきました。
とりあえず、現状のなんっにもにも
手を付け加えていないフォルダを新都社うｐろだにUPしました。

No:51126　vip51126.zip
（画像ファイルは抜いています）

現時点で困っていることは

・webページ（リンク）が所々上手く表示されない。（特にスマホ。物によるけど404と表示される）
・”前” ”次”が装飾で表示されたり文字だけで表示されたりする。
・レスポンシブデザインに対応しておらず、スマホで見ると
めちゃくちゃ拡大されて表示される。見づらい。

です。

仕様ソフトはFFFTPです。
話数はこの作品だと15話なのですが、別の作品も容量いっぱいで
その作品は30話ぐらい（１話30Pぐらいある）描く予定なので
各話フォルダ形式でいく方向です。

本当にすいません泣
よろしくお願いいたします。

392 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 10:16:17 ID:w3m90GKx0

まだ解凍してないんだが、
方針としては

・各話フォルダの中身を画像のみにする
・インデックス及び各話のHTMLファイルはトップファイルにまとめる
・レスポンシブがいかないのはスタイルシートのパスが正確ではないからかも
・パス確認後もいかないようならCSSも少しいじる

こんなとこか

393 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 10:22:06 ID:w3m90GKx0

余裕があれば
・スタイルシートの文字色背景色の変更部分をカスタムできるように/＊コメント＊/してあげる
ってとこか

394 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 10:27:16 ID:w3m90GKx0

悪いんだけど画像確認できないと困るから
トップ絵と本編画像のサイズ教えて

395 ：392：2023/05/31(水) 17:35:33 ID:w3m90GKx0

はい。うｐろだ→vip51127.zip

解凍したら、各話のフォルダの中に画像だけ入れて確認して

396 ：392：2023/05/31(水) 17:38:12 ID:w3m90GKx0

読み切り（1.html）の画像で11.pngが抜けていたから記述足した
余計だったら削ってくれ

397 ：387：2023/05/31(水) 20:22:05 ID:2QRpVcUe0

気付いたら俺の仕事がなくなってたわ、やさしいせかい

398 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 22:52:09 ID:L9kSQ7MkI

https://org.neetsha.jp/up/up/vip51128.jpg

https://org.neetsha.jp/up/up/vip51129.jpg

リンク切れが起きない………
前ページや次ページに進むボタンがちゃんと表示される……
というか、画面が以前よりスッキリしていて見やすい………

私は神に会ったのかもしれない…………


すいません今パソコンとスマホ、
両方からチェックしたのですが全て正常に表示されています泣
ありがとうございます！

いや、本当にここにいらっしゃった方々皆様ありがとうございました泣
以後この.htmlファイルを使い、各話フォルダには画像を入れるだけの形式でやり続けることにします。
いや何をどうお礼申し上げたらいいかわからないのですが、本当にありがとうございましたm(_ _)m
次漫画を更新した時はちゃんとクレジット載せさせていただきます泣

399 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 22:56:57 ID:L9kSQ7MkI

(ちなみに本当参考程度に伺いたいのですが、
どこがミスっていたのでしょうか？
特に次ページに進むボタンの表示や、スマホだとなぜか拡大表示されるところなど……)

400 ：392：2023/06/01(木) 06:46:48 ID:37X2zMBi0

単純にスタイルシートの参照先間違えてた
また、タグの中に不明な文字が入り込んでいたりドキュメント宣言が無いのも直した

あと画像名にひらがな漢字使うのやめなさい
理由は自分で検索して

クレジット、入るものなら28と書いておいてください
同じきぼん掲載のよしみで修正させてもらった

401 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/06/01(木) 21:03:15 ID:vObcRTCO0

28先生優しいお方ね

402 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/06/01(木) 23:09:53 ID:L9LO8ZNdI

>>400
そうだったのですね泣

漫画の更新がいつになるかわからないのですが、
クレジットには28さんとここのスレ民のことを記載させていただきますorz
ありがとうございました！

403 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/09(日) 21:39:56 ID:tYYwRuVt0

自サイトを作った上で、まんおきや新都社の作品へのリンクを貼るだけっていうのはオーケーなんだっけ？

自サイトトップページ
→新都社外の作品
→新都社の漫画
→まんおきの漫画にテキストリンクから飛ぶって感じ

404 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/09(日) 23:56:07 ID:zP40JksDI

おk

405 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/17(月) 20:00:34 ID:xrx+Byo+0

画像のサイズって今はどのくらいが良いのでしょうか

406 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/18(火) 06:26:06 ID:MVaODM370

ノートだと横1000pxは読みずらい。700pxくらいがいい

407 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/19(水) 05:43:10 ID:s2w0fIh80

画像デカいニキ今時ようわからん思てたけどやっぱようわからん

408 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/23(金) 21:58:46 ID:67hVpw8O0

自サイト作成手伝ってくださるお方いらっしゃいませんか

409 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/23(金) 22:11:47 ID:ftuLZ9KH0

まず何ができないの？

410 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/23(金) 22:21:10 ID:PfAMXQUuI

>>408
自サイト作成ガイダンスttp://neetmanga.byethost17.com/?i=1
これ読んだか？
雛形を貼り付けるだけでいいぞ

411 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/23(金) 23:09:55 ID:ioOuWwDJ0

>>408
それでも厳しかったら連絡ちょうだい

412 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/24(土) 01:16:30 ID:f1er9Xra0

できたっぽいです！ありがとうございます

413 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/24(土) 01:57:57 ID:nGSeexAOI

よかったねぇ

414 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/24(土) 14:19:45 ID:gMrT/X1Z0

すみません、調べても分からなかったので質問させてください。
自サイトでもコメント送信元のタイトルをコメントに表示する方法について教えてほしいです。
【例】
[1:【コメント送信元のタイトル】]【コメント内容】

数字だけならタグのvalueいじって表示できたんですが、
日本語のタイトルまで入れると送信に失敗しちゃうぽくて…
（fc2ページでこれが出来てる作品のソースとかも見てみましたが解読できず…）

415 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/24(土) 14:28:11 ID:GMfkzX670

現在は3桁の整数にしか対応していないと思っていたけど、fc2ページで実現している作品があるんだ？！
自分もソースを確認してみたいので、もしも差し支えなければ作品名をお教えいただきたいです

416 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/24(土) 14:51:48 ID:gMrT/X1Z0

>>415
ありがとうございます。
私が確認したのはバヂ東風先生の「殺し屋業界最安値」です。
（もし認識間違っていたら申し訳ないんですが、この作品はfc2ページ製の自サイト掲載で合ってますよね…？）

417 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/24(土) 15:46:11 ID:GMfkzX670

>>416
ありがとうございます！助かります！（バヂ東風先生のまね）
以前アップロード作品から自サイト作品へ移行した作品でも確認でき気になっていたのですが、
切り替えた後もアップロードしたファイルとセパレート構成は残り、コメント欄の送信元にも反映されるので、

・掲載方式をアップロード作品に戻し、一話ごとに1ページずつ投稿しセパレートし表示させたいタイトルをつける
・アップロード作品のリンクがstory=1、story=2、story=3・・・となるので、コメント送信フォームに反映させる
（各話ページに設定したinputタグの「name="story" value="◯"」の◯内に上記のリンクの数字を当てはめる）

上記の方法で、コメント欄の送信元に日本語のタイトルを表示させられました
もしかしたらバヂ東風先生の方法とは異なるかもしれませんが・・・！（自分もソースを確認したもののわかりませんでした）

418 ：バヂ東風：2024/08/24(土) 16:16:57 ID:mSuH/+QC0

バヂ東風だけど>>417コレはマジです
解説ありがとうございました！！！！！！

419 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/24(土) 16:26:05 ID:GMfkzX670

>>418
わーい先生からご返信いただき嬉しいです！！！
この発想は持てず、自サイトの左メニューの改変と同様に、アイディアと工夫に脱帽です！！！すごい！！！
またID:gMrT/X1Z0さんも合わせて、長年の疑問の解決と良い気づきをありがとうございましたー！

420 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/24(土) 16:52:38 ID:gMrT/X1Z0

>>417
調査までしていただいて解説ありがとうございます！
しかもバヂ東風先生ご本人まで……感謝です！
アップロード方式での作品登録方法については全く無知なので調べながらやってみます！
ありがとうございました！

421 ：花柄みるく：2024/08/24(土) 23:44:29 ID:Kv1xbg3U0

すみません、質問させていただきたいです。
親切な読者さんから第一話からコメントできないと教えていただき、
neetsha.jp/inside/comment.php?id=*****"　←*の部分を作品IDの25396にする
とまで教えていただいたのですが、自分でtestコメントしてみたものの、Not foundになってしまいます。
しゃーないからついでに２つ下の行の*****も作品IDに変えてもう一回testコメントしてみましたが、Not foundでした。
・反映されるのに時間がかかってる・FC2へのアップロードがうまくいっていない・指摘されたとこ以外変えんなヴォケ、などが要因かと考えております。
原因がわかる方がいらしたら教えていただけると幸いです。よろしくおねがいします。

422 ：ｋｒｍｔ：2024/08/25(日) 00:47:03 ID:3ea9RwIH0

>>421
こんばんは初めまして。横からすいません。

登録案内のひな形を使用されていると仮定して、

1話のソース６行目の"manga.css"って部分が悪さをしている気がします。
ここを"index.css"に書き換えてあげたら何とかなるかもしれません。

コチン読みました、オチに爆笑しました。超応援してるので是非投稿を続けてください！

423 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/25(日) 02:42:15 ID:ggDEftbm0

なんて有用なスレなんだ！後世に残していこう。

424 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/25(日) 03:00:56 ID:o8O1+cxW0

>>421
Not foundが表示されたのであれば、恐らく古いページのキャッシュが残っていたのだと思われます
時間を置くか、PCであればCtrl＋F5キーを押してページを更新すると解決するケースが多いです

なお自サイトは”ｈｔｔｐｓ”でフォームのリンクは”ｈｔｔｐｓ”となっており、送信ボタンを押すと警告ダイアログが表示されるので、
新都社のURLをすべて”ｈｔｔｐｓ”に書き換えた方が読者に心配を与えずに済みますのでご参考までに
（編集部の仕様で弾かれる為アルファベットを大文字にしておりますが、実際は小文字です）

>>422
コメントフォームとCSSは無関係な可能性が高いです
ソースを確認したところver9.00の雛型だったので、index.cssに書き換えるとデザインが1話の崩れてしまいます
旧来の雛型ではトップページ用に”index.css”、各話ページ用に”manga.css”の2種類に分けられていた為

425 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/08/25(日) 03:03:04 ID:o8O1+cxW0

×自サイトは”ｈｔｔｐｓ”でフォームのリンクは”ｈｔｔｐｓ”
◯自サイトは”ｈｔｔｐｓ”でフォームのリンクは”ｈｔｔｐ”
書き間違えましたすみません！
後段の単語の順序も一箇所おかしくて恥ずかしいぜ！

426 ：ｋｒｍｔ：2024/08/25(日) 10:35:35 ID:3ea9RwIH0

>>424
cssが複数ある雛型もあるんですね！
っていうかコメントフォームと関係ないんですね！！！！！
パチこいて誠にすいまめん
>>422はナシの方向でお願いします

427 ：花柄みるく：2024/08/25(日) 16:36:28 ID:7WAFw0Dd0

krmt先生
》424さん
迅速かつご丁寧に返信くださってありがとうございます。本当に助かます！
明日か明後日までには対応します！（遅くなりそうで申し訳ありません）
krmt先生、すいま麺期待してます

428 ：花柄みるく：2024/08/28(水) 01:25:13 ID:XS3/Pz2f0

皆さん本当にありがとうございました！お陰様でおそらく上手くいきました。
昨日、自サイトのｈｔｔｐをなーんにも考えず全置換でｈｔｔｐｓにしたら文字化けさせてしまい、失礼しました。
1.htmlのコメント部分（37,38行目）のみｈｔｔｐｓへの変更でおそらく上手くいってます。
自分みたいに脳死で全チカンしてしまう人のためにメモとしても記述しておきます。

429 ：ｋｒｍｔ：2024/08/29(木) 07:55:15 ID:udC0VXZd0

よかったです！更新期待してます

430 ：江洲西信条：2024/09/08(日) 20:54:48 ID:n8zsY5s3I

長編想定なので、自サイトに手を出そうかなと思って触ってみているのですが、漫画の画像のサイズは、600×800pxに縮めないといけないのでしょうか？それとも、ひな形の数値を変えて投稿すればOKなのでしょうか？

431 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/09/08(日) 21:25:30 ID:VQ2YxIaQ0

ひな型の数値変えればおけですよ

432 ：江洲西信条：2024/09/09(月) 03:49:25 ID:mkVbVGf6I

>>431
なるほど！ありがとうございます。

433 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/09/09(月) 07:03:32 ID:a8zOpJ3z0

普段出力されてる800×1138とか、現在レンダリングされている？400×569とか、そのあたりの縦横比にしておいた方が、現在のレイアウトとあまり変わらずにイケるかもしれません
というかそんなに大きくないから、widthとheightは消してもいいかも

434 ：江洲西信条：2024/09/09(月) 19:55:05 ID:mkVbVGf6I

>>433
なるほど…一応、今の段階で普通に表示される大きさなので、消すのも省略になって良さそうです。
ありがとうございます！
近々引っ越し作業をやる時に試してみます！

435 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/09/11(水) 21:53:23 ID:nhU04FoJ0

サイト作るの面倒ならpadieとかの画像圧縮ツール使って軽くすればよくね？　って思う事はある。
フルカラーったってエロ同人の表紙並みの厚塗りしたり１シーン中に色彩を１０、０００種類も使う事ない（せいぜい白黒の濃度で１０種類以下）んだから
圧縮した所で白黒漫画なら劣化なんてほぼないべよ？

436 ：以下、Web漫画と小説の新都社の提供でお送りします：2024/09/11(水) 22:10:42 ID:VxeGQnGR0

１回あげちゃったやつを圧縮したやつに差し替えるのも面倒よ