TAG

CSS

【STORK19】トップへ戻るボタンを画像に変更するカスタマイズ

最近、STORKで新しいテーマ「STORK19」がリリースされましたね。トップに戻るボタンを「グレー背景＋矢印」から好きな画像に変更するカスタマイズ方法をご紹介します。

今回は、Cocoonのテーマのボタンエフェクトをまとめてみました。ふわっと浮かしたり、沈んだり、影をつけたり、浮き沈みの速度を変えたり。色々組み合わせることができます。

今回は、WordPressでCSSが反応しない場合に確認したい内容を書いていこうと思います。コードの書き方、優先度も関係してくるので、この内容を一度チェックしてみてください。

Cocoonのテーマのブログタイトルの文字をカスタマイズしました。もともとヘッダー画像に文字を入れて作っていた場合、文字を変えるときにはその画像ごと変更する必要があります。それを、コードを使って簡単に変更できるようにしました。

今回は、僕がWEBデザイナーになって仕事をしていて「これはブログ作成にもよく使う！」と思ったものがいくつかあり、この記事を見ている方のブログ作成にぜひ役立ててもらいたいな〜と思って書きました！参考にしてもらえると嬉しいです！

このCSSどんなカスタマイズに使っているものだっけ？このHTMLはどこまでつながっているものだったんだろう？？カスタマイズが多くなると、どれが何のコードかがわからなくなることがあります。そんなときのためにコメントアウト機能を使ってメモしておくと後々便利です。

テーマ「ストーク」で固定ページをトップページにしたときに記事内の文章が始まるまでスペースが空いているというご相談。トップを固定ページに設定されている方は結構いらっしゃると思いますが、スライダーのタイトルも表示されていないとのことでした。

今回は、JINのテーマでプロフィールにあるSNSボタンのカスタマイズです。色をつけて、マウスを乗せると回転するようにしてみました。CSSのコピペだけでできます。

「ストーク」のテーマで、ロゴ画像を横幅いっぱいに広げる方法をご紹介します。それに加えて、ロゴ周辺のカスタマイズについてもまとめています！

「ストーク」のテーマで、ロゴ画像を設定したけれど、スマホで見るとロゴ画像が小さくて文字が見えないと困っていませんか？今回の記事では、スマホとパソコンの画面でロゴ画像を出しわけする方法をご紹介しています！

2020/4/5 テーマ「THE THOR」でリニューアル！

２年近く「STORK」を愛用してきた当ブログは、これから「THE THOR」でデザインも新たに生まれ変わりました。（STORK、今までありがとう！）

これからも当ブログではブログ作りに役立つ情報を発信していきます。よろしくお願いします(o^^o)