おまじない

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/11/8

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

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

続きを読む

HAIKおまじない

2019/11/8

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

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

続きを読む

HAIKおまじない

2019/11/8

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

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

続きを読む

HAIKおまじない

2019/11/8

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

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

続きを読む

HAIKおまじない

2019/11/9

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

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

続きを読む

HAIKおまじない

2019/11/9

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

ページ毎にデザインを変更するプラグイン 通常ホームページって全ページデザインも配色も同じなのが当たり前ですよね。記事ごとにデザインや配色を変えようとするとサブドメインなどを使用し新たにホームページを作る必要があったりします。 しかしデザインを変えるだけなのにわざわざ新規にホームページを作るってのは手間暇のことを考えるとあまり理想的ではございません。 そこで書かれている内容が似ている記事だけを集めてデザインや配色を変えるおまじないのご案内です。 あまり使用頻度は高くないですが覚えておくと便利なHAIK(QH ...

続きを読む

HAIKおまじない

2019/11/9

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

画像に文字を挿入するプラグイン HAIK(QHM)にてホームページを作成する際に覚えておくと便利なおまじないに、画像に文字を表示するおまじないがございます。 ホームページを作成する際には文字だけのホームページってなんとなく読みづらいので、その文章のイメージにあった画像などを適度に貼りつけますよね。 そしてそのまま画像を貼り付けるだけでもいいのですが、ここで一手間加えて画像に文字(文章)を加えることで更にその書かれている内容をイメージしやすくするために利用するおまじないになります。   HAIKの ...

続きを読む

HAIKおまじない

2019/5/30

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

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

続きを読む

HAIKおまじない

2019/5/30

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

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

続きを読む

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

またコチラではホームページ制作に関する様々な情報を掲載しておりますので、これからご自身でホームページを作られる方は是非ご覧ください

 

-おまじない
-, , ,

© 2020 HP自作コム