制作実績サイト制作ブログカスタマイズアメブロカスタマイズワードプレスご依頼・お見積りのお申込みご注意事項よくあるご質問-FAQ制作実績サイト制作アメブロカスタマイズワードプレスご依頼・お見積りのお申込みご注意事項コーポレートサイトにおすすめのWordPressテーマ!!詳細はこちら▶▶ホームWordPressGutenbergGutenbergのカラムブロックでポートフォリオページを爆速で作る2019/07/08SHAREツイートシェアはてブLINEPocketGutenbergでポートフォリオページ(製作実績のページ)を作ってみたらめちゃくちゃ簡単・便利だったのでご紹介します。写真やイラストなどをたくさん並べて表示するポートフォリオページやギャラリーページとカラムブロックは相性ピッタリです。SANGOでポートフォリオページを作ってみた。制作動画カラムブロックの挿入方法Gutenbergのブロック追加+でレイアウト要素>カラムと進み追加します。カラム数の変更は下の動画をご参照下さい。カラムがもっと操作しやすくなっています。2019SANGOでポートフォリオページを作ってみた。このブログでも使っているWordPressテーマSANGOでポートフォリオページを作ってみました。ページ属性>テンプレートで1カラム(サイドバー無し)を選ぶポートフォリオページはサイドバーなしのシングルカラムのページレイアウトがオススメです。カラムブロックを追加カラム数は3~4くらいに設定します。画像へのリンクはエディター右メニューでリンクURLを設定できます。こんな感じになります出来たページはこんな感じです。テキストリンクはなく画像だけの方がおしゃれかもしれませんね。Monkeyでもポートフォリオページを作ってみました。Blocksで最近リリースされた「ブロークングリッド」セクションのブロックを使うとおしゃれな今どきっぽいページが爆速で作れます。テーマの組み合わせでブロークンブロックとカラムブロックを使う様子を撮ってみました。今までグリッドレイアウトを作るときはいちいちHTMLを書いていましたが、Gutenbergのカラムを使えば一切HTMLを触ることなくノーコーディングでスピーディーにページ制作が出来ます。Monkeyのみで使えます。今まで時間がかかって億劫だったポートフォリオページ制作も手軽に更新できますね。若干慣れないと使い方がわかりにくいかもしれませんが、Gutenbergはどんどん進化しています。実際Gutenbergエディターを触って「速さ」を体感してみて下さい。WordPressを始める方向けProfileみにまる@うれしデザインweb制作やデザイン、その他好きなことを書いていきます。当サイトの記事に関するご質問はお問い合せフォームでは受け付けません。Twitterから公開リプライに限りご質問いただけます。(全部に回答できる訳ではありません。)引用について☆引用の範囲内でしたらこのブログの画像・文章・コード転載OKです。引用元をリンク付きでご明記下さい。reserved.ホーム制作例ブログカスタマイズお問い合わせTwitterFeedlySHAREツイートシェアはてブLINEPocket。