*

Shortcodes Ultimateの行で文字も画像も横並び

公開日: : 最終更新日:2018/01/02 WordPress

Shortcodes Ultimateの中でもいくつかの項目は
「これは便利!」「こんなことができるんだ!」
と思わず見つけたことに感激してしまうものもあります。

今回はそんな中の「」について、使い方をメモっておきます。
Shortcodes Ultimateのインストール方法と基本の使い方は以前の記事

スポンサーリンク


「行」の使い方

投稿画面で「ショートコードの挿入」をクリックしたら、その中の「」をクリックします

sc0
 

図のような設定画面が表示されます。


「コンテンツ」の部分に文字や画像URLをいれます

行のショートコード
ここで設定するのは「コンテンツ」だけです。
プレビューで見るとこんな感じになります。

プレビュー
この1/3の部分が行に表示する割合になります。

画像をいれる場合URLをメモしておいて入力というのは面倒なので、このまま挿入します。

挿入したコード
ここで投稿のテキストモードで文字や画像をいれてみます。


図のオレンジで囲んだ部分が元々あったコードになります。
ピンクの線の部分が画像URLをいれるところです。

<img column size=”1/3″>の後ろにカーソルを置いて「メディアを追加」ボタンで画像を選べばOK。

あまり大きい画像サイズは入りきらないと横並びにならないこともあるので、150×150くらいに設定してみてください。

例をプレビューしてみると次のようになります。

横並びプレビユー
画像と文字の組み合わせもできます。

行の例
1行が3等分されて、それぞれが同じ割合で表示されています。
この割合を変えてみると・・・

行の割合変更
図のようになります。1/4と2/4と1/4
 

スポンサーリンク

 

この割合を自由に変更することで、画像・文章などの配置を思うようにできますね。

 

半々で表示
1/2と1/2
の場合

 

割合変更
 1/3と2/3にして、文字を入れるところを広くした場合

 
sc63  

1/4と1/4と2/4にして 文字の方の割合を変えることもできます。
 

この同じ割合を1/4と1/4と1/2にしてみると、次のようになりました。

 

割合を変える
コンテンツをみるとわかるように文章はそのまま書き続けると指定した割合の領域内で改行します。

これを任意のところで改行したい場合は、図のように適切なところでhtmlタグの  <br>をいれると改行できます。

コンテンツの入れ方ですが、画像の場合はメディアライブラリなどにあるものなら、そこのURLをタグにいれてあげればOKです。

画像だけを表示することもできます

画像を並べる
スマホでみると横並びではなく縦に並びます。
 

スマホでみると

スマホの場合の見え方

 

Shortcodes Ultimateの「ノート」を組み合わせると
背景に色をつけることができます(^^)

 

行とノート

行とノートを組み合わせると背景に色をつけられる

 

行とノート2
この場合のコンテンツは次のようになります

ショートコードのコンテンツ
投稿画面のテキストタブでノートのショートコードを追加します。

行のショートコードをノートのショートコードで挟みます。

他のショートコードも使い方でいろいろできるようですね(^^)

 

前の記事 こんなことがしたい!Shortcodes Ultimateで簡単記事装飾 へ

次の記事 WordPressの再編集の「困った」を解決、投稿をいつもテキストモードで


WordPress一覧へ








にほんブログ村


日々の出来事 ブログランキングへ

スポンサーリンク




関連記事

プラグインbrBrbrでテキストモードの改行をそのまま表示

このプラグインの製作者のページには 「改行が改行しただけ改行したまま改行する」とあります。 改行

記事を読む

画像キャプチャと編集ができるフリーソフトMonosnapの使い方

前の記事でMonosnapをインストールして、起動するまでをかきました。 WindowsでもMac

記事を読む

DuplicatorでWP丸ごと引越 GMOからXserver1

サーバーをひとつにまとめたくて移転を考えたことありませんか? サーバー移転の方法はいろいろあるよう

記事を読む

お名前.comからXserverにドメイン移管 | 完了まで

ドメインは、取得してくれた事業者とは別の事業者に管理を移すことができます。 なので1か所にまとめよ

記事を読む

WordPressのイメージマップにSmartArtを使う時の手順

前回ExcelのSmartArtを使って写真入り画像を作りました。 今回は続きになります。

記事を読む

プラグイン入ってる?WordPressのプラグイン覚書

今使っているWordPressには、いくつものプラグインがはいっています プラグインとは?簡単

記事を読む

AddQuicktag でコードやタグを登録WordPressの投稿を便利に

投稿画面のビジュアルでは以前にTinyMCE Advancedでボタンを増やせるという記事を書きまし

記事を読む

画像のキャプチャ編集ができるMonosnapインストールと起動メニュー

Skitchというソフトをおしえてもらいました。 画像に矢印とか文字とか囲い枠とかいれられるソフト

記事を読む

画像の編集 Picture ManagerとPhotoScapeの使い方

WordPressに引っ越して少し落ち着いたところ。 テンプレートはStinger3 ヘッダー画

記事を読む

サイトマップをグローバルメニューに表示するⅠ

グローバルメニューというのはヘッダーの下のエリアを指します。 前の記事で作成したカテゴリー別の記事

記事を読む

スポンサーリンク




Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


花見弁当
お花見とは?なぜ桜なの?意味や由来 花見の風習いつから?日本だけの文化?

春になるとお花見シーズン到来とばかりに、お花見の名所には人が集い、桜の

後片付け
バーベキュー初心者 現地でやることは?炭おこしや焼き方&後片付け

前回の続きです。 バーベキュー初心者 はじめての場合に必要な準備

バーベキュー初心者 はじめての場合に必要な準備とやることやいるもの

暖かくなるとバーベキューなんてやってみたくなりますよね(^^)

駄菓子から元祖梅ジャムが消えた 昭和の味駄菓子の歴史と駄菓子屋の今

この前ニュースというか、テレビで梅ジャムが消えたという話題をやっていた

エプロンとは?いつから?つける意味や必要は?メリットを考えてみた

普段エプロンてつけていますか?つける派つけない派ありますが、もとい、エ

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくてアフィリエイトにチャレンジ中

    好きなものは
    アニメ・漫画・ゲーム・お絵描き・映画を観ること・パソコンで遊ぶこと・チョコレート・中島みゆきさんの歌・・

    やりたいことは・・
    空を飛びたい・馬に乗って自由に走り回りたい・猫を飼いたい・・

    いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。
    日々どうしたらできるか考えながらリアル仕事に追われています。

PAGE TOP ↑