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

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

自己紹介今村真理子神戸でフリーランスのWEBデザイナーしてます。 2児のオカンです。ここ数年はバイクツーリングにハマってます。デザインして構築して、サイト制作してます。 PHPはおまじないだと思ってます。 @kamesanzzz https://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、サイト管理がめっちゃ楽ですね。

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

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

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

ありがとうございました

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

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

More Decks by Mariko Imamura

Other Decks in Design

Featured

Transcript