ブログを見やすく書くために、
「WordPress」に元々そなわっていた機能もございますが、
「SWELL」には無料テーマには無い便利な機能がありますので
合わせて紹介いたします
アシ美記事を書いてみて
「便利だな～」って思ったモノを
紹介しちゃいます
この記事では、こんなことが分かります
- インライン画像を挿入する
- ブロック下の余白量の調整
- 画像の大きさを変える
- パソコンとスマホで画像の大きさを変える
- 「PC」と「スマホ」で改行を変える
※「SWELL」でしか出来ない機能があります
まさ書いてるの・・・
あなたじゃないですよね
アシ美何か聞こえましたか？
まさあの～
書いてるの・・
アシ美では
気にせずにいきましょう
まさ・・・
インライン画像を挿入する
「インライン画像を挿入する」とは？
アシ美簡単に言っちゃうと
こういう
ことです
まさちょっと・・
やめてください
アシ美挿入したい位置で
「インライン画像」を選択したら
いつも通り画像を選ぶだけです
アシ美画像の大きさは、
あとからでもクリックすれば調整できます
まさ数値を入力したら
をクリック
アシ美どうしたんですか？
まさ私の黒歴史が・・
ブロック下の余白量
ブロック下の余白量を簡単に調整できちゃいます
アシ美では実際にやってみましょう
※SWELLの場合です
わたくしアシ美はいったい何者なんでしょうね
わたくしアシ美はいったい何者なんでしょうね
わたくしアシ美はいったい何者なんでしょうね
わたくしアシ美はいったい何者なんでしょうね
わたくしアシ美はいったい何者なんでしょうね
わたくしアシ美はいったい何者なんでしょうね
まさブロックの下の余白を
5段階で調整できます
アシ美それには
を使います
まさ余白の量をそろえたい場合に
便利ですよね
アシ美ただ、スマホで見た場合に
特大でも量が足りないことが
ありますので
その時は
素直に「スペーサー」を使ってください
画像の大きさを変える
画像の大きさを変えるには3つの方法があります
ひとつめ の方法
貼り付けた画像をクリックすると
青丸●が出ます
アシ美「青丸●をマウスでグイ～ン」ってします
まさまあ、そうなんですけど・・
ふたつめの方法
画面右側にある
設定の数値を変更します
アシ美縦横比が固定なので
片側だけでいいですよ
まさ元画像の大きさが まちまち でも
そろえるコトができますね
みっつめの方法
「％」で変更する
アシ美4段階で変更できますね
まさこれは記事に貼った画像を
あとから調整するのに便利ですね
アシ美せっかく横幅そろえたのに
あとで気に入らないコト
ありますね
まさあとから数値を入れ直すの
地味にめんどくさいですから
パソコンとスマホで画像の大きさを変える
パソコンとスマホで画像の大きさを変えるには
アシ美どうして変えなくては
いけないのですか？
まさ私は画像を多用するので
アシ美なるほど
よく分かりました
まさスマホに画像を貼るにしても
画面横幅いっぱいギッチギチは
見にくいです
アシ美余白がある方が
見やすいですね
まさスマホに合わせると
PCでは小さすぎたりします
アシ美それで「PC」と「スマホ」で
画像の大きさを変えるのですね
まさ画像だけでなく
装飾も変えられます
アシ美大きさの違う画像を
2つ貼り付けます
アシ美画像をクリックして
「デバイスコントロール」
アシ美大きい画像は
「PCサイズでのみ表示する」
を選択
まさ小さい画像は
を選択
アシ美これで「PC」と「スマホ」で
違う画像を
表示できました
大小だけでなくまったく違う画像でもいいですし
PCとスマホで文章を変えることもできます
どちらか片方だけに表示したい場合にも使えます
「PC」と「スマホ」で改行を変える
「PC」と「スマホ」で改行を変えるには
アシ美どうして
「PC」と「スマホ」で
改行を変えたいんですか？
まさこういう風になりませんか？
アシ美メッチャよくなりますね
まさだからといって「スマホ」に合わせると
アシ美何だかちんちくりんですね
まさ「PC」と「スマホ」で
改行を変えたくなりましたね
アシ美「ショートコード」を使いましょう
まさ改行したい位置にカーソルを合わせて
を選択です
アシ美編集画面ではこうなります
まさ「PCだけ改行」もありますので
上手に使って下さい
まとめ
今回は、私が普段よく使っている機能を中心にお伝えしました
WordPressといいつつも主にSWELLの機能になってしまったかもしれませんが
Cocoonで使えたかは今となっては記憶をたどるしかありませんでした
SWELLには他にも便利な機能がありますので、一度お確かめください
にほんブログ村
コメント等、お気軽にどうぞ (￣▽￣)