Web制作コース上級編

WordPressの基礎を学んで実務可能なスキルをつけよう

DAY 20~21

WordPressでショートコードを自作する【Gutenberg対応】

10thステップであるこの記事では、自作ショートコードでボタン作成していきます。

使い回すコードはショートコードとして登録すべし!練習として、問い合わせボタンをショートコードで利用できるようにしてみましょう。

『WPは使ってるけどGutenbergに慣れてない』というWeb制作経験者の方にも読んでほしい内容です。

TIPS

01. 目標物の確認

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

02. functions.phpにショートコード用のPHPを記述する

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

03. エディタでショートコードを利用する【Gutenberg版】

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

04. 演習課題1: コンテンツの最下部に問い合わせボタンを追加する

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

05. 演習課題2:コードをハイライト表示できるようにする【上級者向け】

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる