Push7ロゴのSVGとアイコンフォントを作ってみました

先日、Push7の購読者数を取得して購読ボタンを作成する方法を書きました。

Wordpressに独自のPush7ボタンをAPI+PHPで設置する方法
以前、Push7に用意されたHTMLタグを利用してボタンを設置する方法を書きました。 けれど、Wordpressテーマ...
WordpressにPush7ボタンをAPI+Ajaxで実装する方法(購読者数の取得)
前回は、PHPでPush7のAPIを利用してプッシュボタンを実装する方法を紹介しました。 で、今回はPHPを使わずJa...

それで、ボタンを作るならやっぱり、SVGかアイコンフォントを利用して、「どんな用途のボタンなのか」を直感的に、わかりやすく表示したいです。

ただ、Push7には、そういった配布物はないようなので、自前で作ってみることにしました。

スポンサーリンク
レクタングル(大)広告

作成したもの

Push7のロゴ

Push7サービスが生成する以下のボタンのロゴもSVGで作成されています。

なので、そのSVGを利用して、通常ロゴと、スクエアタイプを作成してみました。

作成方法は、以下の方法とほぼ同じです。

自作のWEBアイコンフォントの作り方(無料ツールのみでfeedlyフォントを作る)
最近は、その便利さからWEBアイコンフォント(以下、アイコンフォント)を利用したサイトが増えています。 アイコンフォントは、CSSで色...

それで、自作したPush7のロゴ素材が以下です。

SVGファイル

SVGファイルは、Inkscapeというフリーソフトを利用して作成しました。

通常のロゴ

push7

スクエア型のロゴ

push7-square

アイコンフォント

アイコンフォントは、IcoMoonというWEBサービスを利用して作成しました。

Push7アイコンフォントセット

Push7アイコフォントセット

ダウンロードしたzipファイルを解凍すると、中に「selection.json」というファイルがあります。

selection.json

この「selection.json」ファイルを、IcoMoonで「Import icons」ボタンからインポートして、自分のアイコンフォントセットに再登録したりすることもできます。

Import iconsボタンでインポート

また、IcoMoonの編集機能を使えば、大きさなども調整することができるので、ここら辺は環境に合わせて再調整してください。

IcoMoonでアイコンフォントのサイズの変更

まとめ

最近、ちょっと体調を崩していたのですが、熱も下がってきて、やる気が出てきたので、この機会に、Push7関係の素材も作ってみました。

ただ、今回僕が作ったものは、当然ながらPush7公式なものではないので、それでも良いという場合はご利用ください。

あと、あくまで素人が作ったものなので、プロから見ると、おかしな部分もあるのかもしれませんが、そこら辺はご了承ください。

『Push7ロゴのSVGとアイコンフォントを作ってみました』へのコメント

  1. 名前:名無しさん 投稿日:2016/04/27(水) 20:26:53 ID:93713cd8d

    検索エンジンのせいにするな、お前が意図的に上位表示させてるんだろ、うっとしいんじゃ氏ね消えろ

  2. わいひら 名前:わいひら 投稿日:2016/04/27(水) 20:42:21 ID:435137d09

    野田さん、レスを返すなら前回のコメントの続きに書いてください。
    http://nelog.jp/push7-button-by-ajax#comment-42410
    違った記事のコメントに、いきなりレスを書かれても、意味がわからないので。よろしくお願いいたします。

    ていうか、いつも返信がないのでレスを読んでないのかと思っていましたが、実はちゃんで読んでおられたのですね。
    あとついでに、以前のコメントについても、この機会に、ちゃんと返信していただいてもいいですよ。
    http://nelog.jp/auto-post-thumbnail-custum#comment-41807
    http://nelog.jp/for-pc-crash#comment-40304
    http://nelog.jp/wordpress-h1-h6#comment-40267
    http://nelog.jp/wordpress-child-theme#comment-38815
    http://nelog.jp/seo-bookmarklets#comment-41951

    僕は、普通にブログを書いているだけで、検索エンジンで、意図的に上位表示させているわけではないですよ。
    そんなことができるんだったら、とっくにやってます。もしそれが簡単に出来るのでしたら、年収数億とかも余裕なので僕もやりたいです。
    野田さんも、意図的に上位表示する方法があると思うのでしたらその方法勉強して、お書きになっているキックボクシングのブログを上位表示させてみてはいかがでしょうか。