*

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

公開日: : 最終更新日:2020/05/19 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一覧へ


にほんブログ村


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

スポンサーリンク




スポンサーリンク




Message

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


自転車に関する記事一覧

  自転車に関する記事を集めました 近年自転車利用者

サンダーバードのアカウントやフォルダの並べ替えとアカウント名の変更

現在メールソフトは無料のThunderbird(サンダーバード)を

CD/DVDドライブがないWindows10で7の光学ドライブを使う

  現在もまだWindows7を使っているのですが、そ

自宅での仕事用にフェイスガードを買ってみた 着け心地は?

コロナで自粛生活が続いています。 最近は方針も経済活動へと日々変化し

画像検索とは?Google画像検索でできることや検索のやり方

道端に咲いていた花が可愛くてついスマホでパシャ。 これはなんてい

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくて
    アフィリエイトにチャレンジ中
    好きなものは・・・アニメ・漫画・ゲーム・お絵描き・
    映画を観ること・パソコンで遊ぶこと
    やりたいことは・・いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。日々どうしたらできるか考えながらリアル仕事に追われています。

  • 手軽に雑誌が読める!
    楽天マガジン

PAGE TOP ↑