PHPとかよくわかんない系WEBデザイナーでもShifterでいろいろできたよ! というお話。

0a3f975afb192c0aa86e2f2cef37e677?s=47 Mariko Imamura
May 20, 2020
Design
1
500

PHPとかよくわかんない系WEBデザイナーでもShifterでいろいろできたよ! というお話。

Shifterオンラインミートアップでお話しさせてもらった、WEBデザイナー目線の経験談です。

0a3f975afb192c0aa86e2f2cef37e677?s=128

Mariko Imamura

May 20, 2020
Tweet

Other Decks in Design

See All in Design
608638a6cfefbf0c2294a30e55634f6d?s=48 mihozono
0
620
696e66ab859446f91081e37e56444730?s=48 event2020
0
230
Ed946da673ee07c8b3b41b7aa8268e13?s=48 bookslope
1
1.3k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
270
Cdf45605a1adfab81061bc1c4444847a?s=48 barsaka2
1
300
C66a4b0ef3d970bfbe5cc00df63804d8?s=48 polverelli
1
170
D1379d198d492b4ef4ecad0b59910bb6?s=48 kondoyuko
3
1.1k
Eb413d2c22e29500565cab1f71c9c707?s=48 evaq
0
280
5696bd82fd62181c65c8bb3c168d49c1?s=48 solmetts
0
150
8f65531189af910498ae5d86b0646d6e?s=48 yoka0930
1
300
608638a6cfefbf0c2294a30e55634f6d?s=48 mihozono
2
890
730424f1e28fcff5ad7eab00e981fb14?s=48 takusami
5
460

Featured

See All Featured
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
264
16k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
17
1.2k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
652
54k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
681
180k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
435
28k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
195
9.4k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
477
150k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
205
9.9k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
228
17k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
8
1.2k

Transcript

  1. PHPとか よくわかんない系WEBデザイナー でもShifterで いろいろできたよ！ というお話。 　　Sourire web studio 今村真理子

  2. 自己紹介 今村真理子 神戸でフリーランスのWEBデザイナーしてます。 2児のオカンです。 ここ数年はバイクツーリングにハマってます。 デザインして構築して、サイト制作してます。 PHPはおまじないだと思ってます。 @kamesanzzz https://sourire-web-studio.com

  3. こんなのとか

  4. こんなのとか

  5. こんなのとか 作ってます。 ゴテゴテ装飾多めの女性子供向けのデザインが得意です。

  6. デザイナーの Shifter悲喜こもごも話です

  7. 　　わたしのShifterデビュー 前知識ゼロで神戸のミートアップに参加 Shifterは『なんか便利なやつ。らしい。』 という程度の認識でした。

  8. 　　うれしかったポイント WordPress簡単インストールよりも簡単

  9. 　　ハマったポイント 独自ドメインでハマる 定番のやつです お約束のように独自ドメインの登録ができませんでした。

  10. サポートがめっちゃ頼りやすい！早い！ 　　うれしかったポイント

  11. 　　ハマったポイント メールアドレスが使えない Shifterに登録した独自ドメインのメールアドレス、どうしよう。 AWSはちょっとハードルが高い

  12. サイトはShifterへ、 メールはエックスサーバーにDNSを設定 Shifter エックスサーバー 独自ドメイン.com

  13. 　　ハマったポイント ContactForm7が使えない 『WP Serverless Forms』を使いこなせなかった

  14. Googleフォームを入れ込みました Googleフォーム

  15. Generateしないよ！ 　　ハマったポイント

  16. 修正したものの、再度試したGenerateも進まず。 テーマにエラーがあるよ

  17. 古くて更新されてないプラグインを削除 プラグインにもエラーがあるよ

  18. 無事にGenerateできました！

  19. 　この時の学び テーマとプラグインの PHPチェックをきちんとする 『PHP Compatibility Checker』でお手軽チェック。 https://ja.wordpress.org/plugins/php-compatibility-checker/

  20. FTPは使えない プラグインがエラーになったので止めたいんやけど・・・ 　　ハマったポイント

  21. Safe Modeがありました プラグインを全部無効化した状態で無事にログイン。 該当プラグインを削除して めでたしめでたし。 　　うれしかったポイント

  22. 続。FTPは使えない テーマ内の画像差し替えとかcssとかめっちゃ触りたい 　　ハマったポイント

  23. テーマとGitHubの連携 GitHubと連携することで更新ができるプラグイン 『Shifter Github Plugin/Theme Installer』

  24. が、しかし。

  25. Githubの超基本的なことがわかってないと 説明書きの意味がわからない 説明はとっても丁寧に書かれてます。 https://www.digitalcube.jp/shifter/10479/

  26. 例えば

  27. 『.github/workflows/release.yml』 のファイルを自分のリポジトリにコピーして・・・という手順 『ファイルを新規で作ってコピペする』の やり方がわからない

  28. FTPみたいに階層ごとにフォルダを作るのかなー？と思ってやってみたら違うし そもそもフォルダってどうやって作るんやろ？Create fileってフォルダやないよなあ。 どこにコピペしたらええんやろ？？うーん管理画面意味がわからん・・・ ※この時点でアップロードも新規追加も知りません ? ? ? これが初心者です。お恥ずかしい。 一度こころ折れました。Shifter関係ないけど。

  29. その他にも

  30. GitHub Actionsも理解してなかった 動作完了を待つために小休憩することで解決

  31. 最初に更新通知を見た時の感動は 言い表せません めっちゃ達成感。

  32. テーマとGitHubの連携が Shifter最大の難関でした でも、なんとかクリア！

  33. 　実際にサイトを運営してみて Shifter、サイト管理がめっちゃ楽ですね。

  34. セキュリティとか気にしなくていいし。 表示もめっちゃ早い。

  35. トラブった時に サポートに気軽に相談できるという安心感。

  36. デザイナーも、怖がらずに使ってみて欲しい エンジニアじゃなくても使えるよ！

  37. ありがとうございました