それぞれのカラム … WordPressにはギャラリーという、サイトに写真をまとめて表示できる機能があります。 ここでは、ギャラリーの使い方やおすすめプラグインを丁寧に解説しているので、悩んでいる方はぜひ参考にし … 本記事はWordPressテーブルプラグインの徹底ガイドです。テーブルレイアウトを活かす方法とプラグインの種類を解説します。最後にWordPressテーブルプラグインのベスト10を、手短な構築手順と … 最新の投稿. 固定ページや投稿ページで記事を3カラムに表示する方法｜プラグイン『Shortcodes Ultimate』で解決！ 今やプラグインを利用すればできないことはないと言われるCMSのWordPress。その素晴らしさを、あらためて感じさせるプラグイン「Page Builder」を利用してみました。WordPressの固定・投稿ペー … 以前、同様の記事で"Post Grid"というプラグインを紹介しましたが、「設定項目が多すぎてよくわからない」や「もっと自由にやりたい」という人におすすめのプラグイン"WP Show Posts"を紹介。デザイ … WordPressにおける「基本的な画像の挿入方法や編集方法」を手順つきで現役デザイナー解説します！画像は適切なサイズ・見やすさで活用することが重要です。便利なプラグインもご紹介しますの … WordPress lhpm. デジタルマーケティング専門家/デジタルマーケッター・ブログ集客専門家 時々 おもろいおっさん, 上手く伝わるかな。ブログを書いていて、上の画像みたいな感じでブログ記事の本文の途中で、左側が画像で右側が文字、のように分割する感じです。こういう事をしたいって思った事はありませんか？, 今回は、WordPressでブログを運営しているなら、本文の途中だけをカラムで分割するのは超超超簡単だよ！っていう話をします。, 縦の幅を2列に割ったのが2カラムです。例えば↑の図のように均等に2分割する方法もありますし、以下の図のように、左右の幅のバランスを変える事もできます。, 例えば例文のように、こんな感じで画像二つを横に並べる事もできますし、左右どちらかを文字にすることもできます。, こんな風に、左側に画像の説明文を持ってくることができます。注意点としては、これがスマホやタブレットで見ると、左側のものが上に、右側のものが下に来るようになります。, 実際僕のサイトでも、このアンバランスな感じのスタイルで記事を作っているものもあります。下の画像のような感じです。これはこれでええ感じですよね↓, 実は、今回ご紹介する方法を使うと、PCで見た時はちゃんと縦に2分割されるんですが、スマホで見た時は上の図のような感じになります。, つまり、左側にあったものが上、右側にあったものが下にくるようになります。これだけご注意ください。, 2カラムが分かったらイメージしやすいですよね。2カラムが縦に2列分割したものだったら、3カラムは縦を3分割したものですね。イメージとしてはこんな感じです↓, 分かりますよね。今度は縦に3分割しただけです。なので、画像を三つ横に綺麗に並べたい場合や、真ん中の２だけ文字にしたりっていうのができます。, 左・中・右に配置されていたものが順番に上・中・下にレイアウトが変わります。これもご注意ください。, お待たせしました。カラムについて理解してもらったところで、実際にあなたのサイトでもできるようにしてみましょう。, プラグインのインストール方法なんて知ってるわ！っていうあなたは、Shortcodes Ultimateっていうプラグインをインストールして有効化しましょう。, プラグイン？え？それどうやったらいいの？っていうあなたは、以下の通りにしてみてください。, ↓右上の検索窓に『Shortcodes Ultimate』と入力してENTERキーを押す, ↓ 「Shortcodes Ultimate」というのが出てくるので、プラグインの名前が合っているか確認して『今すぐインストール』をクリック, ↓インストールが終わったら、ちゃんと『プラグインを有効化』をクリックしておきましょう。, 以下のコードをコピーして、記事の本文中に貼ってみて下さい。（ビジュアルモードでも、テキストモードでもどちらでもいけます）, 次に、★ここに左側★という所の1行分を★ごと消します。代わりにここに、2カラムの左側に表示させたい文字や画像を入れて下さい。つまり、以下のように黄色く網掛けをした部分に挟まれた部分が、左側に出ます。, 【su_column size=”1/2″】★ここに左側★【/su_column】, 同じように、★ここに右側★と書いてある所を★ごと消して、代わりに2カラムの右側に表示させたい文字や画像を入れます。そうすると、2カラムの右側に出ます。, 【su_column size=”1/2″】★ここに右側★【/su_column】, ここまではOKでしょうか。これで2カラムの分割ができました。じゃあ、次は応用編です。, あとは、★ここに左側★、★ここに右側★のところに好きな文字や画像を入れたらOKです。, 応用編１や２の数字を1/4と3/4や、1/5と4/5などに変えると更に幅が変わりますので試してみて下さい。, 2カラムはだいたい分かりましたね。じゃあ次に、縦に3分割する方法なのですが、以下のコードを使うだけです。以下のコードをコピーして本文に貼ってみて下さい。（ビジュアルでもテキストでもどちらのモードでもOK）, あとは、★ここに左側★になっている部分に一番左に表示させたい文字か画像で置き換えしてください。中央や右側も同様にやってみて下さい。, ちなみに、3分割の場合はそれぞれの幅を1/2＋1/4＋1/4などと変える事もできます。数字を変えて試してみて下さい。, このShortcodes Ultimateっていうプラグインを使えば、WordPress初心者でも難しいコードを使わずに簡単にカラムで分割することができます。, ちなみに、今回ご紹介したショートコードをAddQuickTagというプラグインに登録しておくと、いつでも簡単に本文に挿入ができるのでやってみて下さい。, ⇒便利なプラグイン「AddQuicktag」の使い方を知らないWordPressユーザーは人生損してる, さらに、Shortcodes Ultimateって超便利なプラグインなので色んな機能をまた別の機会に解説しますね！, 今までの僕のブログ集客のノウハウを全部つぎ込んで しかも無料で配布することにしました。, 【今すぐ読める無料Ebook】 広告費を一切使わずブログだけで 19,000人以上を集客した全手法！, 初心者でもできた！WordPressブログにSSLを導入してhttps化する方法【Xserver使用】, 遊びまくれ！ど素人でもCSSを使わずにWordPressブログにアニメーションを付ける方法, […] 参照：ジュンイチ―プラグイン『Shortcodes Ultimate』を使って本文の途中だけを簡単に2カラム・3カラムに分割する方法 […], […] プラグイン『Shortcodes Ultimate』を使って本文の途中だけを簡単に2カラム・3カラムに分割する方法 […], 【好き】妻・２人の娘・大阪北摂・沖縄・ディズニー・ドライブ・カメラはNikon D850&FUJIFILM X-T2, ■講演内容 WordPress構築・運用関連、コンテンツSEO、Googleアナリティクスを使った分析&サイト改善、SNSマーケティング（ソーシャルメディア）の活用、講師としての話し方 など。, ・2015年2月 関西ビジネスサテライト様主催セミナー登壇 ・2015年～ WordPress構築ワークショップ講師 ・2015年～ コンテンツSEOセミナー講師 ・2016年 WEBメディア評論家の落合正和氏と共同開催 ・2016年 バンタンデザイン研究所 SNSマーケティング講師 ・2017年 B.S.TIMES様主宰セミナー講師 ･2018年 デジタルマーケッター育成講座 ブロガーが生き残るには？セミナー（東京71名） ブロガーが生き残るには？セミナー（大阪64名） などなど。 ･2019年 デジタルマーケッター育成講座 ECC様「0から始めるWeb集客」教材監修 インテリアコーディネーター協会関西様セミナー講師, 2020/7/7 別所哲也さんの J-WAVE TOKYO MORNING RADIO 「アメリカで広がるSNS広告のボイコット」 について解説させていただきました。, ▼ブログを月間50万PVまでアクセスアップさせた全手法 ブログのアクセスアップをさせるために必要な情報をすべて詰め込んています。ぜひ、すべての記事を順番に読んで実践するだけで、資産になるブログを運営することができます。, ●ブログ初心者が必ず守らないといけない約束 ●ブログのアクセスアップと記事数は関係ない!? Copyright© デジタルマーケティング専門家/デジタルマーケッター松原潤一のブログ , デジタルマーケティング専門家、ブログ集客の専門家。ブログ・SNS活用・SEO・動画などなど現代のデジタルメディアを使ったマーケティングが大好物。【好き】⇒妻・娘・愛犬チワワ・漫画を描くこと・FF14。大阪吹田の千里ニュータウンを愛す。北摂によく出没。, デジタルマーケティング専門家/デジタルマーケッター/ブログ集客専門家/ 現代Web活用研究家 / オンラインワーク推進家 /youtuber, プラグイン『Shortcodes Ultimate』を使って本文の途中だけを簡単に2カラム・3カラムに分割する方法 | デジタルマーケティング専門家/デジタルマーケッター松原潤一のブログ, WordPressのプラグイン『Shortcodes Ultimate』を使って本文中を2カラム・3カラムに分ける方法, WordPress構築・運用関連、コンテンツSEO、Googleアナリティクスを使った分析&サイト改善、SNSマーケティング（ソーシャルメディア）の活用、講師としての話し方 など。, Googleの検索上位に入るために必要なブログの書き方をまとめました。どんなキーワードを選んだらいいのか？どんなコンテンツを作ればいいのかを順番に実践してみてください。, メルマガを使うことでブログから集めた見込み顧客にあなたの販売したい商品・サービスをさらに販売しやすくできます。ここではストーリーを交えてメルマガノウハウをお伝えします。, 当ウェブサイトでは、お客様に最適な情報を提供するなど快適にご利用いただくためにクッキー（Cookie）を使用しています。引き続き閲覧する場合、クッキーの使用に同意下さい。, 便利なプラグイン「AddQuicktag」の使い方を知らないWordPressユーザーは人生損してる, Shortcodes UltimateプラグインはCSSが苦手な人にもホントに重宝する！ | Love Wife Life, 【WordPress】運用開始から7か月！おススメのプラグイン13種 | 福女アンテナ, ▼仕事を辞めたい！とスキルも知識も実績も０で起業した僕が、半年で軌道に乗せるためにやった10の事. こんにちは。ライターのmuramatsuです。Wordpressを使って記事を書く際に、 表(テーブル)を挿入したいな と思ったことはありませんか？よく使うことのあるテーブルですが、思い通りに表示されなかったり、意外と時間がかかってしまうことがあります。 今回はWordpress … WPプラグインElementor … プラグインをインストールする前に、WordPressのデータベースを必ずバックアップして下さい。サーバー環境によってはプラグインにエラーが発生する場合があります。十分にご注意下さい。 プラグインはいきなり本番環境に導入せず、別に用意したテスト環境で試した上で本番環境に導入すること … ここで紹介する機能を利用するには、DigiPress 専用プラグイン「DigiPress Ex – Blocks Free」または「DigiPress Ex – Blocks」が必要です。, 「DigiPress Ex – Blocks」プラグインを利用することで、WordPress のエディターにおける標準ブロックである「カラム」ブロックに対して様々な拡張機能を利用できるようになります。, 実際に拡張される機能の概要とその操作方法については、まずは以下のムービーをご覧ください。, テーカラムブロックを追加するには、ブロック追加ボタンをクリックし【レイアウト要素】セクションの「カラム」を選択します。, 2カラムまたは3カラムの場合は、本プラグインの拡張機能によって各カラムの表示幅の比率を予め用意されたレイアウトから選んで変更することができます。, カラムレイアウトを変更するには、右側の設定サイドバーの【その他の設定】→「カラムレイアウト」から選択します。, 最新のブロックエディター仕様の「Gutenberg」プラグインでは、各カラムごとで表示幅をパーセンテージで変更できる標準オプションが追加されています。この機能が WordPress のブロックエディターとして正式に搭載された場合は、本プラグインのカラムレイアウト機能は不要となり排除対象となります。, 各カラムをマウスオーバーした際にボックスシャドウを表示させることができます。シャドウを表示するには、設定サイドバーの【その他の設定】→「マウスオーバーでシャドウを表示」をオンにします。, 各カラムに枠線を表示することができます。ボーダーを表示するには、設定サイドバーの【その他の設定】→「各アイテムに枠線表示」をオンにします。, カラムブロック内の各コンテンツの水平方向に対する配置方法を変更できます。配置を調整するには、設定サイドバーの【その他の設定】→「水平方向の配置」から目的の配置方法を選択します。, カラムブロック内の各コンテンツの垂直方向に対する配置方法を変更できます。配置を調整するには、設定サイドバーの【その他の設定】→「垂直方向の配置」から目的の配置方法を選択します。, 標準のカラムブロックでは、2〜6カラムまで指定でき、ブラウザの表示幅が狭くなるにつれてカラム数を減少させることでレスポンシブ表示に対応していますが、カラム数が奇数の場合、最後の段(行)で必ずアイテムエリアが空いた状態になってしまいます。, このような状態が好ましくない場合は、本プラグインによる拡張機能によって規定の表示幅以下(レスポンシブ表示)になったら、ブロック自体の表示幅を固定し、オーバーフローした部分は横スクロールして表示を可能にするスタイルに変更できます。, オーバーフロー時に横スクロールを有効にするには、右側の設定サイドバーにある「その他の設定」から「横スクロールを許可」トグルをオンにします。, 表示幅が 599ピクセル以下になった場合は、カラム数に関係なく横スクロールは解除され1カラムで表示されます。, 以下に実際のカラムブロックを表示します。ブラウザの幅を可変することで、レスポンシブ表示時の違いを確認できます。, DigiPressのオリジナルブロックを含め、WordPressのブロックエディターによるコンテンツを記事本文以外のウィジェットエリアに表示するには、「DigiPress Ex – Blocks」プラグインの「再利用コンテンツ」機能を利用することで実現できます。, 本プラグインのアップデート後、エディター上のブロックで「このブロックには、想定されていないか無効なコンテンツが含まれています。」と表示された場合、旧バージョンから仕様が変更された可能性があります。, この場合は、HTML やクラシックブロックに変換せずに、必ず「ブロックのリカバリーを試行」を選択してアップデート後のバージョン仕様としてリカバリーしてください。, 「ブロックのリカバリーを試行」を実行しない限り、既存のブロックは従来のバージョンの状態のままで表示されます。, DigiPressの特徴DigiPress専用プラグインAMPモードの仕様Facebookでフォロー, WordPress のブロックエディターを飛躍的に強化する DigiPress Ex – Blocks プラグインによる編集機能を紹介しています。, WordPress のブロックエディターの使い勝手を大幅に向上させる DigiPress Ex – Blocks プラグインの「再利用コンテンツ」機能を紹介しています。, HTML やクラシックブロックに変換せずに、必ず「ブロックのリカバリーを試行」を選択してアップデート後のバージョン仕様としてリカバリー, DigiPress Ex – Blocks/Blocks Free : 2020.10.23 アップデート, DigiPress Ex – Blocks/Blocks Free : 2020.10.3 アップデート, DP Ex – Shortcodes にスクロールフェードテキストショートコードを追加, DP Ex – Blocks / Blocks Free プラグインに「タイムライン」ブロックを追加, display:inline-block で正確な幅を指定しても横並びにならず改行されてしまう場合の対処方法. DigiPress. 今月リリースされたWordPress 5.3はもう試されましたか？5.3ではブロックエディタの機能が強化され、さらに使いやすくなりました。 その中でも、カラムブロックがより直感的に操作できるように … WordPressのどんなテーマファイルでも、どんなページでも、どんなデザインでも、ページごとに自由なレイアウトを作成できる便利なプラグインを紹介します。 これ系のプラグインは有料が多いです … WordPressのブログ記事を、簡単に「2カラム・3カラム」に変更できるプラグインが 「Shortcodes Ultimate」（ショートコード アルティメット）です。 プラグインをインストールし、記 … イベント カレンダープラグイン XO Event Calendar; 2019.08.27 Lightningの投稿タイプページを1カラムしてみました。 2018.12.08 WordPress 5.0 が、なんかヤバい？ 2018.08.01 WordPressにログインできない場合の対処法; 2018.06.30 WordPress … 上記の指定だけでカラム表示はOKです。 でもスマホで3カラム以上並べると小さくて非常に見えにくくなります。 そこで「Easy FancyBox」プラグインと組み合わせると画像をクリックすると、 元のサ … ウェブ制作・IT 2020.12.09 WordPressのカスタマイズは子テーマ？プラグイン？ ウェブ制作・IT 2020.12.08 できる！WordPressをカスタマイズする上で最低限知っておきたいPHP超入門 カスタムカラムメーカープラグインは、WordPress の管理画面の投稿やページの一覧画面に任意のカラムを追加する事が出来るプラグインです。 WordPressの使い方 2018.10.29 【Mac編】作業効率5倍！WordPress のショートカットキーおすす… WordPressの使い方 2018.11.7 プラグインで瞬殺！アフィリエイトリンクを一括差し替えて変更す … カラムレイアウトの変更 (2〜3カラムの場合) カラムのマウ … 無料プラグイン『WordPress Page Builder』 ... Builderを使ってレイアウトを構成しています。 まず、どんなページが作成できるのか、1カラムでレイアウト無しのテンプレートを使ってサンプルを作って … WordPressのプラグインでCSSをカスタマイズする2つの方法 2017/06/23 / 最終更新日時 : 2017/09/19 山本 悟 コラム CSSをカスタマイズできれば見た目を100%コントロールできます。 WordPressでは、プラグインを使用して各記事の閲覧数からランキングを自動的に生成し人気記事をサイドバーなどに表示させることができます。 ここでは人気ランキングを作成・公開することのできるプラグインを紹介していきます。(これらのプラグイン … INDEX. 左側のカラムに画像ブロックを、右側のカラムに段落ブロックを追加してみます。. 今回は、WordPressでブログを運営している人向けに、記事本文の途中を2カラムや3カラムに分割する方法を解説します。プラグインのShortcodes Ultimateを使えば初心者でも簡単にカラム分割をする … 本記事ではWordPress(ワードプレス)5.0から標準エディタとなったブロックエディターの使い方を解説していきます。ブロックエディターでは、ブロックという単位を組み合わせてページを作成する仕 … この記事ではWordrpressサイトにFAQ（よくある質問）ページを追加するのに使えるプラグインを7つご紹介します。基本的なFAQの機能はどのプラグインも似たり寄ったりですが、デザインや表示設定 … WordPressには、テーブル(表)を作成・挿入するためのプラグインがあります。中でも、機能が豊富なうえ日本語に対応している「TablePress」プラグインがおすすめです。WordPressには、テーブルを手軽に作成するための標準機能がないため、HTML初心者にはプラグイン … WordPress 2014.10.29 【WordPressプラグイン】たった1つでタブやスライダーなど45機能が追加できる超堕落系プラグインShortcodes Ultimate; 映像 2014.10.27 【おもしろ】完全素人コ … WordPress設置代行 ... 2カラムのコンテンツを作成するところから説明しましたが、 スマホ表示のカラムを50 ... WPプラグインElementorでLPをサクッと30分で作成する方法 . ●みんなのブログアクセス数の平均は, ▼SEOキーワード選定方法～バンバン検索上位に入るブログ記事の書き方 Googleの検索上位に入るために必要なブログの書き方をまとめました。どんなキーワードを選んだらいいのか？どんなコンテンツを作ればいいのかを順番に実践してみてください。, ●【2016年版】キーワードプランナーの使い方 ●これだけで1日1000人に読まれる11の法則 ●SEO対策は業者に任せちゃダメ！, ▼売るのが苦手ならブログを書け！集客の仕組化をするための5つのステップ ブログで集客をするために必要な考え方と、ブログ集客をするための仕組化について解説。ブログ集客には正しい運営方法があります。真似して実践してみてください。, ●絶対真似してはいけない２つの失敗例 ●フリー戦略に必須の「無料E-book」の作り方 ●競合性が「高」のキーワードで勝てなくてもイイ, ▼誰でもできるWordPressブログの始め方【準備～初期設定完全マニュアル】 ブログで成果を出すために僕がオススメしているのがWordPressを使う事です。独自ドメインを取得してサーバーを借りて独自でWordPressを始める方法を動画付きで解説。, ●WordPressのおすすめテーマ１５選 ●WordPressのおすすめプラグイン一覧 ●ブログマーケッターJUNICHIのテーマ『STORK』, ▼まるで教科書！初心者のためのGoogleアナリティクスの使い方【絶対保存版】 初心者にとって少し難しいGoogleアナリティクス。使いこなしてアクセス解析をできるようになると、さらに成果を出しやすいブログ運営ができるようになります。, ●Googleアナリティクスの基本用語の意味 ●『行動』を分析して集客効果を高める方法 ●アクセス解析の目的とは？, ▼Search Consoleを活用した超お宝キーワード発見術【超保存版】 ブログを運営するうえで是非チェックしておきたいツールの一つ。Googleが正式に提供しているサービスで、これを活用できるとさらに結果をあげやすいブログ運営ができます。, ●Search Consoleっていったい何？ ●Search Consoleの登録方法 ●サイトマップがうまく送信できない時, ▼SNSの活用法｜ブログとSNSを連携して極限までアクセス数を上げる方法 ブログは、SNSをうまく活用することでさらに多くの人に見てもらうことができます。ここではFacebook、Twitter、はてなブックマークの活用法を中心に解説しています。, ▼饒舌なメルマガマーケティング ～平凡なサラリーマン佐伯さんの3カ月間～ メルマガを使うことでブログから集めた見込み顧客にあなたの販売したい商品・サービスをさらに販売しやすくできます。ここではストーリーを交えてメルマガノウハウをお伝えします。, ▼仕事を辞めたい！とスキルも知識も実績も０で起業した僕が、半年で軌道に乗せるためにやった10の事 実際に僕がサラリーマンを辞めて、全く素人の分野で起業してある程度結果を出すことができた経験を中心に記事にしています。, デジタルマーケッター/ブログ集客専門家/ 現代Web活用研究家 。 セミナー開催実績：合計50回以上1000名以上が参加。 主催するブログのオンラインスクールには累計1800名以上が参加。 メルマガ購読者：19,500名以上が購読。, BMS（Blog Marketing School）では、ブログを中心としたデジタルマーケティングを同じ志を持った仲間と一緒に学んで実践できるオンラインスクール＆コミュニティです。. 2016 All Rights Reserved. WordPress のブロックエディターを飛躍的に強化する DigiPress Ex – Blocks プラグインによる編集機能を紹介しています。. レイアウト作成に便利なプラグイン「Page Builder(ページビルダー)」で、HTMLやCSSの知識がなくても、ブロック感覚でページを作成できます。主にホームページ型のサイト作成時に重用できる非常に便利なプラグインです。 カラムブロックの中の「+」（プラス）をクリックしてブロックを追加しましょう。. プラグインを使用すると確かに便利ですが、FAQページを作成する最も簡単な方法は手作業である場合もあります。この方法 … 7. Classic Editorは、WordPressの記事編集エディタを以前のクラシックエディタ（旧エディタ）に戻せるプラグインです。 WordPress5.0以降に搭載されている新しいエディタである「ブロックエディタ」 … 「Shortcodes Ultimate」というWordPressプラグインを使用することで、投稿ページ・固定ページでカラムを使って自由にレイアウトを組むことが出来ます。 画像を左右に並べたり、左にテキスト・右に画像…etcといった配置が出来てしまうんです。 以下は参考になる記事になります。 Shortcodes Ultimateの使い方。WordPress初心者におすすめの、何でもできるプラグイン Shortcodes Ultimate – 50以上の装飾機能を利用できるWo… プラグインを使用せずにWordPressサイトにFAQセクションを追加する方法.