視覚的にわかりやすいワードプレス動画講座はこちら画像ブロックで画像の配置を設定できますが、「メディアと文章」ブロックではより豊富なレイアウトが可能になります。上のスクリーンショットのように「1ブロックの追加」アイコンをクリックし、「よく使うもの」の中にある「メディアと文章」アイコンをクリックしてメディアと文章を追加することが出来ます。「メディアと文章」ブロックが「よく使うもの」に表示されていない場合は、上のスクリーンショットのように「一般ブロック」の中に「メディアと文章」アイコンがあります。何度か使っていると「よく使うもの」に表示されるようになります。「メディアと文章」ブロックです。ブロック上部に6個のアイコン、ブロック内の左側に画像をアップロードするためのボタン、右側にはテキストを入力するための乱が表示されます。メディアエリアへ画像を貼り付け左側のメディアエリアに画像を貼り付けるには3つの方法があります。ファイルをドラッグしてアップロードメディアと文章ブロックの左側、メディアエリアにパソコンのフォルダの画像ファイルをドラッグします。ファイルをアップロード「アップロード」ボタンをクリックし、パソコンのフォルダからアップロードしたい写真を選択してアップロードします。「メディアライブラリ」ボタンをクリックすると既にWordPressにアップロードされている画像が表示されます。そこから貼り付けたい画像を選択します。下に他の種類のブロックアイコンが表示されます。そこに表示されているブロックに変更することが出来ます。メディアと文章ブロックを作成するつもりが、途中で「やっぱり画像ブロックにしよう!」とか思ったときに利用します。右側のコンテンツエリアにはブロックを作成してテキストを入力します。上のスクリーンショットのように見出しブロックを追加してテキストを入力できます。見出しブロックの詳細はこちらまた、上のスクリーンショットのように段落ブロックを追加してテキストを入力することも可能です。段落ブロックの詳細はこちら。その他の種類のブロックも追加可能です。幅広メディアと文章ブロックを幅広で表示します。class="wp-block-media-text__content"><h3>見出し</h3><p>メディアについての文章メディアについての文章</p></div></div>全幅メディアと文章ブロックを全幅で表示します。class="wp-block-media-text__content"><h3>見出し</h3><p>メディアについての文章メディアについての文章</p></div></div>メディアを左に配置メディアを左に配置しコンテンツを右に配置します。class="wp-block-media-text__content"><h3>見出し</h3><p>メディアについての文章メディアについての文章</p></div></div>メディアを右に配置メディアを右に配置しコンテンツを左に配置します。class="wp-block-media-text__content"><h3>見出し</h3><p>メディアについての文章メディアについての文章</p></div></div>垂直配置を変更コンテンツエリアの垂直方向の配置を設定します。縦位置を上にコンテンツエリアの内容を縦方向の上に配置します。class="wp-block-media-text__content"><h3>見出し</h3><p>メディアについての文章メディアについての文章</p></div></div>縦位置を中央にコンテンツエリアの内容を縦方向の中央に配置します。class="wp-block-media-text__content"><h3>見出し</h3><p>メディアについての文章メディアについての文章</p></div></div>縦位置を下にコンテンツエリアの内容を縦方向の下に配置します。「?」のアイコンをクリックすると吹き出しが表示され8つのメニューが表示されます。ブロック設定を非表示ページ右側に表示されている「ブロック設定」のカラムを非表示にできます。複製このブロックを複製します。新しい空のブロックをこのブロックの前に挿入します。新しい空のブロックをこのブロックの後に挿入します。再利用ブロックに追加しておくと、このページだけでなく他のページでも同じ内容のブロックを利用できます。お問い合わせのバナーや会社概要など、複数ページで同じ内容のブロックを表示させたい時に便利です。再利用ブロックは一つを変更したとき他の再利用ブロックにもその変更が反映されます。複数のブロックを選択し「グループ化」をクリックすると選択したブロックをグループとして設定できます。グループごとブロックを移動したり、複製、再利用ブロックに設定、グループ化することでCSSでのデザインをより個性的にすることが可能となります。ブロックを削除このブロックを削除します。「モバイルで重ねる」をオン(青色)にするとスマホなどの小さい画面で見たときには縦に配置します。メディアが左の場合は上にメディア、下にコンテンツの配置になり、メディアが右の場合は上にコンテンツ、下にメディアの配置になります。「カラム全体を塗りつぶすように画像を切り抜く」をオン(青色)にするとコンテンツの高さに合わせて画像の高さが切り取られます。(代替テキスト)」は画像の説明を入力します。2色設定ブロックの背景色を設定します。コンテンツのテキスト色はコンテンツ側のブロックで設定できます。「HTMLアンカー」を設定するとこのページのアンカー部分へのリンクを作成することが出来ます。「追加CSSクラス」はCSSでスタイルが設定してあるときにそのクラスを入力します。投稿のカテゴリーを設定WordPressの投稿はその記事の内容に関連性のある記事をグループに分けカテゴリーとして設定できます。段落ブロック「段落」はページの文章において見やすく、わかりやすくまとめられた文章のまとまりで最も使われるブロックです。段落はHTMLで記述すると以下のとおりです。左上に5つのアイコンがあります。投稿リストブロックリストは箇条書きを作成するときに使います。番号付きのリストもあります。箇条書きのリストはHTMLでは以下のように記述します。番号付きのリストはHTMLでは以下のように記述します。投稿ギャラリーブロック一枚の画像を貼り付ける際には「画像ブロック」や「メディアと文章ブロック」を利用しますが、一か所に何枚かの画像を貼り付ける際には「ギャリーブロック」が便利です。画像こんな記事が良く読まれていますWordPressのインストール後のデザインは?WordPress(ワードプレス)最近のレンタルサーバーはWordPressのインストールが簡単にできますのでWordPressのインストールまでは誰でも戸惑うことなくできるようになりました。困りごとWordPressを簡単にインストールできるレンタルサーバー【1】レンタルサーバーガイドWordPressでWebサイトを制作する方が増えてきましたね。簡単インストールブロガー専用テーマ「ストーク19」WordPressテーマブロックエディター対応テーマWordPressテーマ「ストーク(STORK)19」はレスポンシブデザインで特にスマホでの閲覧のしやすさを第一に考慮して設計されています。レスポンシブデザインお名前.comでドメインを取得しようドメイン取得と各種設定ドメインの取得はレンタルサーバー会社でも取得できますが、一般的に割高であったり、将来サーバーを移転することがあったりした場合手続きが煩雑になる場合もあります。独自ドメインWordPressを簡単にインストールできるレンタルサーバー【2】レンタルサーバーガイドWordPressでWebサイトを制作する方が増えてきましたね。簡単インストールWordPressで作成作業中のWebサイトを見られたくない時にする設定WordPress(ワードプレス)WordPressをインストールしたらまずは最初にやっておきたい設定がいくつかあります。WordPressで作成作業中のWebサイトを見られたくないと思ったときにしておく設定です。WordPress」WordPressプラグインガイド「FancyboxforWordPress」はWordpressに貼り付けた画像、写真を拡大させるときにカッコよく表示させるためのプラグインです。)WordPressテンプレートタグカテゴリーのリストをリンク付で表示させます。リンクをクリックするとそのカテゴリーに属する投稿を表示させることが出来ます。サイドバーで使うことが多いです。見るブロックエディターでコピペで勝手に半角スペースが入って困るときWordPress投稿&固定ページ作成マニュアルWordPressの新しいエディターブロックエディターを使っていると「おや?」と思うのが...「テキストをコピペするとその前後に半角スペースが勝手に入る」っていうこと。困りごとこういう人はホームページ公開、運営で失敗しやすいホームページ作成前に...これまでホームページを公開したことない、運営したことないという方にとって果たしてこれから作成するホームページが効果あるものとなるのかどうかはとても不安に思われることだと思います。見出しWordPress(ワードプレス)このブロックには、想定されていないか無効なコンテンツが含まれています。Reserved.ホームホームページ作成が面倒な方はこちらメールはこちらこのページのトップへメニュ。