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