【WordPress】文字や画像のセンタリングとリンクの挿入

こんにちは、豊かな暮らしを目指すサラリーマン事業主のTAKASHIです。

前回のサイドバーに画像を挿入する方法は分かっていただけましたか?

プロフィールなどの画像を入れる時も同じなので、覚えておくと便利ですよ。

⇒ サイドバーのサイズに画像を自動で合わせる

前回の終わりに言ったリンクを入れる方法などを説明します。

 

まずは、現在の表示状態です。

サイドバー画像01

この表示は、下の用はhtmlを挿入しています。

<center><img src=”http://100man.top/wp-content/uploads/2016/01/kanban3.jpg” alt=”無料プレゼント” style=”width: 90%;”></center>
600ページ以上のPDFマニュアルと、214分の動画セミナーからなる無料マニュアルです。<br>
この機会にぜひお受け取り下さい。<br>
<center><b><a href=”http://100man.top/csc/a/free-gift-side.html”>特別無料プレゼント</a></b></center>

画像は100%では少し大きいなと思ったので、90%にして中央に配置しました。

今回使用したhtmlを説明します。

中央に配置(画像、文字):<center>~~~</center>
<center></center>で囲った部分が中央に配置されます。

改行:<br>

太字:<b>~~~</b>
<b></b>で囲った文字が太字になります。

リンク:<a href=”URL”>~~~</a>
<a href=”URL”></a>で囲った部分にリンク先がジャンプします。

このリンクには次にようなオプションを付けることもできるので、状況により使い分けて下さい。

  • 新しいウインドウを立ち上げて、リンク先のページを表示する。
    <a href=”URL” target=”_blank”>
  • リンクを記述しているフレームにリンク先のページを表示させる。
    <a href=”URL” target=”_self”>
  • フレーム表示を解除して、ウインドウ全体にリンク先のページを表示させる。
    <a href=”URL” target=”_top”>

どれも必要になってくるhtmlです。

ぜひこの機会に覚えて下さい。

 

最後までお読みいただきありがとうございます。
またのご訪問をお待ちしております。

 

コメント

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

特別無料プレゼント

無料プレゼント
600ページ以上のPDFマニュアルと、214分の動画セミナーからなる無料マニュアルです。
この機会にぜひお受け取り下さい。

特別無料プレゼント

サイト管理者:TAKASHI

ようこそ、当ブログへ。
現在、サラリーマンをしながらアフィリエイトやeBay輸出などもやっているサラーリマン事業主です。

詳しいプロフィールはこちらから

人気ブログランキング


↑↑↑↑↑↑↑↑↑↑↑
たまに応援お願いします

Twitter でフォロー

全てのニーズに応えるWordPressテンプレート

当ブログで使用中のテンプレートです。



SEO対策の取られたテンプレートを使用することにより、ブログ立ち上げからわずか2週間でブログランキング1位獲得することができました。

スポンサードリンク

follow us in feedly

▲トップへ戻る