joppot

コピペで絶対動く。説明を妥協しない

プログラミング

Stinger3のURLまたはタブの横にあるロゴを変更する

投稿日:2014年2月1日更新日:

Pocket

077R

概要

みなさんこんにちはcnadleです。Stinger3のカスタマイズをしましょう。どんなwebサイトでもURLの周辺にロゴがありますよね。今回はそれを変更します。
Macターミナルのカーソルの前のプロンプトに表示されている文字をカスタマイズする


条件

WordPressを利用している
Stinger3のテーマを使っている
サーバにファイルをアップロードする方法を心得ている
使用したいロゴがある


ロゴを用意する

ロゴを用意するのが一番難しいです。
私はphotoshopを使って作りました。
fwe

ロゴは32px×32pxの大きさにしましょう

ファイル名は「rogo.ico」にします

rogo.icoはStinger3に始めから用意されているファイルと同じ名前です。

拡張子は「.ico」ファイルにしてください


サーバーにアップロードする

ftpソフトを開きます。私はcyberduckというソフトを利用しています。

cyberduckでサーバの、次のパスに移動します。

wp-content/themes/stinger3ver20131023/images

パスのstinger3ver20131023の部分は使っているバージョンによって異なります。自分の使用しているパスに合わせてください。

joppot.info – SFTP

このimagesフォルダにはすでに「rogo.ico」があります。名前を変更しましょう。今回は「rogo-old.ico」にしておきます。

joppot.info – SFTP-1

そしたら、作ったロゴを「rogo.ico」というファイル名でアップロードすれば完了です。

Skitch


確認する

サイトを見てみましょう。URLの横かタグの横のロゴが変わっているでしょうか?

ブラウザにはキャッシュ機能があるので、変更が直ぐに反映されなかったりします。私のsafariはしばらく変更されなかったので、chromeで見た結果が下になります。

joppot-1

新しいロゴになっていますね。

まとめ

ロゴ大事。

スポンサードリンク

「為になったなぁ」と思ったら、シェアお願いします。

-プログラミング
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

railsのroutesでhttpのGETやPOSTを指定してルーティングを表示する

概要 みんさんこんにちはcandleです。今回は少し頭をひねれば分かる事ですが、少し迷ったので、記事にまとめました。 railsですごいwebアプリケーションを作っていると、ルーティングが複雑きわまり …

ruby on railsのデータベースのテーブルにカラムを追加、削除する

概要 みなさんこんにちはcandleです。今回はrailsのカラムの追加の仕方を紹介します。 本当にrailsは規約が多くて、多くて、なんでデータベースを直接いじれないんだと。 早速やっていきましょう …

Rails pluginを使ったgemの作り方[2](rails組み込み編)

概要 みなさんこんにちはcandleです。前回に引き続き、gemの作成をやっていきましょう。 今回はgemを作成したら、それをrailsプロジェクト上で読み込み、動作テストをするところをやります。 前 …

ruby on railsで出力されるlog(ログ)のフォーマットを変更する

概要 みなさんこんにちはcandleです。今回はrailsのログに関する記事です。railsは決まった記述でログを出力します。 webアプリケーションを実行中におかしな挙動が合った場合はこのログをもと …

railsのcoffee scriptをurl判定をして実行をする方法

概要 みなさんこんにちはcandleです。 今回はcoffeescriptを任意のURLで実行する様にする関数を作ります。 というのはrailsは最終的にassetspiplineでjavascrip …

  • English
  • 日本語

プロフィール


ベンチャー企業のCTOをやってます。大学時代にプログラミングを始め、javaから入門し、C++へて、PHPへと進み、会社ではRailsを使用。自動化が大好きなプログラマー

スポンサードリンク

アーカイブ