よく使う html タグ辞典

このサイトを構築する過程で何度も調べて使用したhtmlタグを記載します。

画像に他ページのリンクを貼る

【例】

 <a href="/archives/category/レンタルサーバー"><img src="images/sample.gif" alt="無料レンタルサーバー"></a>

a href　→　どのページに移動するのか指定する

img src　→　どの画像を使うのか指定する

alt　→　画像の代わりとなる代替文字を指定する

 

同じページ内にリンクを貼る

記事を書いていたら長くなり、同じページ内にリンクを貼りたくなることがあります。

WordPressの場合は簡単に設定することができます。

以下、手順です。

※「TinyMCE Advanced」をインストールしていない場合はインストールをしてください。

 

１．ダッシュボードの左側ペインより「TinyMCE Advanced」をクリックします。

TinyMCE Advanced

 

２．下図のように「アンカー」をドラッグ＆ドロップして追加します。

エディターのメニューに追加します。

 

３．「変更を保存」ボタンをクリックします。

変更ボタンをクリックします。

 

４．エディターに戻り、リンクを挿入したい部分にカーソルを合わせて、「アンカー」のボタンをクリックします。

 

５．アンカーのウィンドウが表示されるので「id」を入力して「OK」ボタンをクリックします。

 

６．sidebar.phpにHTMLタグを直書きします。

※この方法が正しいとは思いませんが、直書きした方が読みやすいのでそうしているので、他に良い方法があればそちらを優先しましょう。

 

 

 

 

Posted by 100%レンタルサーバーを使いこなすサイト管理人

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。