ほぼてがろぐひとつで個人サイトを作った話タイトル通りです。さっそく見ていきましょう。使ったもの・てがろぐhttps://www.nishishi.com/cgi/tegalog/これがないと始まらなかった。国産のCGI。小さいプログラムみたいなもの。WordPressより軽い。作者さんからのマニュアルが豊富。豊富を通り越してもはや膨大。・えぬけー様配布スキン「ippen」https://mk-okiba.wew.jp/tegalog_haihu/?p...トップページ用のhtmlとてがろぐスキンがセットになったもの。トップページのみをhtmlで分離させることにより、自由に表記ができたり各種スクリプトが入れやすくなったりバナーを貼りやすくなったり使い勝手がいい。ついでにページの表示がてがろぐ製トップページより早くなる。ここからスクリプト類・いいねボタン改https://do.gt-gt.org/product/newiine/・ルビタグ変換https://ofuse.me/e/26443・novel viewerhttps://i-ra.site/parts/3188/・コイブミhttps://do.gt-gt.org/product/koibumi/・Lunalys(アクセス解析)https://yuh-nagomi.jp/lunalys/やったこと1.てがろぐ・スクリプトのアップロードとスキンの適応。てがろぐ公式とえぬけーさんのサイト見てください。このうち、skin-cover.htmlとskin-onelog.htmlはskin-ippenのものなので注意。通常は上書きする形でアップロードすれば大丈夫。2.index.htmlのカスタムインターネットで調べながら頑張った。えぬけーさんのデモサイト見ながら記述すると崩れにくいです。CSSは触ってない。あとで色を少し変えます。3.カテゴリの設定二次創作用に元ジャンル名のカテゴリを設定。(元ジャンル名)_novelというIDにした。将来性も高くていいね。4.スクリプトの実装index.htmlにコイブミを、skin-cover.htmlとskin-onelog.htmlにいいねボタン改、ルビタグ変換、novel viewer、全てのページにアクセス解析を付けた。基本的には配布先のサイトを見ながら実装すればいいのだが、下に躓いた点を記録しておく。・ルビタグとnovel viewerの共存普通にテキストどおり実装するとルビが表示されなくなった。これはjQueryが2回読み込まれることになるため。具体的にはnovel viewer側のjQuery読み込みタグの削除で同居することができた。この理論はjQueryを読み込む全てのプログラムに適応されるので、コイブミやいいねボタンを設置する際も改めてjQueryを読み込む必要は基本ない。バージョンに注意。初心者は見落としがちだったので注意。ちなみに今はnovel viewerのボタンが上のメニューバーの下に潜り込んでしまうのでなんとかしたいと思ってはいる。サイトはこれで完成。作品をいくつか投げてきちんと表示されることを確認できたらおしまい！ 個人サイト関係 2024/11/05(Tue)
タイトル通りです。さっそく見ていきましょう。
使ったもの
・てがろぐ
https://www.nishishi.com/cgi/tegalog/
これがないと始まらなかった。国産のCGI。小さいプログラムみたいなもの。
WordPressより軽い。作者さんからのマニュアルが豊富。豊富を通り越してもはや膨大。
・えぬけー様配布スキン「ippen」
https://mk-okiba.wew.jp/tegalog_haihu/?p...
トップページ用のhtmlとてがろぐスキンがセットになったもの。
トップページのみをhtmlで分離させることにより、自由に表記ができたり各種スクリプトが入れやすくなったりバナーを貼りやすくなったり使い勝手がいい。ついでにページの表示がてがろぐ製トップページより早くなる。
ここからスクリプト類
・いいねボタン改
https://do.gt-gt.org/product/newiine/
・ルビタグ変換
https://ofuse.me/e/26443
・novel viewer
https://i-ra.site/parts/3188/
・コイブミ
https://do.gt-gt.org/product/koibumi/
・Lunalys(アクセス解析)
https://yuh-nagomi.jp/lunalys/
やったこと
1.てがろぐ・スクリプトのアップロードとスキンの適応。
てがろぐ公式とえぬけーさんのサイト見てください。
このうち、skin-cover.htmlとskin-onelog.htmlはskin-ippenのものなので注意。通常は上書きする形でアップロードすれば大丈夫。
2.index.htmlのカスタム
インターネットで調べながら頑張った。
えぬけーさんのデモサイト見ながら記述すると崩れにくいです。
CSSは触ってない。あとで色を少し変えます。
3.カテゴリの設定
二次創作用に元ジャンル名のカテゴリを設定。
(元ジャンル名)_novelというIDにした。将来性も高くていいね。
4.スクリプトの実装
index.htmlにコイブミを、skin-cover.htmlとskin-onelog.htmlにいいねボタン改、ルビタグ変換、novel viewer、全てのページにアクセス解析を付けた。
基本的には配布先のサイトを見ながら実装すればいいのだが、下に躓いた点を記録しておく。
・ルビタグとnovel viewerの共存
普通にテキストどおり実装するとルビが表示されなくなった。
これはjQueryが2回読み込まれることになるため。
具体的にはnovel viewer側のjQuery読み込みタグの削除で同居することができた。
この理論はjQueryを読み込む全てのプログラムに適応されるので、コイブミやいいねボタンを設置する際も改めてjQueryを読み込む必要は基本ない。バージョンに注意。
初心者は見落としがちだったので注意。
ちなみに今はnovel viewerのボタンが上のメニューバーの下に潜り込んでしまうのでなんとかしたいと思ってはいる。
サイトはこれで完成。
作品をいくつか投げてきちんと表示されることを確認できたらおしまい！