私が使っている・使っていた Make Link スニペット集

最終更新日: 2015-12-13

各自、さまざまな方法でリンクタグ等の貼り付けを行っていることと思いますが、私自身は 2015-02-17現在、Firefox のアドオン「Make Link」に以下のスニペットを登録して、主に WordPress.com のビジュアルモード上でリンクタグ等の貼り付けを行っています。

ここでは、現在、使っている・使っていないにかかわらず、とりあえず、アドオン「Make Link」に登録しているものを公開します。

Make_Link_オプション

なお、アドオン「Stylish」を使って、以下の CSS を追加すると「Firefox」上に限り、ビジュアルモード上での編集がしやすくなると思います。

また、WordPress.com 等のブログ・サイトに以下の CSS を追加すると、以下のすべてのスニペットを使えるようになると思います。 1

以下、Firefox のアドオン「Make Link」に登録してあるスニペットの一覧です。

 名前 スニペット  備考
 リンク
 <a href="%url%">%text%</a>
 リンクの貼り付け用。
 リンク(Twitter)
 "%text%" %url%
 Twitter にリンクを貼り付けるときに使用しているもの。2015-02-17現在は Drafts を使用。
 リンク(Markdown)
 [%title%](%url%)
 Markdown 記法でのリンクの貼り付け用ですが、一番上のものを使うことがほとんどです。
 テーマ仕様
&nbsp;
<table border="1" width="387" cellspacing="0" cellpadding="2">
<tbody>
<tr>
<td valign="top" width="148">テーマの解説</td>
<td valign="top" width="237"></td>
</tr>
<tr>
<td valign="top" width="148">デモ</td>
<td valign="top" width="237"></td>
</tr>
<tr>
<td valign="top" width="148">更新情報(英語)</td>
<td valign="top" width="237"></td>
</tr>
<tr>
<td valign="top" width="148">〃(日本語)</td>
<td valign="top" width="237"></td>
</tr>
<tr>
<td valign="top" width="148">価格</td>
<td valign="top" width="237">$(現在)</td>
</tr>
<tr>
<td valign="top" width="140">レンタルサーバ等にインストールして使うタイプの WordPress 用テーマの解説等</td>
<td valign="top" width="237"></td>
</tr>
<tr>
<td valign="top" width="140">サポートページ(英語)</td>
<td valign="top" width="237"></td>
</tr>
<tr>
<td valign="top" width="140">テーマの制作者</td>
<td valign="top" width="237"></td>
</tr>
</tbody>
</table>
<!--more-->
&nbsp;
<h3>テーマ「」の背景/特徴</h3>
&nbsp;
<h3>外観設定のバリエーション</h3>
<p>つのウィジェットエリアがあります。  </p>
<p>つのメニューエリアがあります。      </p>
<p>つのソーシャルアイコンエリアがあります。      </p>
<p>ヘッダー画像を追加することができます。</p>
<p>背景を変更することができます。      </p>
<h3>記事設定のバリエーション</h3>
<h4>テンプレート</h4>
&nbsp;
<h4>投稿フォーマット</h4>
&nbsp;
<h4>アイキャッチ画像</h4>
&nbsp;
<h3>カスタマイズ(色等)・CSS 編集のバリエーション</h3>
&nbsp;
<h3>その他特記事項</h3>
 これは個人的に使っているテンプレートのようなもの。こんな感じで、普段、よく使うものを HTML の状態で Make Link に登録しておけば、記事の作成が捗ります。
 注意書き  あとから注意書きを加えるときに使っています。ブログ・サイトへの CSS の追加が必要です。
 memo  こちらは注意書きの非公開版。ブログ・サイトへの CSS の追加及びアドオン「Stylish」を使用します。
 引用
 <p>&nbsp;</p><blockquote>%text_br%<br style="clear: both;" /><cite>引用先:<a href="%url%">%title%</a></cite></blockquote><p>&nbsp;</p>
 引用。詳細な引用をする場合は、ブックマークレットを使っています。
 矢印
 <img class="bordernone" border="0" alt="comemoarrow" src="https://comemo508.files.wordpress.com/2014/09/comemoarrowg3871.png?w=1100" title="comemoarrow" style="background-image:none;padding-top:0;padding-left:0;display:inline;padding-right:0;border:0;">
 矢印の画像を貼り付けます。
 関連マップ
<h6>関連情報・トピックのマップ</h6>
 個人的に使っているテンプレートのひとつ。
 サンプル文書
<a href="http://comguideja.wordpress.com/43432月34343水c432月c434315年2月4日水曜日 12時34分54秒 Asia/Tokyocontentsidebar43       4/cropped-cropped-a0023_000007_m-jpg/" rel="attachment wp-att-12227"><img class="alignleft size-medium wp-image-12227" src="http://comemo508forum.files.wordpress.com/2013/03/cropped-cropped-a0023_000007_m.jpg?w=300" alt="cropped-cropped-a0023_000007_m.jpg" width="300" height="74" /></a>本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

<a href="http://comguideja.wordpress.com/43432月34343水c432月c434315年2月4日水曜日 12時34分54秒 Asia/Tokyocontentsidebar43       4/cropped-a1380_000009_m-jpg/" rel="attachment wp-att-12211"><img class="alignright size-thumbnail wp-image-12211" src="http://comemo508forum.files.wordpress.com/2013/03/cropped-a1380_000009_m.jpg?w=200" alt="cropped-a1380_000009_m.jpg" width="200" height="69" /></a>本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文
  個人的に使っているテンプレートのひとつ。
 表 (2列)
<table border="1" cellspacing="0" cellpadding="2">
<tbody>
<tr>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td valign="top"></td>
<td valign="top"></td>
</tr>
</tbody>
</table>
&nbsp;
 2列の表を貼り付けます。表の中に注釈を入れたい場合には Markdown 記法で表を作成します。
 表 (3列)
<table border="1" cellspacing="0" cellpadding="2">
<tbody>
<tr>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
</tr>
</tbody>
</table>
&nbsp;
 3列の表を貼り付けます。
 表 (4列)
<table border="1" cellspacing="0" cellpadding="2">
<tbody>
<tr>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
</tr>
<tr>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
<td valign="top"></td>
</tr>
</tbody>
</table>
&nbsp;
 4列の表を貼り付けます。
 new マーク
<em><span class="new%input%"><span style="display: none;">.</span></span></em>
 new マークを貼り付けます。ブログ・サイトに CSS を追加する必要があります。
 rev マーク
<em><span class="rev%input%"><span style="display: none;">.</span></span></em>
  rev (修正)マークを貼り付けます。ブログ・サイトに CSS を追加する必要があります。
 使用中
<span class="useitem"><span style="display: none;">.</span></span>
 使用中のマークを貼り付けます。ブログ・サイトに CSS を追加する必要があります。維持・管理が大変なので、2015-02-17現在はほとんど活用していません。
 段組み (2列)  2列の段組みを貼り付けます。ブログ・サイトに CSS を追加する必要があります。なお、アドオン「Stylish」を使って、編集画面にも CSS を適用すると、記事の編集がやりやすくなります。
 段組み (3列)  3列の段組みを貼り付けます。
 段組み (4列)   4列の段組みを貼り付けます。
 CC0 (HTML)
<!-- License: CC0 1.0 Universal (CC0 1.0)|http://creativecommons.org/publicdomain/zero/1.0/deed.ja -->
 著作権表示のテンプレートです。
 お知らせ欄  お知らせ欄のテンプレートです。

 


  1. それぞれのスニペットの制作時期がまちまちなので、もしかしたら、CSS の方でまだ対応できていないものや説明不十分な点があるかもしれませんが、とりあえず、公開します。 

1件のコメント

  1. […] また、WordPress.com 等のブログ・サイトに以下の CSS を追加すると、以下のすべてのスニペットを使えるようになると思います。 1 […]

    いいね

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。