潤一デジタルマーケティング専門家、ブログ集客の専門家。ブログ・SNS活用・SEO・動画などなど現代のデジタルメディアを使ったマーケティングが大好物。【好き】⇒妻・娘・愛犬チワワ・漫画を描くこと・FF14。大阪吹田の千里ニュータウンを愛す。詳しいプロフィールはこちらどうも、JUNICHIです。ブログを書いていて、上の画像みたいな感じでブログ記事の本文の途中で、左側が画像で右側が文字、のように分割する感じです。いう事をしたいって思った事はありませんか?このように、縦の列で本文を区切った部分を『カラム』って言います。今回は、WordPressでブログを運営しているなら、本文の途中だけをカラムで分割するのは超超超簡単だよ!っていう話をします。縦に列で分けた幅の事です。イメージしやすいように図を使って説明しますね。2カラムとは?縦の幅を2列に割ったのが2カラムです。↑の図のように均等に2分割する方法もありますし、以下の図のように、左右の幅のバランスを変える事もできます。例文のように、こんな感じで画像二つを横に並べる事もできますし、左右どちらかを文字にすることもできます。■画像を二つ並べたもの※注意:スマホやタブレットで見ると、左右に並ばずに上下になっていると思います。■文字が左側、画像が右側とても綺麗な秋の風景ですね。こんな風に、左側に画像の説明文を持ってくることができます。注意点としては、これがスマホやタブレットで見ると、左側のものが上に、右側のものが下に来るようになります。2カラムっていうのをイメージできましたでしょうか。逆に、左側が広め、右側が狭いっていうスタイルにもできたりします。実際僕のサイトでも、このアンバランスな感じのスタイルで記事を作っているものもあります。下の画像のような感じです。今回ご紹介する方法で実践すると、2カラムはスマホやタブレットの時はこうなる実は、今回ご紹介する方法を使うと、PCで見た時はちゃんと縦に2分割されるんですが、スマホで見た時は上の図のような感じになります。左側にあったものが上、右側にあったものが下にくるようになります。これだけご注意ください。3カラムとは?2カラムが分かったらイメージしやすいですよね。2カラムが縦に2列分割したものだったら、3カラムは縦を3分割したものですね。今度は縦に3分割しただけです。画像を三つ横に綺麗に並べたい場合や、真ん中の2だけ文字にしたりっていうのができます。3カラムはスマホで見た時はこうなる左・中・右に配置されていたものが順番に上・中・下にレイアウトが変わります。これもご注意ください。Ultimate』を使って本文中を2カラム・3カラムに分ける方法お待たせしました。カラムについて理解してもらったところで、実際にあなたのサイトでもできるようにしてみましょう。Ultimateっていうプラグインをインストールして有効化しましょう。プラグイン?え?それどうやったらいいの?っていうあなたは、以下の通りにしてみてください。Ultimate」というのが出てくるので、プラグインの名前が合っているか確認して『今すぐインストール』をクリック↓インストールが終わったら、ちゃんと『プラグインを有効化』をクリックしておきましょう。これで、まず準備は整いました。手順2)記事を2カラム(左右を半分ずつ)に分けてみよう。以下のコードをコピーして、記事の本文中に貼ってみて下さい。size="1/2"]★ここに右側★[/su_column][/su_row]次に、★ここに左側★という所の1行分を★ごと消します。代わりにここに、2カラムの左側に表示させたい文字や画像を入れて下さい。以下のように黄色く網掛けをした部分に挟まれた部分が、左側に出ます。同じように、★ここに右側★と書いてある所を★ごと消して、代わりに2カラムの右側に表示させたい文字や画像を入れます。すると、2カラムの右側に出ます。黄色く網掛けした部分に挟まれた部分が右側に出るようになります。ここまではOKでしょうか。これで2カラムの分割ができました。