複数の画像を用意します。ワードプレスのスタイルシートをカスタマイズブログにアクセスした時、少しでも長く滞在してもらえるようにブログタイトルの前にロゴ画像を設置してみました。以下記事はワードプレス(WP)や、テーマのstinger5をカスタマイズしたやり方等を忘れないために書き留めた備忘録です。記事内にソースコードを表記してる箇所は、ダブルクリックするとソースコードが全選択されるので、コピーして使えます。修正したソースコードは、必ずFTPソフトを使ってサーバーにアップ。各サーバーのオプション(ファイルマネージャー)等(例はさくらサーバーです)で編集してください。バックアップは忘れずに!!!GIFアニメでロゴ画像の作成まずは複数の画像を用意します。サイズは高さおよび幅とも100px~200pxがよいと思います。画像のファイル形式はjpgまたはjepgで保存してください。バナー工房を開きます。表示されている1枚目の「ファイルを選択」をクリックして、先ほど用意した画像を1番目に表示したい画像を選択します。次に2枚目の「ファイルを選択」をクリックして、先ほど用意した画像を1番目に表示したい画像を選択します。必要な画像枚数分を繰り返します。終わりましたら次に点滅間隔を選択します。推奨は1秒だけど、あとは好みです。次に「ループする」を選択します。ここも好みだけど1回だけでもいいです。「GIFアニメを作成する」ボタンをクリックします。次に表示される「ダウンロード」ボタンをクリックします。指定されたフォルダーに、GIF形式で保存されます。保存された画像ファイルを開いてアニメ化なっている事を確認します。あとは適当にファイル名を変更しても良いですし、そのままでも良いです。かんたんに出来ると思います。先ほど作成したGIFアニメのファイル名を「logo」に変更します。「test.gif」と言うファイル名だったら、「logo.gif」に変更します。次にFFFTPソフト等でサーバーにアクセスします。あなたのテーマが入っているフォルダーを開きます。契約しているサーバーのファイルマネージャーからでも良いと思います。「使用しているテーマ」は私の場合は、「使用している子テーマ」を開きます。次に先ほどファイル名を変更したGIFアニメファイルをアップロードします。–*/」の下にコードを追記します。追記後のコードは以下のようになります。0;}}[/css]私の場合は子テーマに追記した。ブログおよび説明文の長さによって、margin・paddingおよびfontの大きさを変更する必要があります。テキストおよびロゴ画像にシャドウを施しています。いらない場合は削除してください。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。Librariesと言う物がインストールされてました。ブログのカスタマイズに挑戦13,542ビューNTT代理店の株式会社ワイズからインターネット開通を申し込みました。10,417ビューデスクトップに変なメッセージが入るようになりました。