記事を分割表示するShortcodes by Angie Makesの「Columns」

更新日:

Shortcodes by Angie Makesの【 Colum 】はページを分割表示するレイアウトができる機能です。WordPressのレスポンシブ対応テーマを利用するとスタイルシートをカスタマイズするのに知識が必要です。文章だけで構成できる記事なら比較的簡単に作りことができますが、企業サイトのように製品やサービスをアピールするにはレイアウトを操作したくなります。ビジュアル編集画面で分割したいレイアウトを選択するだけでショートコードがページに埋め込まれます。

Shortcodes by Angie Makes

Screenshot of ja.wordpress.org

Shortcodes by Angie Makes プラグイン・ディレクトリ

「Shortcodes by Angie Makes」は記事のレイアウトや見た目をHTMLやCSSの知識がなくてもショートコードで充実させることができるプラグインです。インストールするとビジュアルモード画面にボタンが表示されます。ボタンをクリックするとColumns,Elements,Content,Posts,Actions,Wrappersから選択し記事を編集することができます。

  • このプラグインでできることは、レイアウトや見た目をHTMLやCSSの知識がなくてもショートコードで充実させることができる。
  • このプラグインの名称は「Shortcodes by Angie Makes」
  • プラグインディレクトリのページ
  • ライセンスは無償
  • 必須WordPressバージョンは3.7
  • 検証済みバージョンは4.7.7
  • 管理画面の言語は英語
  • アクティブインストールは40,000+
  • インストールするには、ダッシュボード → プラグイン → 新規追加 → 検索 → Shortcodes by Angie Makesで検索 → インストール → 有効(プラグインのエラーが発生した時の回復方法

実装されているショートコード

  • Columns(カラム・列)
  • Elements(要素)
  • Content(コンテンツ)
  • Posts(投稿)Posts(投稿)
  • Actions(アクション)
  • Wrappers(ラッパー)

※「Shortcodes by Angie Makes」のショートコードのデモサイトです。

Colum

分割できるサイズは下記のようになっています。

  • 1/2 + 1/2
  • 1/3 + 1/3 + 1/3
  • 1/3 + 2/3
  • 2/3 + 1/3
  • 1/4 + 1/4 + 1/4 +1/4
  • 1/4 + 1/2 + 1/4
  • 1/2 + 1/4 + 1/4
  • 1/4 + 1/4 + 1/2
  • 1/4 + 3/4
  • 3/4 + 1/4

Colum の使用例

1/2分割でレイアウトすることができます。

1/2 +1/2 左・上
1/2 +1/2 右・下

モバイル端末では左側が上に、右側が下にレイアウトされます。

■ 1/3 + 1/3 + 1/3 「Columns」ショートコード

3分割レイアウトです。

1/3 + 1/3 + 1/3
1/3 + 1/3 + 1/3
1/3 + 1/3 + 1/3

■ 1/3 + 2/3 「Columns」ショートコード

1/3
2/3

SEOの設定ができるプラグイン

WordPressにはSEO(検索エンジン最適化)をヘルプしてくれるプラグインが揃っています。

サイトをバックアップするプラグイン

バックアップはWordPressのサイトを運用する上でとても重要なことです。何時、WEBサーバーやデーターベースサーバーが壊れてしまうかわかりません。

-プラグイン

Copyright© WordPressの使い方 , 2020 All Rights Reserved Powered by STINGER.