イラストレーターに必要なポートフォリオ他自分の実績なりなんなりを掲示しておくサイト。あったら便利だと思いませんか?
便利らしいです。
ということで作ってみた。
▽藺草のPortfolioサイト(別のサイトに移動します)
https://sample193.coresv.com/
適当なサイトURLからわかるように完全に試しに作っただけのサイトです。
これだけ作れば、
・ギャラリー(実績なり落書きなり)
・お知らせ(実績詳細とか)
・お問い合わせ管理(お問い合わせフォームからお問い合わせされたらメールに届く&サイトのデータベース上に保存される)
等々の管理が楽になるかと思います。実際は運用してみないとなんともでしょうが。
今回も備忘録としてメモを残す。
■ドメイン名とサーバーを決める
今回は以前から使ってるサーバーを継続して利用しましたが、完全に新しく開設/サーバー契約等々する場合は色々と前準備が必要。
ワードプレスを使うにはワードプレスが使えるサーバーでないとだめ。phpとDBが使えればだいたい使えるはずですが、「Wordpress 可能 サーバー」とかで検索するといいかも知れない。
大体有料サーバーだが、以下のサイトなどに無料レンタルサーバーについても情報があったりする。ただし無料レンタルサーバーはアップロードできる容量が少ない、広告が入ってきたり、1ヶ月毎に更新しないとサイトのデータが消滅したりなどの条件があることが多い。自分に合ったサーバーを選ぶのがいいです。
https://www.value-domain.com/media/wordpress-freeserver/
*独自ドメイン なに
ネット検索からHPに人を招きたいなら取った方が良いし、SNSからの誘導で招くならそこまで必要はないかも。お金がかかるので、財布と相談。それから場合によりますが管理と適用が多少めんどくさいです。
独自ドメインのほうが見栄えがよく、アクセスしやすい部分はあります。
サイトを作ってしまってから移行もできなくはないので、今はあんまり考えません(そして今回は取得しません
■ワードプレスをインストールする
レンタルサーバーによって、利用開始方法が異なります。
ボタンをポチッと押せば自動でインストールしてくれるところもあれば、WordpressファイルをDL→アップロードする必要がある場合もあります。
大体レンタルサーバーの名前+Wordpress+インストール+方法とかで検索することで、公式なり個人の方制作のマニュアルなりが出てくるのでそちらを参照するのが正確。
*サイトにアクセスする
以降はサイト上から編集作業などを行います。すごいですね。
ユーザー名やパスワードはここで必ずどこかにメモっておくこと。わからなくなったらサイトをぶっ壊して作り直すことになるためです(復帰できなくはないけど難しい)。詳しいことはネットにいっぱい備忘録があります。
■プラグインやテーマをいれる
今回使用したテーマは以下
・Cocoon(サイトテーマ)
・CocoonChild
プラグインは以下
・ClassicEditor
編集画面をWPリニューアル以前のものに戻します。
こちらのほうがわかりやすいと個人的に感じるため。
・Contact Form7
お問い合わせフォーム等の作成に使います。
フォームが簡単に作れるのと、別プラグイン(Flamingo)とのコンビでお問い合わせ履歴も作成できます。
(参考:https://contactform7.com/ja/getting-started-with-contact-form-7/)
・Flamingo
お問い合わせの履歴保存用。不要な場合は入れなくても良い。
(https://contactform7.com/ja/save-submitted-messages-with-flamingo/)
・FooGallery
ギャラリーの見栄え用。
(参考:https://tcd-theme.com/2019/09/foo-gallery.html)
大抵の場合「プラグイン/テーマ名」+「インストール方法」などで解説ページが出てきます。
0からレイアウトを弄りたいという場合も、カスタマイズ性の高いテーマを入れる→CSSで微調整をいれるなどのほうがちょっとは簡単かもしれない(人による。
■細々とした調整
個人的に修正したい場所を直していきます。
*SNSシェアボタンを消す
個人的にはいらない/見た目が凄い騒がしいので消します。
人によっては表示したままのほうが良いでしょう。
*デフォルトだと見た目がブログなので、サイトっぽくする
*固定ページ(aboutとか)のURLをランダム/数値ではなく、指定の文字列にする。
*ヘッダーやフッターにサイトのメニューを表示する。
サイトっぽくするのに重要。
(個人的に知りたかったことがいっぱい書いてある)
https://do.gt-gt.org/how-to-use-wp/
*フッター固定
COCOONテーマデフォルトかつ、メインコンテンツのheightが極端に短いと、フッターがメインコンテンツのしたに張り付いてしまいページがなんとなく窮屈な印象を受けます。コンテンツの後ろかウィンドウ最下部に表示されるようにしましょう。
https://boochi-engineer.net/archives/1363
*タイトルフォント変更
タイトルフォントがデフォルトのままだとなんだか味気ないです。ロゴ画像を用意するのもいいですが、いい感じのフォントにするのもありかも知れません。
https://tsutchii.com/cocoon-site-title-font-change
*アピールエリアに画像を設定
イラストレーターサイト(仮)なので、書いた絵をトップにドドーンと出したいです。ヘッダーに設定するのもいいですが、アピールエリアでヘッダーメニューのしたにも設置できます。
https://cssroller.com/top-img-full/
*FooGalleryとCOCOONのlightbox設定が衝突するため設定を変える
FooGalleryかCOCOONかどちらかのLightbox設定をオフにします。
*ファビコンを設定する
*ヘッダーを固定する
このページはもういいか、のときに別ページへアクセスしやすくするため、ヘッダーメニューを常に表示しておきたいため。
*SNSカードを設定する
「COCOON設定」→「COCOON設定」→「OGP」内の「ホームイメージ」にいい感じの画像をアップロードしておくと、Twitter等でURLを呟いたときに表示されます。デフォルトだとCOCOONの画像になるので、変えておいたほうが目につきやすくなるかも(あと、かわいい)。
*COCOON設定→投稿/固定ページのパンくずリストを非表示にする。
*COCOON設定→本文→投稿者情報表示設定の投稿関連情報の表示のためのチェックボックスを外す。
このような感じでしょうか。
ざっとすべてを設定してしまえば基本的にあとは個別のページを更新するだけでうまくいく(と思う)ので、WordpressでのHP管理はかなり楽だな~と感じます。初期設定だけ色々頑張りましょう。
