Shifterオンラインミートアップでお話しさせてもらった、WEBデザイナー目線の経験談です。
PHPとかよくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。 Sourire web studio 今村真理子
View Slide
自己紹介今村真理子神戸でフリーランスのWEBデザイナーしてます。2児のオカンです。ここ数年はバイクツーリングにハマってます。デザインして構築して、サイト制作してます。PHPはおまじないだと思ってます。@kamesanzzzhttps://sourire-web-studio.com
こんなのとか
こんなのとか 作ってます。ゴテゴテ装飾多めの女性子供向けのデザインが得意です。
デザイナーのShifter悲喜こもごも話です
わたしのShifterデビュー前知識ゼロで神戸のミートアップに参加Shifterは『なんか便利なやつ。らしい。』という程度の認識でした。
うれしかったポイントWordPress簡単インストールよりも簡単
ハマったポイント独自ドメインでハマる定番のやつですお約束のように独自ドメインの登録ができませんでした。
サポートがめっちゃ頼りやすい!早い! うれしかったポイント
ハマったポイントメールアドレスが使えないShifterに登録した独自ドメインのメールアドレス、どうしよう。AWSはちょっとハードルが高い
サイトはShifterへ、メールはエックスサーバーにDNSを設定Shifter エックスサーバー独自ドメイン.com
ハマったポイントContactForm7が使えない『WP Serverless Forms』を使いこなせなかった
Googleフォームを入れ込みましたGoogleフォーム
Generateしないよ! ハマったポイント
修正したものの、再度試したGenerateも進まず。テーマにエラーがあるよ
古くて更新されてないプラグインを削除プラグインにもエラーがあるよ
無事にGenerateできました!
この時の学びテーマとプラグインのPHPチェックをきちんとする『PHP Compatibility Checker』でお手軽チェック。https://ja.wordpress.org/plugins/php-compatibility-checker/
FTPは使えないプラグインがエラーになったので止めたいんやけど・・・ ハマったポイント
Safe Modeがありましたプラグインを全部無効化した状態で無事にログイン。該当プラグインを削除してめでたしめでたし。 うれしかったポイント
続。FTPは使えないテーマ内の画像差し替えとかcssとかめっちゃ触りたい ハマったポイント
テーマとGitHubの連携GitHubと連携することで更新ができるプラグイン『Shifter Github Plugin/Theme Installer』
が、しかし。
Githubの超基本的なことがわかってないと説明書きの意味がわからない説明はとっても丁寧に書かれてます。https://www.digitalcube.jp/shifter/10479/
例えば
『.github/workflows/release.yml』のファイルを自分のリポジトリにコピーして・・・という手順『ファイルを新規で作ってコピペする』のやり方がわからない
FTPみたいに階層ごとにフォルダを作るのかなー?と思ってやってみたら違うしそもそもフォルダってどうやって作るんやろ?Create fileってフォルダやないよなあ。どこにコピペしたらええんやろ??うーん管理画面意味がわからん・・・※この時点でアップロードも新規追加も知りません? ??これが初心者です。お恥ずかしい。一度こころ折れました。Shifter関係ないけど。
その他にも
GitHub Actionsも理解してなかった動作完了を待つために小休憩することで解決
最初に更新通知を見た時の感動は言い表せませんめっちゃ達成感。
テーマとGitHubの連携がShifter最大の難関でしたでも、なんとかクリア!
実際にサイトを運営してみてShifter、サイト管理がめっちゃ楽ですね。
セキュリティとか気にしなくていいし。表示もめっちゃ早い。
トラブった時にサポートに気軽に相談できるという安心感。
デザイナーも、怖がらずに使ってみて欲しいエンジニアじゃなくても使えるよ!
ありがとうございました