引き続きWordPress
備忘録兼ねて。
サーバー:witchserver
WordPress使用
WordPressテーマ「EASEL」使用 子テーマのEASEL CANVASもインストール
⇒こちらからお借りしました https://easel.gt-gt.org/
htmlテンプレート「modern」使用
⇒こちらからお借りしました https://do.gt-gt.org/
参考にさせていただいたnote
https://note.com/xxxmisoppoino/n/n1f1fd5660bdf
基本的なwebページの作り方やプラグインの入れ方とかぐぐればわかることは割愛
EASELのデフォルトデザインじゃなくてサイトデザインテンプレを借りたい人がやったこと基本的な流れ
①上記noteに書かれている三種の神器プラグインをすべて入れる。私はないと無理。
Classic Editor
Show Current Template
Simple Custom CSS and JS
②htmlテンプレートのtopページのソースを固定ページの「テキスト」に貼り付けていわゆるhomeを作成する。
③設定>表示設定から①で作成したページをホームページに設定にする
④ホームページをブラウザで開く
(URLはwpをインストールしたホームディレクトリ/インストール時に設定してるはず?サーバーによるかも)
⑤上部メニューバーのカスタマイズをクリック、htmlテンプレートのCSSを「追加CSS」に貼り付ける
⑥もともとのEASELのスタイルシートと競合したり不要なパーツがあってうまくいかない部分を修正する。
⑥-1 CSSがどうしても反映されない、TOPページにだけ適用したい場合は固定ページ編集画面の「カスタムCSS」欄に入れる
⑥-2 固定ページ、作品ページなどを作る際自動生成されるhtmlは
/wpインストールディレクトリ/wp-content/themes/easelにあるものをダウンロードして修正し
/wpインストールディレクトリ/themes/canvas_on_easelにアップロードする。
※じゃないとEASELのバージョンアップ時に修正内容がふっとぶ
⑥-3 画像とかを相対パスで指定している場合、指定されているディレクトリやファイルをwpインストールディレクトリ直下に置く(当たり前なんだけど…)
⑦作品を投稿していく(とりあえず作品タイプを整理する 小説>レオラギとか)
⑧作品置き場の固定ページを作成する。「作品リスト挿入」から適宜指定してリストのショートタグを生成する。
⇒指定した作品タイプの作品リンクリストが自動的に作られたページになる
⑨②のページから⑧のページをリンクする。(またはwpの機能でメニューを自動生成する(外観>メニュー))
②のテンプレート借りてくるところはもちろん自作でも問題なし。
あとテンプレート借りるならやる内容的に改造OKなところじゃないとだめ。
自作のほうが競合で発狂することなくていいのかもしれない。
とにかくCSSがどこのが生きてるのかわからなくて時間かかった。キャッシュのせいで反映されなかったのかあんなに消えなかった余白が翌朝タブレットで見たら消えてたりとか…。
各ページ作成画面の「カスタムCSS」が一番強いのでとにかくウワーってなったらここにぶちこんでもいいのかもしれない。
今はメニューをEASELのものではなく自前で作成することを考え中(TOPページは自動生成メニューを使用しない)
とにかくEASELのデフォルトヘッダーが邪魔すぎて(今のここのサイトみたいにうまく控えめなデザインにすればいいんだろうけど。)
今考えてるのは小さいサイトロゴ(HOMEに戻る)とハンバーガーリンクをPCで見たときとスマホで見たときと共通で表示すること。
とりあえず完成させてしまいたいから細かいデザインは後でなおすとして…。
小説置き場はできたので次は本のサンプルページを作ろうと思います。
3月のイベに間に合うといいな…。原稿も終わってないんですが。ワハハ。
文学部出身なのにどう考えても小説書くよりコード書いてる方が向いてると思う。
今回は絶対本出すつもりだし印刷所と装丁も決めたのでたぶん大丈夫!!
明日からのイベントこわすぎてずっとおなか痛いです。
レオラギ的にはどういう内容でもわりと見出してくほうだから大丈夫(あとツイステの感じからすると今まで私がこの二人って思った要素をなかったことにはしないと思う。外野がどう言おうと)なんですが、まあ先日も言った通り王室とレオナ単体の話がどうなるかですね。
もちろん楽しみなのもあるんだけど。
麺類も追い込みで作ります。石稼ぐためにRとSRをぐるびさせまくってるので育成素材が空。
0コメント