Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Mariko Imamura
PDF, PPTX
129 views
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
Shifterミートアップ5/20でお話しした、WEBデザイナー目線での体験談です。
Design
◦
Read more
0
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 37
2
/ 37
3
/ 37
4
/ 37
5
/ 37
6
/ 37
7
/ 37
8
/ 37
9
/ 37
10
/ 37
11
/ 37
12
/ 37
13
/ 37
14
/ 37
15
/ 37
16
/ 37
17
/ 37
18
/ 37
19
/ 37
20
/ 37
21
/ 37
22
/ 37
23
/ 37
24
/ 37
25
/ 37
26
/ 37
27
/ 37
28
/ 37
29
/ 37
30
/ 37
31
/ 37
32
/ 37
33
/ 37
34
/ 37
35
/ 37
36
/ 37
37
/ 37
More Related Content
PDF
MTDDC Meetup NAGOYA 2014_LT資料
by
Yasufumi Nishiyama
PDF
Cssアニメーションとその制御
by
Muyuu Fujita
PDF
20140903 sa business_seminar
by
Yasufumi Nishiyama
PDF
ビジュアルエディタ用CSSで 快適なブログライフを!
by
Yuma Tahara
PDF
だから、Webディレクターはやめられない Z
by
Yasufumi Nishiyama
PDF
Cssnite in sapporovol14
by
Yasufumi Nishiyama
PDF
Director's Night 20130921
by
Yasufumi Nishiyama
PDF
WordPressってこんなCMS
by
Kawakami Hiroko
MTDDC Meetup NAGOYA 2014_LT資料
by
Yasufumi Nishiyama
Cssアニメーションとその制御
by
Muyuu Fujita
20140903 sa business_seminar
by
Yasufumi Nishiyama
ビジュアルエディタ用CSSで 快適なブログライフを!
by
Yuma Tahara
だから、Webディレクターはやめられない Z
by
Yasufumi Nishiyama
Cssnite in sapporovol14
by
Yasufumi Nishiyama
Director's Night 20130921
by
Yasufumi Nishiyama
WordPressってこんなCMS
by
Kawakami Hiroko
What's hot
PDF
私のWordPress勉強法
by
Kazuyuki Takano
PDF
一歩踏み込むWordPress
by
正樹 平野
PDF
WooCommerce & AWS
by
Hidetaka Okamoto
PDF
WordBench京都9月号
by
Koji Asaga
PDF
メニューは管理画面で設定できるようにしよう
by
Mayuko Moriyama
PDF
WordPress 初心者からの脱出 #tohokuitfes
by
Kazue Igarashi
PDF
作品は誰かに見てもらった方が良い!
by
Makiko M
PDF
Designer Meets Bootstrap(22th Knock!)
by
Yasuhito Yabe
PDF
WordPress ユーザーのための a-blog cms 入門
by
Akiko Kasaya
PDF
DigitalCubeのリモートワーク
by
Kazue Igarashi
PPTX
Azure上でec cubeを運用するポイント
by
Makoto Nishimura
PDF
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
by
schoowebcampus
PDF
はたしてHTML5でご飯は食べれるのか。
by
Yachiyo Suzuki
PPTX
超初心者でもできた!AzureMobileService JSバージョン
by
Yuriko Kamimori
PDF
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
by
Yasufumi Nishiyama
PDF
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
by
Yasufumi Nishiyama
PDF
3 presen
by
asaoeiji
PDF
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
by
Horiguchi Seito
PDF
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
by
Masayuki Abe
PDF
Exbition slide
by
koukiurao
私のWordPress勉強法
by
Kazuyuki Takano
一歩踏み込むWordPress
by
正樹 平野
WooCommerce & AWS
by
Hidetaka Okamoto
WordBench京都9月号
by
Koji Asaga
メニューは管理画面で設定できるようにしよう
by
Mayuko Moriyama
WordPress 初心者からの脱出 #tohokuitfes
by
Kazue Igarashi
作品は誰かに見てもらった方が良い!
by
Makiko M
Designer Meets Bootstrap(22th Knock!)
by
Yasuhito Yabe
WordPress ユーザーのための a-blog cms 入門
by
Akiko Kasaya
DigitalCubeのリモートワーク
by
Kazue Igarashi
Azure上でec cubeを運用するポイント
by
Makoto Nishimura
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
by
schoowebcampus
はたしてHTML5でご飯は食べれるのか。
by
Yachiyo Suzuki
超初心者でもできた!AzureMobileService JSバージョン
by
Yuriko Kamimori
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
by
Yasufumi Nishiyama
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
by
Yasufumi Nishiyama
3 presen
by
asaoeiji
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
by
Horiguchi Seito
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
by
Masayuki Abe
Exbition slide
by
koukiurao
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
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.
ありがとうございました
Download