HTMLタグの活用【モバイル投稿編】②_再 | シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!

HTMLタグの活用【モバイル投稿編】②_再

HTMLタグの活用【モバイル投稿編】②

こんにちは!サポート団長です。


モバイルからのHTMLタグを使用したテキストリンクを作成する方法についてご説明致します。

◆HTMLタグの活用【モバイル投稿編】マニュアル の続きです。



モバイルで取得したURLはパソコンでは使用できません。


以下はモバイルより取得したURLです(私のブログで説明します)。


「ブログ」

http://m.ameba.jp/m/blogTop.do?unm=sapotomanual


「ルーム」

http://m.profile.ameba.jp/pub/roomTop?targetAmebaId=sapotomanual


「記事」

http://m.ameba.jp/m/blogArticle.do?unm=sapotomanual&articleId=10412484927


お気付きの通り、パソコンで見るURLとモバイルとでは違います。

そこで、必要な部分だけ抜き出して使用する対応が必要です。


◆HTMLタグの活用【モバイル投稿偏】 で説明した4つの基本パターンで作成すれば、両用出きるテキストリンクとなります。


●例題

モバイルから取得した「記事」のURL

http://m.ameba.jp/m/blogArticle.do?unm=sapotomanual&articleId=10412484927 より必要な部分を抜き出します。

IDは==間に存在します


上記では=sapotomanual&articleId=となり =ID&○○=です


即ちsapotomanualIDとなる。


記事の11桁番号は=10412484927で末尾に記載されています。


後はIDと記事の11桁番号を下記の部分に置き換えるだけです。


1.記事のリンク

<a_/strong>href="http://ameblo.mom/

ここにIDを入れる/

entry-記事の11桁番号.html" target="_blank">表示したい文字</a>



補足)「_ 」アンダーバーはスペースのへ英数字は全て半角で使用します!改行部分は全て繋げる。


☆例題を置き換えると☆

<a_href="http://ameblo.mom/

sapotomanual

entry-10412484927.html" target="_blank">例題を置き換えると</a> 


というタグとなります。


☆URLの取得方法(ちなみに私の携帯はsoftbankです)☆

 1.アメブロにログイン

 2.取得したいリンク先まで移動

 3.メニューのURL入力を選択
 4.現在のURLが表示される

 5.コピーすれば完了




<<関連記事>>

矢印☆HTMLタグの活用【モバイル投稿編】
矢印☆スタイルシートを記事に貼り付けると危険です!




ブログトップ  | 目次  | 用語集