Pro Yearly is on sale from $80 to $50! »

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

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

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

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

0a3f975afb192c0aa86e2f2cef37e677?s=128

Mariko Imamura

May 20, 2020
Tweet

More Decks by Mariko Imamura

See All by Mariko Imamura
0a3f975afb192c0aa86e2f2cef37e677?s=48 mariko_s14ninja
0
7

Other Decks in Design

See All in Design
F2231d064e658439a1f0b710b0c9ead0?s=48 nobtak
0
110
32f36540131c92a5ae9bd1f86dd3340c?s=48 mechamomo
1
160
Ed8d0bfdd4badbac64cefb21a5c7ae88?s=48 allenzhangart
0
450
60424662787735ef0fa08846201b77b0?s=48 matsueri
0
1k
07d788425ce835a38da4ab23a537b407?s=48 gavaru
0
190
536c406c2a293397e5139a8694fa212d?s=48 kenhsu
0
1.5k
6dc9d93f9686439079e45277848c1d67?s=48 chadwickw
0
150
7c38faccc2ffcb1f5d2a4344a09d69da?s=48 clow211
0
130
611d5744afc7a95add674225bc6b19b7?s=48 kamera25
2
260
5d6b856d87eac762ba8fb94a002f75af?s=48 storybychad
0
190
12703c2561e45c51802855707969a9b0?s=48 antondraws
0
110
Dd203d9f98c50d1a9bf8348425f84362?s=48 akariinc
0
230

Featured

See All Featured
5f83ef806155b403c3393160ce51f955?s=48 jlugia
216
16k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
609
54k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
109
9.7k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
13
930
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
310
21k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.5k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
258
11k
78b475797a14c84799063c7cd073962f?s=48 holman
460
280k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
69
3.5k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
100
11k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
251
11k

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. ありがとうございました