ウェブサイトマスターの為の覚書きウェブサイトマスターの為の覚書きウェブサイトの運営をしていて気のついたこと、発見したことなどの記録です。コピー2018.03.06アドレスバーに表示されるファビコンを作ってみました。画像の処理はいつもホームページビルダーに付属している「ウェブアートディレクター」を使っています。EDITORが使いやすいので、使い方も合せての記録です。EDITOR」のウェブ版を使います。EDITORアイコンを作るので「新しい画像を作成」をクリックします。新しい画像のサイズを設定します。ファビコンなので正方形にしておく方が無難です。ここでは(200×200)として「透明」にチェックを入れ[OK]を押します。タイトルを決めておいてもいいですが、とりあえず「無題」のままで進めます。描画ツールを使って角丸の正方形を作ります。描画ツールで作れる図形は長方形ツール角丸長方形ツール楕円形ツールの3種類ありますが、ここでは角丸長方形ツールを選択します。200×200の正方形を作りますが、右にナビゲーションウィンドウがあるので、サイズの確認をしながら作ります。塗りつぶしの色を設定します。色が決まったら、ペイントバケツツールで一気に塗りつぶします。アイコンのベース画像ができたので、この上に文字を重ねます。文字は新しいレイヤに作ります。文字はタイプツールを使います。「W」と入力し、色を白、サイズを決めて[OK]を押します。ここまででアイコンが出来たので、[png]形式で保存します。次に作った画像をファビコンに変換します。ファビコンは[.ico]の拡張子がつくファイル形式ですが、[.jpg]や[.png]では表示されないブラウザもありますので、[.ico]に変換する必要があります。コンバータ」にアクセスし、作った画像データをアップロードし変換ボタンを押すとファビコンが出来上がります。ファビコンはサイズによって数種類ありますので、必要なサイズのファイルをダウンロードします。一般的にファビコンのサイズは[64×64]が使われています。ファビコンファイルはルートディレクトリにアップロードして、HTML各ページの[head]内に以下のコードを追加します。href="./favicon.ico">WordPressの場合は、「header.php」に追記し、アップロードします。ここまでの作業でアドレスバーにファビコンが表示されるようになります。要した時間は4分でした。EDITORの使い方ツールパレットにはたくさんのツールがあります。それぞれの使い方をまとめました。フィルター」でもっといろんな加工ができます。EDITOR」の紹介でした。管理人をフォローする管理人ウェブサイトマスターの為の覚書き関連記事IT確定申告を無料の会計ソフトでどこまでできるか「弥生会計」で試してみた確定申告をできるだけ簡単に済ますには、国税庁のサイトを使うのが簡単です。毎月の帳簿をきちんとつけておかないと、3月に忙しい思いをしなければなりません。無料で使えるウェブアプリケーションならもっと簡単そうです。2018.03.07IT怪しいアクセス元からのトラフィックデータを除外する方法8月中旬から8月末にかけてリファラースパムがありました。他にも同様の記述をしているサイトがあるので、スパムであることは間違いないようです。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。httpタイトルとURLをコピーしました。