サイト制作備忘録/今後のサイト他の運用について

【制作備忘録】

サイトのテンプレートは「EASEL」を利用させていただいています↓

創作・同人サイトに特化した多機能WordPressテーマ

 

他、参考にしたサイト様

WordPressで2時間で同人サイトを作る方法【初心者向け】

コピペ実装!CSSだけで作れるお洒落で使いやすいボタン◉サンプルコード12選

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

 

<メモ>

・TOP画面上部に置く画像はEASEL設定からできる。本来サイトロゴを置くところ。今は200×1051pixelの画像を置いている

・OGP画像の設定(Twitterサマリーカードの設定)もEASEL設定から(今のところ)できる。プラグインいらず やったね

・投稿した記事の投稿日がいちいち出てくるので、投稿日を消すプラグインを入れたりした

 

【今後のサイト他の運用について】

①Twitter、②当サイト、③Pixivの運用の方針です。

①Twitterは今まで通り、絵・漫画・小説を一番最初に上げる場として使う。Twitterに載せた絵・小説にサイトのリンク下げて「ここに収納しました」報告。

②当サイトの「Illust」「Text」欄にはTwitter・Pixiv掲載の間くらいの間隔で投稿。絵は、Twitterに載せたイラスト・漫画で気に入ったやつ1,2~枚をいちいち投稿する。小説に関しては、Twitterで掲載したのち、完成した作品をこっちに格納。

「らくがき置き場」「Blog」はIllust・Textよりも頻繁に更新予定ですが、Twitterで更新については呟かないつもりです。

③Pixivは半年に1回くらいの格納場所として利用。

 

本の通販については、Twitterと当サイトの「Announce」が一番情報速くお知らせできると思います。

お好きな媒体で作品お楽しみいただけたら幸いです。よろしくお願いします。

 

【サイト制作感想】

CSSわからんち! てかHTMLにも触れるのが初めてのガチ初心者なのでむしろよくできたな…と思いました。上記サイト様に感謝。

⭐HTMLとCSSの関係がわかるまでに丸5日くらいかかった。HTMLは土台、CSSは装飾らしいです。はにゃ?

HTML上にあるh1(見出し)だのp(段落・本文)だのについて、

CSSで「h1の文字はこういうデザインにするよ!」「pの文字はこういうデザインにするよ!」と指定すれば、

h1やpの文字、それぞれ全部一気に装飾が変えられますよ! HTMLでいちいち書かずともCSSでまとめて変えられちゃうんですよ! 便利!

という関係なんだと思います…。(わかりづらい説明)(全然自信ない)

⭐wordpressでCSSを追加する際は

・投稿文中にHTMLを表記

・文中に記入したHTMLで指定した部位を足掛かりにして追加CSSを記入

ということをやれば…いい…はずです。多分。

⭐上記をやっと理解した結果できたのが、About下部に作ったTwitterボタンです。このサイトで一番頑張ったのはそこです。よろしくお願いします(何を??)

 

というわけで、諸々よろしくお願いします。22.6.13