おまじない

HP作成ソフトのHAIKにて 画像を回り込ませるおまじない

投稿日:2019年4月23日 更新日:

画像を回り込ませるプラグイン

HAIK(旧QHM )では画像の使い方がとても重要になってきますが、簡単に画像を回り込ませることで見た目が非常に良くなります。

なので画像の回り込みおまじない(プラグイン)も覚えておきましょう。

スポンサーリンク

 

「QHM haik」画像の回り込みおまじない(プラグイン)

文字を画像に対し回り込ませたいときに覚えとくと便利なおまじない(プラグイン)も説明いたしますね。

QHM haikの場合、画像の回り込みを指定する時は画像を添付する際に「回り込み」にて添付すれば画像は自動で回り込みになりますが、1度回り込み無しで画像を添付してから後でやっぱり画像を回り込ましたいなって時にワザワザ再度画像の添付が面倒だなって時に覚えとくと役立っちます。

まずは通常の画像を添付したとします。

画像回り込み無し

 

実際の記述がこちらになります。

&show(画像ファイル名,画像回り込み無し);

 

そして画像を回り込ませたいときは先頭の「&」を「#」に変更して「around」を記載します。

 

実際の記述はコチラになります

#show(画像ファイル名,aroundl,画像左回り込み);

画像を左に回り込ませたいときは「around」の最後に「l」(英語の小文字でL)を付ける

 

そして今度は画像を右に回り込ませたいときは

実施の記述がコチラになります

#show(画像ファイル名,aroundr,,画像右回り込み);

画像を右に回り込ませたいときは「around」の最後に「r」(英語の小文字でR)を付けます

これで画像に対し文字を回り込ませることが出来るようになるかと思います。

 

QHM haik画像のサイズを適正にする


画像を回り込ませるとき画像のサイズには注意を払いましょうね。

画像のサイズを小さく設定し過ぎるとスマホなどで見たときに文字の段落ズレを起こす場合がございます。

また、回り込みをした際に文字がズレるのが嫌だからと言って画像のサイズを大きいままで添付すると転送スピードが落ちGoogleからのサイト評価が落ちる場合があります。

なので画像の回り込みをする際の画像サイズで現時点(今後の状況で変わるかも知れないが)では450pxぐらいが丁度いいかも知れません。

また、画像を回り込ませた時は最後に「#clear」を必ず記載するクセを付けましょう。

「#clear」を付けないと画像の回り込みが解除にならないので文字の段ズレを起こす原因となります。

 

HAIK関連記事

HAIKおまじない

おまじない

2019/4/23

HP作成ソフトHAIK文字を装飾するおまじない

文字を装飾するプラグイン 以前のQHMプロの時はボタン1つで文字に装飾などすることが出来ましたが、haikへ移行したことによりこれら装飾ボタンがなくなり文字(文章)などを装飾するのも面倒になりました。 ここでは、私自身の備忘録的な意味合いではありますが、それら文章(文字)を装飾するプラグインをまとめてみました。 スポンサーリンク   文章に蛍光ペン(マーカー)を引くプラグイン 最近では、このプラグイン(おまじない)もあまり使わなくなりましたが、文章を目立たせたいときなどにはまだまだ必要性のあるプ ...

続きを読む

HAIKおまじない

おまじない

2019/4/23

HP作成ソフトHAIKタグキャッシュを削除する

タグキャッシュを削除する ページの管理などに使用するととても便利な「タグ(tag)」ですが、知らない間にタグの関連ページの表記が変になっていることがあります。 タグ(tag)を使って関連ページの表記をする方は是非とも覚えておきたいタグ(tga)キャッシュを消す方法です。 スポンサーリンク   知らない間にタグ関連ページの表記が変になる ページ数が増えてくると「タグ(tag)」を使って関連ページを表示させると訪問者の滞在時間などを伸ばすことが可能になってきますが、タグ(tga)を使って関連ページの ...

続きを読む

HAIKおまじない

おまじない

2019/4/23

HP作成ソフトHAIK関連ページを表示するおまじない

関連ページを表示するプラグイン 今現在のページからリンクをしていいるページを表示します。また現在のページにリンクを行っているページも表示します。 このことにより関連性のあるページが表示出来るので、訪問者の方に複数のページを読んでもらえる確立が上がりサイト滞在時間の増加が見込めます。 また、ページ数が多くなると自分でどのページとリンクを行ったか分からなくなった場合、この「おまじない」を使うことでリンクを張ったページなどを表示出来るので関連性の確認が出来ます スポンサーリンク   ページ最下部に関連 ...

続きを読む

HAIKおまじない

おまじない

2019/4/23

HP作成ソフトHAIK「tag」設置で関連記事を表示する

タグを挿入するプラグイン ページ数が多くなるとページの管理や関連ページを表示させたい時など便利なおまじないです。 まだ、自分のホームページはページ数も多くないので必要が無いと思われる方でも、ページ数が多くなってから「タグ・Tag」を設置するのは大変な作業になるので、ホームページを作り始めたら直ぐに「タグ・Tag」の設置をするようおススメいたします。 スポンサーリンク   ところでホームページの「タグ・tag」って何なのさ? 大事なことや必要箇所を素早く見つけるために、ノートや本などに付箋を貼りま ...

続きを読む

HAIKおまじない

おまじない

2019/4/23

HP作成ソフトHAIKサイドメニューに別メニューを表示させる

別メニューを表示するプラグイン ホームページの運用を長くしているとページ数なども増えてきて、サイドメニューにページ名などを記入しているとなんだか「ゴチャゴチャ」して読みずらくなってきます。 そこでカテゴリー別に専用のサイドメニューを表記してすっきりと読みやすいサイドメニューを表記させましょう スポンサーリンク   「QHM haik」サイドメニューに別メニューを表示する 一応このおまじない(プラグイン)は、北研さんでも「プラグイン一覧」での説明はありますがホームページを作り始めたばかりのホームペ ...

続きを読む

HAIKおまじない

おまじない

2019/4/23

HP作成ソフトHAIKページごとにデザインを変更する

ページ毎にデザインを変更するプラグイン 全く違うカテゴリー(書いている内容が違う)の内容を書く際にページ毎にデザインを変えみるのも良いかと思います。 あまり使用頻度は高くないですが覚えておくと便利なQHM haikのおまじない(プラグイン)です。 スポンサーリンク   「QHM haik」ページ毎にデザインを変える それでは実際にページ毎にデザイン(テーマ)を変更する方法を説明していきたいと思います。 方法は至って簡単です ページ毎に変更したいデザイン(テーマ)を先に取得し、下記の専用のおまじな ...

続きを読む

HAIKおまじない

おまじない

2019/4/23

HP作成ソフト「HAIK」画像上に文字を表示させるおまじない

画像に文字を挿入するプラグイン こちらでご紹介する「おまじない」は、Web制作会社が作成したようなサイトにする「おまじない」です。 この「おまじない」を入れてサイトを作ると、『なかなかこいつやるな!!』って感じになるので是非入れる機会があったら使ってみて下さい スポンサーリンク   バナー広告の様に画像に文字を挿入することができるおまじない まずは、実際にどのような感じになるか見てみましょう これは、まだ何もしていない状態の画像となります。 こちらの画像上に文字を記入するとこの様になります 実際 ...

続きを読む

HAIKおまじない

おまじない

2019/4/23

HP作成ソフトのHAIKで画像をカスタマイズするおまじない

画像をカスタマイズするプラグイン HAIK(旧QHM)では画像の使い方がとても重要になってきますが、簡単に画像を加工するおまじないが数種類有るので覚えておくと便利かと思います。 また、画像に文字を入れたりといった画像の編集にはフリーソフトをご利用になれば簡単にバナー広告の様な画像を作ることが出来ます。 関連記事  HP作成時にあったら便利なフリーソフト スポンサーリンク   画像を編集するおまじない 使い方は簡単です。下記おまじない部分に自分が使いたいおまじないをコピペするだけです。 & ...

続きを読む

HAIKおまじない

おまじない

2019/4/23

HP作成ソフト「HAIK」様々なグラデーションボタンを作成してみる

色々なボタンを表示するプラグイン QHM haikになってからおまじない(プラグイン)で簡単にリンク付きボタンを設置できるようになり、私個人的には大変重宝しています。 また、各種あるボタンの中で私が1番使用頻度が高いのがグラデーションがかかったボタンなのですが、青色のボタンしかプラグイン一覧には記載されていませんが実はこのグラデーションボタンも色の変更が可能なことをご存知でしたか スポンサーリンク   「QHM haik」グラデーションボタンも色は変更出来ます 私個人的なお話ですが、リンクを設定 ...

続きを読む

ホームページの作り方手順

-おまじない
-, , ,

Copyright© HP自作コム , 2019 All Rights Reserved.