【WordPress】カスタマイズ機能を使ったメニューやソーシャルアイコンの設置 -テーマ「Hew」での例-

昨今、カスタマイズ機能を使ったテーマの調整がだいたい可能になっています。そして、この機能は WordPress.com とレンタルサーバ等にインストールして使うタイプの WordPress(以下、「インストール型の WordPress」と呼びます。)とで、だいたい同じ仕様になっています。

ここでは、WordPress のカスタマイズ機能を使って、メニューやソーシャルアイコンを設置する方法について覚え書きしたいと思います。

サンプルとしてはテーマ「Hew」を取り上げます。

続きを読む

【WordPress.com】Twitter などのアイコンをサイドバー等に設置できるウィジェット「SNS アイコン」が追加されたようです

WordPress.com に Twitter などへのリンクをアイコン付きで表示する方法にはいくつかありますが、最近、サイドバー等に Twitter 等へのリンクをアイコン付きで簡単に設置できる「SNS アイコン」というウィジェットが追加されたようなので、その覚え書きです。

2015-04-21 at 10.53

続きを読む

【WordPress.com】 サイドバー等にソーシャルアイコンを設置する方法についての検討

最終更新日:2015-04-21

ここでは、WordPress.com のブログ・サイトから Twitter や Facebook 等へアイコン付きのリンクをはる方法について考えてみました。

続きを読む

【WordPress.com】ロゴ画像がテーマ間で使い回しできるようになっている

これまでは、一部のプレミアムテーマの個別の機能であった「ロゴ画像」の設定がテーマ間で連携して使えるようになったそうなので、その覚書です。

実際に確認してみると「カスタマイズ → サイト名」のところに「サイトロゴ」という項目が追加されています。

Confit のカスタマイズ — WordPress

続きを読む

【WordPress.com】ビジュアルエディタにコピペして使えるアイコン一覧表を作成しました

 

!

2014-07-28現在、ビジュアルエディタの仕様が変更され、コピペでの貼り付けができなくなった(style定義が自動削除されるようになった)ようです。ただし、今後また、どのような仕様変更があるかもわからないので、この記事はこのままにしておきます。2014-07-29現在、WordPress.com のビジュアルモードに貼り付けた場合、sytle の定義が消去されてしまうようなので、アイコン「Noticons」の方は、テキストモードで「font-family: noticons;」等を再定義する必要があります。もしくは、CSS カスタム機能であらかじめ CSS を追加しておく必要があります。

 

私の認識ですと、最近、WordPress.com のビジュアルエディタ機能が充実し、かつ、Noticons というアイコンが WordPress.com の記事中やすべてのテーマで使えるようになったわけですが、これを期にビジュアルエディタにコピペして使うためのアイコンの一覧表を作成してみました。

こちらがスマイリーの一覧表。

続きを読む

WordPress.com で使われているアイコンの一覧表を作成しました

WordPress.com で使うことのできるアイコンの一覧表を作成しました。

私自身の現在の認識ですと、「Genericons」の利用できるテーマでないと WordPress.com ではサイトのデザインに活用することはできないわけで、実はこのブログ自身もそうなのですが、一度、全体を把握しておきたいな、ということでざっくりと一覧表にしてみました。

なお、私自身は、一般のアイコンは GLYPHICONS、ソーシャルアイコンの方は Font Awesome を使っていこうと思っています。画像をアップロードしたり、場合によっては画像を編集したりと、ちょっとめんどくさいのですが。

【WordPress.com】アイコンフォント「Genericons」を使ってブログにソーシャルアイコンを設置する

!

2014-05-15現在、まだ、はっきりしたことはわかりませんが、私自身の観測範囲においては「Noticons」だとすべてのテーマかつログアウト時でも、ウィジェットやメニュー、記事中に表示させることができるようになったようです。

2014-04-18現在、テーマ「Twenty Eleven」に設定している別のブログでは、記事中に Genericons がちゃんと表示されました。
Genericons の表示テスト | t demoまた、このブログでも、ウィジェット部では Genericons のアイコンが表示されていることを確認しました(個別表示のページを除く)。
comemo | WordPress.com のまとめサイト(私家版)-1以上から、本来はすべてのテーマで Genericons が使えるはずのところ、何らかの原因で Genericons のフォントを読み込めないケースがあるのではないかと推測しています。

とりあえず、記事中に Genericons が表示されていない現状を記録しておきます。

【WordPress.com】アイコンフォント「Genericons」を使ってブログにソーシャルアイコンを設置する | comemo

どうやら、当初の認識どおり、「Genericons」の適用されているテーマだけで、Genericons を使うことができるようです。このブログでは「Twenty Eleven」を使っていますが、このテーマでは Genericons は使えないようです(2014-04-01 現在)。例えば、Genericons がテーマで使われいると思われるテーマ「Hemingway Rewritten 」の場合、以下のような感じで Genericons のアイコンが表示されます。Genericons の表示テスト | t demo

続きを読む