クライアントwoocommerceのレイアウトを変更ください。あららーっ、やっぱりかー。要請来るだろうなぁと心のそこでは思いつつ、来なかったらいいなと楽観的に考えてたんですが、世の中そんなに甘くはないですね。アオキ一度やりますと言った以上はしっかりやらないとな。グーグル先生に聞いてみる事にしたんです。的なキーワードでいくつも調べてみたのですが、これがなかなか見つからない。woocommerceのプラグインのフォルダの中にある「template」フォルダをまるっとコピーして、テーマフォルダの直下に保存して、「woocommerce」というフォルダ名に変更したら、あとは自由にレイアウト変えれますよ、と書いてあり、やってみるも、ファイルが多すぎてわけわからん状態に。肝心のレイアウト変更の方法がわからない。どのページを見ているかわからないという場合はこのプラグインがオススメです!<<追記予定>>ざっと3時間くらい苦悩して、ふと閃いたんです。アオキそっか、英語で調べたらええやん。アオキ文字だけで見るのしんどいから、Youtubeで探してみよ。的なキーワードで調べてみました。おおーっ、いっぱいあるやーん。どれがいいか全然わからーん。わかりやすそうな動画を選んでみました。英語だけどめっちゃゆっくり話してくれてるし、しっかり動画もソースが見えるし・・いやぁ、ようやく光明がみえました。アオキこれならいけるわ・・と。前置きだいぶ長くなりましたが、ここからが本題でございます。手順は6つでございます。「template_bak」など4.テーマフォルダ直下に「page.php」をコピーして、「woocommerce.php」を作成5.フックに合わせて「function.php」に追記6.HTML+CSSでレイアウト調整1〜4はwordpressテーマを触っているならなんとなく分かると思うので、今回のポイント5を解説しますと、woocommerceのレイアウトを変更するには、『woocommerceのフック』を使う必要があります。書いてる箇所がずらりとコメントされています。このコメントにそって、例えばタイトルを消したいとか、表示順を変えたいという項目を、「functions.php」で調整してあげればいいんです。参考までに、「functions.php」の例を記載しておきます。変更したい内容を書くことで、タイトルや金額を表示させないようにしたり、表示の順番を入れ替えたりできると。して2番目に表示させた、という感じです。表示順さえ変えれれば、あとはHTML+CSSでレイアウト調整すればOKですね。woocommerceのレイアウトを変えるならフックをしっかり見ること今回もクライアントさんに勉強させていただきました。「functions.php」に追記して、更新してみると。時間使いましたが、また一つスキルアップできたので御の字ですね。)mアオキのツイッターアカウント。Wordpress検索プロフィール世界のアオキ問題発見と解決のための新時代の教育を。STEAMも、プログラミングも。テスト用の知識ではなく世界を変える知識を。CoderDojo熊本支部の中の人。難しい事をわかりやすく伝える事に喜びを感じております。尊敬する人はレオナルド・ダ・ビンチ(雑食系天才)。ゴルフできません(汗YoutubeTwitterFacebookInstagram最近の記事2020.02.14AR/VRエンジニアの求人が1400%増というレポ...昨日だったか、気になる記事を見つけました。米国を中心にした開発者向け求人プ...2020.02.13【Laravel】フロントエンドをわかりやすくまと...初心者向けに『Laravel』解説の追加動画を撮影中で、これは公開してもいい...2020.02.12【Laravel】初心者の向け追加動画撮影中【Ud...少し前に『Udemy』向けに『PHP』の講座を開設しまして。DXの到来を見据えて久々に衝撃的な本でした。『アフターデジタル』。