アイコンフォント

アメブロではWEBフォントやアイコンフォントが使えないかなって思うこともありましたが、アメブロのサイト内や管理画面などではWEBフォントを使ったアイコンフォントなるものが使われています。公に公開されていないのですが、HTMLソースを調べてみると使えそう>そして再確認したのですが、禁止タグにも入ってない>ということで早速使ってみました。目次アメブロで使われてるWEBフォントを使った記事使う場所によっての違い使えたアイコンの種類使えなかったアイコンまとめ：使った場合に注意して

WEBサイトやWEBページの制作の中で今や欠かせなくなってきたアイコンフォントですが、今のような形式で使えるようになってからの歴史は浅いのです。それまではというと主にgif画像を使って代用してきたという歴史があるのです。アイコンフォントもその提供元や使い方にはいろいろ種類があって様々です。この記事ではアイコンフォントのいろいろな種類や使い方について解説していきます。アメブロでは使えないと思ってる方もいるでしょうけどいくつかのアイコンフォントは、使えるようです。この記事の中でもアメブロで

WordPressのテーマを変更した時にはじめに確認して修正したい部分は、投稿者名の表示に関する部分です。このStinger8でも投稿と固定ページで表示されているので最初に消しておきたいところですね。また、ソーシャルアイコンで既に使わないものがそのまま表示されていたりアイコンが表示できなくなっているのでまずその部分を修正します。目次カスタマイズには子テーマの使用が必須？投稿者名を消す方法なぜ、ソーシャルボタンのアイコンが表示されないのか？表示されるためには？使わない

アメブロカスタマイズ手軽で、簡単アイコンフォント（マテリアルアイコン）を使い、記事を着飾ってみますマテリアルアイコン(Materialicons)とは超概要説明（笑）マテリアルアイコンとは、Googleが、全てのデバイスで共通した見え方を提唱したマテリアルデザイン(MaterialDesign)の一環として提供しているアイコンのこと。って、めっちゃ大雑把に書きましたが、詳しくは下のリンク（英語）を見てください。https://material.io/design/

アメブロカスタマイズ手軽で、簡単アイコンフォント（マテリアルアイコン）の一覧⑥下記の並び順で、アイコン・名前およびコードを確認することが出来ます。公式サイトのアイコン一覧アイコン一覧（ショートカット）Action（行動）Alert（警報）Av（映像と音声）Communication（伝達）Content（コンテンツ）Device（端末）Editor（編集）File（書類）Hardware（機器）Image（イメージ）Maps（地図）Navigation（

アメブロカスタマイズ手軽で、簡単アイコンフォント（マテリアルアイコン）の一覧⑤下記の並び順で、アイコン・名前およびコードを確認することが出来ます。公式サイトのアイコン一覧アイコン一覧（ショートカット）Action（行動）Alert（警報）Av（映像と音声）Communication（伝達）Content（コンテンツ）Device（端末）Editor（編集）File（書類）Hardware（機器）Image（イメージ）Maps（地図）Navigation（

アメブロカスタマイズ手軽で、簡単アイコンフォント（マテリアルアイコン）の一覧④下記の並び順で、アイコン・名前およびコードを確認することが出来ます。公式サイトのアイコン一覧アイコン一覧（ショートカット）Action（行動）Alert（警報）Av（映像と音声）Communication（伝達）Content（コンテンツ）Device（端末）Editor（編集）File（書類）Hardware（機器）Image（イメージ）Maps（地図）Navigation（

アメブロカスタマイズ手軽で、簡単アイコンフォント（マテリアルアイコン）の一覧③下記の並び順で、アイコン・名前およびコードを確認することが出来ます。公式サイトのアイコン一覧アイコン一覧（ショートカット）Action（行動）Alert（警報）Av（映像と音声）Communication（伝達）Content（コンテンツ）Device（端末）Editor（編集）File（書類）Hardware（機器）Image（イメージ）Maps（地図）Navigation（

アメブロカスタマイズ手軽で、簡単アイコンフォント（マテリアルアイコン）の一覧②下記の並び順で、アイコン・名前およびコードを確認することが出来ます。公式サイトのアイコン一覧アイコン一覧（ショートカット）Action（行動）Alert（警報）Av（映像と音声）Communication（伝達）Content（コンテンツ）Device（端末）Editor（編集）File（書類）Hardware（機器）Image（イメージ）Maps（地図）Navigation（

アメブロカスタマイズ手軽で、簡単アイコンフォント（マテリアルアイコン）の一覧①下記の並び順で、アイコン・名前およびコードを確認することが出来ます。公式サイトのアイコン一覧アイコン一覧（ショートカット）Action（行動）Alert（警報）Av（映像と音声）Communication（伝達）Content（コンテンツ）Device（端末）Editor（編集）File（書類）Hardware（機器）Image（イメージ）Maps（地図）Navigation（

Edulabは、学校、大学などの教育機関向けに特別に設計された、クリーンで美しくプロフェッショナルな無料のWordPressテーマです。FontAwesomeのバージョンが５系で設定されておりこれまで使えなかったソーシャルのアイコンフォントが使えたりするので便利です。ただ、子テーマを使った場合にカラム落ちしたりしているところがあったり残念な部分もあったりします。目次Edulab【ダウンロード】【インストール】関連動画お知らせEdulab動画の中ではCPIサーバーにてP

PRBlockネタいろいろできるのですが、今回はアイコンフォントではなく画像を入れて３つでなく４つ並べてみようと思います。厳密に言うとテーマというよりプラグインの機能なのですが・・・ちょっと人と違う使い方をしたい人は使ってみてはいかがでしょう。３つ並べる人多いですが、４つ並べるというのは中々いないと思います。目次PRBlockとは？アイコンフォント画像を入れるには？お知らせPRBlockとは？PRBlockとはLightningのPRBlockとはトップページに表示

Lightningで見出しにアイコンフォントを自動で入れる最近は、アイコンフォントを使うことってそう難しいものではなくなりました。昔は、Gif画像を文字サイズに合わせるなどいろいろ工夫したものですが・・・Lightningテーマと必須プラグインであるVKAllinOneExpansionUnitの組み合わせでスタイルシートをカスタマイズして見出しの中に自動的にアイコンフォントを挿入することが可能になります。目次アイコンフォントとは？カスタマイズ方法お知らせアイコ

今後の自社サイトのリニューアルの時にも使えるように...できる限り参考本を開かなくてもいいように「カンニング・ファイル」も作りながら進んでいるんですが...只今、最新アイコンフォントのJavascriptのリンクで、つまずき中ですわ本のアドレスは古いので、新しいのを...って思って探してみたんですがね。サイトが、全部英語だから、さっぱりわからんこのCSSたちが使えると、少しだけでもシンプルな書き方にできると思うんだけどな～ぁ...自分のたーけさにガッカリだがやひと

アイコンフォントが1ページだけおかしい。HTML内に記述がされているなら、そこを消せばいいんだけれど...そこにはHTMLがないよくよく見たら、他の場所のレイアウトも崩れている。どのみち、このページは、昨年のミーティングから、修正個所が多々あるとは言われているので、情報をもらって、または自ら出向いてから、最終的に修正をかけなければいけないページってことになっていますから...一時的に見えなくしておくか～ぁ...