WordPress新しいサイトにStinger8を導入してから、カスタマイズを少しずつしています。今回はStinger8のヘッダーの変更をしてみました。進みませんが(^^;)これも勉強と調べながら試しながら楽しんでカスタマイズしています。同じようにStinger8のカスタマイズをしようと思っている方の参考になればと思います。スポンサーリンク現在のStinger8は初期設定のままなのでこんな感じです。タイトルと説明とメニューが上の方にあり、その下に「Stinger」のヘッダー画像があります。ヘッダー画像を変更してみました。さいごに画像探しと画像の加工Stinger8では最適な画像サイズというのが1060×300推奨になっています。スマホやデジカメで撮った写真を利用したり、無料素材から気に入った写真やイラストを探したりして、ヘッダーに使いたい画像を決めます。使用したい画像を探したら「PhotoScape」でリサイズやトリミングをします。加工した画像はStinger8のメディアライブラリに保存します。PhotoScapeについては記事の2ページ目に、ダウンロード方法から使い方までを説明してあります。ヘッダーに使う画像の用意ができたら、Stinger8のヘッダー画像と入れ替えます。スポンサーリンクStinger8のヘッダー画像の入替WordPressのダッシュボード、左側のメニューの「外観」⇒「ヘッダー」とクリックします。図のような画面が表示されます。「新規画像を追加」をクリックします。「選択して切り抜く」をクリックします。ここで切り抜いたりできます。「画像切り抜き」ボタンをクリックすると確定します。先ほどのヘッダー変更のところに追加した画像が表示されます。「公開」をクリックするとヘッダー画像が変更されます。サイトを表示で確認してみましょう。さいごにこれだとちょっと中途半端になっていますね。ヘッダーの上部にタイトルがあり、2重になっています。ヘッダー画像を削除して、タイトルをロゴ画像にする方法と、ヘッダー画像からタイトルを外して、画像だけにし、タイトルをロゴ画像にする方法とどちらかにしてみたいと思います。そのためにはテーマの編集をしなければなりません。子テーマには「style.css」しかないので、子テーマにも、ヘッダー編集ができるように「header.php」ファイルをコピーする必要があるんですね・・・。このままで、次回はヘッダーCSSの編集ができるようにして、ロゴ画像も作り、メニューや説明の位置なども変えてみたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。ENTRYコロナウイルス予防のアルコール消毒液の作り方!売りきれなら自作を毎日のようにコロナウイルスのニュースが飛びかっています。ウイルス予防にも?最近では外出の時、マスクをしている人を多く見かけます。公衆電話のかけ方知らない人が増えている?!普通の時と緊急災害時めっきり少なくなった公衆電話。自転車の違反て意外と知らないことが多い?つい、でも罰金は5万円!身近でもみかける自転車事故や違反。自転車保険加入が2020年4月から東京都でも義務化って知ってた?自転車保険の義務化?日頃自転車利用の多いので気になる話題です。→もっと見るプロフィールこんにちは。映画を観ること・パソコンで遊ぶこと・チョコレート・中島みゆきさんの歌・・やりたいことは・・いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。日々どうしたらできるか考えながらリアル仕事に追われています。