sumeteyu

更新履歴をどうにかしててがろぐで実装しようと頑張るおじさん奮闘記　#サイト作り

・とりあえずにししさんが公式で書いてくださっている記事を参考にしてみよう
てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法
・TOPページPHPで作ってるからSSIうまいこと使えないことに気づいた　どうにかしてできないものか
・にししさんの同記事内にPHPのfile_get_contentsで同じことができるって書いてあるね！！！file_get_contentsを初めて聞いたのでちょっとググる
・ローカルで動かしてた時はたまにエラーが出てたけどおおむね更新したら直ったので、なんとかなれ～とサーバーにアップロードしたら何とかなってそう　なんだ？
・なんとかなった備忘録でした

サイト改装内容紹介　#サイト作り

トップページいろいろ変更
トップページにちょっとした注意文みたいなのを書いたよ　なんでも許せる人向けのことを万能の言葉だと思っている
言うて載せるものが過激になるとかではなく、BLあるよとか細かい注意文みたいなのを書くのがめんどくさかったというだけですね
トップイラストも変更しました　パララックス使ってるけど環境によっては動かなかったり逆に超動いたりするかも　気が向いたら調整する　かも

更新履歴をてがろぐにした
更新履歴にてがろぐを埋め込んだよ
見てる方からしたらとくに変わることはないですが、私の更新履歴の変更の手間が軽くなるやーつです

web拍手をいろいろ変更
web拍手を１個にまとめました
押していただいたらランダムでお礼イラスト（10種）が出るようにしました　かわいい感じに描けてお気に入りです
クリックごとではなくポップアップごとにランダムなので、連打する場合は注意です
クリックごとにランダムの方が分かりやすいと思うので変更できそうだったらしたいな～～と思ってます
１個にまとめたので、１日に押せる上限も10回から30回に変更しました

サイトを改装したぞ～～～～！！！！更新しても変わらない場合はキャッシュを消したりするといい感じになる　はず
表示崩れありましたら教えてください！！！！その際は使ってる端末とブラウザも教えてくれるとかなり助かり侍です！！！！！
トップ絵にパララックスを使ってみました！かわいい気がするぞ！！
今日は眠いのでもう寝るよ！！みんないつも見てくれてありがとう！！TOPボタンも押してくれてありがとう！！！ウオオ　#サイト作り

検索フォーム設置したかったけどCSSがうまくあてられなかったのでいったんこれで！！！　#サイト作り

ぼちぼちコードなどをローカルでいじっていたんですが、このみそおとかいうやつが書いたコード汚すぎワロタになっています　#サイト作り

サイトに使わせていただいているプログラムをいろいろアップデートしました～
主に内側の処理が変わったのがメインなので見た目としてはあんまり変わってない　#サイト作り

自分のサイトのお気に入りポイントなどをしゃべる

自サイト大好きおじさんなのと、他の人のこういう記事を見るのがかなり好きなので

続きを読む■てがろぐ
てがろぐの配布サイト様
このページに使用しているお手軽マイクロブログCGIです
自分用のツイッターみたいな使い方ができるといいな～と思って設置したのでかなり満足しています

私のサイトではdo様のskin-minimal を使用させていただいています
サイト全体とメモページのデザインを合わせたいとずっと思っていたのでかなりありがたいスキンです

1人用ツイッターを欲した理由はよく覚えていないんですが、たしか自分のサイトの改装作業をしているときの感情の吐き出しとかをどこかに向けてやりたかったみたいな感じだった気がする　本物のツイッターでつぶやいてもよかったんだけどなんかそれだとつぶやいたことをフォロワーに見てもらった時点でやった気になりそうだな…と思ったのと、改装のネタバレ（？）はあんまりしたくないな…と思ったのでサイト公開前はどこにも告知せずにてがろぐに向けてサイト作りなにもわからない～～という投稿を壁打ちしていました
あとは人のサイトとかで日記とかが頻繁に更新されてるとうれしいからですね

てがろぐ、インターネット引きこもりヒューマンにはめちゃくちゃおすすめだし、人の短文も長文もいっぱい読みたいのでみんなに実装してほしいんだけどCGI設置するとなると対応してない無料サーバーも結構あるしハードル高いよな～と思う
私はロリポップを契約する前はXREA で無料サーバーを借りてお試し運用してました
広告が出るのが嫌で今はロリポップを使っているんですが、今のところ広告の内容もそこまでうるさくないので気にならない人にはオススメです

ちなみにこちらのサイトで作成されているスキン「Tan」 を使用することで本当にツイッターみたいなレイアウトにすることも可能です

■TOPボタン

いつも押してくれてありがとうございます　のTOPの謎ボタンです
do様のいいねボタン・改 のプログラムを使わせてもらってます
旧サイトでいうところのweb拍手です
それぞれのボタンのアイコンにはFont Awesomeを使用してるんですが、真ん中の微妙に不安定な星は実はシミ汚れのアイコンを使ってるところが地味にお気に入りです　シミ汚れのアイコンって何？
押したときのアニメーションとかももっといろいろいじりたいな～とは思っているんですがまだできてないね


■ギャラリーページ
サイトのメインコンテンツなのでできる限り見やすく作りたいな～～と思って見やすくなってるかな　わからん　何も…
スマホで見た時にフリックでスイスイスイ～～って感じで絵を見られるとうれしいなと思っているのでそういう感じに実装してます
ちょっといやらしめの絵などをどうやって置くかは一生わからない　のでプライベッターに置きっぱなしにしちゃってる
全然関係ないけど一次創作ページと二次創作ページでサムネ一覧の彩度が全く違うのウケるね　一次創作絵に彩りなさすぎかよ


■創作キャラ紹介ページ

自己申告プロフィール、お気に入りですね
半分くらいしかまともに答えてないけど　そういうところがお気に入り
六波羅聖のプロフィールが他の子より有効数字一つ分多いのもオキニですね　神経質さが出ていて


■スクロールバーの色変えた
スクロールバーの色をサイトの雰囲気に合わせて変更しました
これだけでなんとなくカスタマイズしてる感が出ててよい
実装方法は結構簡単なのでみんなもいい感じのスクロールバーにしてほし～～いな～～～

■404ページ
実は作ってあります　あんまり凝った感じのものではないけど　他のサイトさんとか行ったときに404ページがサイト独自のものだと隠しページ見つけた時と同じくらいテンションが上がるので…
ちなみに404ページはテンプレートを使用してないので表示が崩れる可能性が一番高いです　何？
404ページに実装したかったけど断念したものページ全体か、もしくは404の文字のところだけグリッチっぽいアニメーション付けられないかな～～と思って調べてみたけどなかなか難しそうなので断念
でもコーディングに慣れてる人だったら行けそうだった　のでいつか再チャレンジできたらいいな
×閉じる

■スマホ表示時のボトムメニュー

スマホ表示時にメニューをどうするか問題は個人的にかなり悩みどころだったんですが、手が小さめなのと使ってるスマホが縦に長いのでボトムメニューの実装はお気に入りです　私にとって都合がいいので
問題点があるとすれば今後無料サーバに移転することがあった場合、スマホ表示時に画面下に広告の出るサーバが多いので流用できなさそうということかな


★使っているサーバー
初心者向けレンタルサーバーならロリポップ！ロリポップは月額99円から利用可能で…
はい　というわけでロリポップ！ のエコノミープランです　ロリポップの一番安いプラン
phpが使えて広告が出ないサーバーだったらなんでもよいという気持ちで契約しました　あとロリポップのドメインはかわいいものが多いというのも割と決め手
うちのようなワードプレスを採用してない個人サイトに使用する分にはとくに不満はないです　満足
ただ、サーバーのことを調べるためにロリポップで検索したらめちゃくちゃな頻度でyoutubeにロリポップの広告が出るようになって、広告の冒頭が空で言えるようになります（これに関してはグーグルのアルゴリズムの問題な気がする　ので安心してください）


というわけでサイトのオキニポイント語るやーつでした
今後良いものを実装したタイミングで同じような記事を書くかもしれない　書かないかもしれない
サイト持ってる人はみんなの自サイトのオキニポイントも知りたいな
×閉じる
#サイト作り

なんにも分類されないつぶやきにいちいち#雑多 タグつけるのしゃらくさすぎるからちょっとその辺考えようかな～～

あとCSSの方若干いじった　全体的に
横幅の狭いデバイスから見るとトップ絵の表示が崩れるの、把握してるけどいまだに直し方わかんね～～～～　ので、sumeteyuは横幅が狭くないデバイスで見るのがいいかも　でも言うてトップ絵以外のところは表示崩れてなさそうだから狭いデバイスで見てもいいのかもしれん　自由　#サイト作り

aboutページ にプライバシーポリシーを追加したよ　うまいこと表示されなかったら更新したりキャッシュ消したりしてみてね
いうてそんなに大したことは書いてなくて、お問い合わせで得た情報は目的以外の用途には使いませんよ～～というだけの内容です　#サイト作り

TOPボタン押してくれてありがとうございます！！！！

創作ページに過去の予定は未定の絵をいくつか追加しました
旧サイトにのせてたやつを持ってきただけなので新規絵ではない　でもこっちのが見やすいのでぼちぼちイラストは移動させていきたい　数が多すぎるので本当にぼちぼちって感じですが　#サイト作り

TOPのボタン押してくれてありがと～～～ございます！うれCですね　ありがDですね

てがろぐ（メモに使ってるミニプログラムみたいなものだよ）アップデートしたよ
下のページネーションのところを気軽にいじれるようになったのでちょっといじった
それと文章をたたむときの「続きを読む」の部分の文言を自由に決められるようになったのがめちゃくちゃ良い
こういう感じでねやった～～～～
×閉じる
#サイト作り

てがろぐ（ここ）にリンクを記載した時別タブで開かれるように設定したよ
管理メニュー　→　設定　→　ページの表示　→　投稿本文内のURL処理　→　URLが書かれた場合の表示で新規ウィンドウで開くにチェックを入れて変更したYO
ついでにCSSもいじっていい感じにしました
CSS追記で載せておきます　参考にするのは自由ですが保証はしてないです

#サイト作り

続きを読む

a.url::after {
    content: '\f35d';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    padding: 3px;
}
a.url {
    font-weight: bold;
    text-decoration: none;
}

×閉じる

てがろぐ（ここのページ）の下にあるページネーションこのままだと無限に数字が増えていくから1 2 3...11 12 13みたいな感じにしたいな～～と思っていたら標準でその設定がいじれたのでやっぴ～～痒い所に手が届く～～～と感動していました
同じ設定にしたい人もいるかもなので公式ヘルプの該当部分のリンクを貼っておくね
ページ番号リンクの装飾方法

あとはカテゴリが日記の時だけ本文の１行目をタイトルとして強調表示出来たらいいな～と思っているけどこれに関しては手動で文字に装飾付けた方がシンプルで早い気もする　→　装飾つけたYO

#サイト作り

さっそくTOPページの謎ボタン押してくれた方ありがとうございます！！うれPですね

そういえばしばらくブックマークリンクを増やしてなかったので素敵な個人サイトさんいっぱい増えてるしリンク貼りたいな～～～と思ったんですが、自分のサイトが今検索除けをしてない状態なのでリンクフリーとは書いてあるけどサイト自体は検索除けしてある個人サイトさんへのリンクは貼らないでおくのがいいのか？？となっている　今更すぎる
ヲタク歴まあまあ長いわりにその辺のルールわかってないんだけどどうなんでしょうね　わからねえ　なにも…
というわけで今は昔からリンク貼らせていただいているサイトさんはいったんそのままで、新規でリンクさせていただく個人サイトさんは検索除けしてないサイトに限ろうかな～～～とぼんやり考えてます
サーチとか同盟は検索除けしてないサイトでも参加OKであれば貼ろうかなという感じで
ちなみにとくに理由がなくともリンク剝がしてくれよ～～～という連絡を管理人さんから頂いたらなるはやで剥がすのでその時はお願いします（？）

#サイト作り