デザイン– tag –
-
wordpress
[WordPress] SWELL ヘッダーバー を非表示にする
WordPressテーマ「SWELL」のデフォルト設定では、ヘッダー上部のキーカラーの帯状の部分があり、サイトのキャッチフレーズ、SNSアイコンと検索の虫メガネアイコンが表示... -
wordpress
[WordPress] 使って欲しい最高の使い心地! SWELL
最近人気の有料の国産 WordPressテーマ「SWELL」にしました。とにかく使いやすく、設定するだけなのに何故か楽しい!使いやすくて楽!いろいろ触って楽しんでいます。有... -
wordpress
[WordPress] 管理画面 メニュー カスタマイズ
ダッシュボードのメニューを使いやすくカスタマイズする方法を数種類ご紹介します。プラグインで手軽に済ませるのも良いですが、出来るだけプラグインを使用せず、funct... -
wordpress
[WordPress] スクロールでナビ固定。高さを変える。
良く見かけるナビゲーションだと思いますが、スクロールするとナビゲーションがページの上部に固定(flex-top)され、ナビゲーションの高さが少し狭まる。というカスタマ... -
tips
[CSS] 簡単!テキストリンク hover時のデザイン
基本的にはコピペでOK!CSSのみで出来るテキストリンクのhover(マウスを乗せた時)のデザインをいくつかご紹介します。ちょっと自分好みにカスタマイズするだけで、ガラ... -
tips
[Photoshop][Illustrator]重なった部分の文字の反転
同じ色の文字やオブジェクトが重なった場合、同化して見えません。色を反転させるというか、背面の色を見える様にすれば見やすくなります。様々なデザインで使われてい... -
tips
[CSS]border-radius 角丸でデザインに幅を
CSSでは、border-radius: X%で、角丸にする事が出来ます。例えば、border-radius: 50%で円を描く事が出来ます。角丸を使えば、デザインの幅が広がりますね!一部のブラ... -
tips
[CSS] @media メディアクエリ まとめ
レスポンシブ対応のサイト制作で不可欠なのがメディアクエリ(@media)の記述です。私自身、曖昧なまま使っていた所があり、すんなり思い通りにならない、コンパクトに... -
tips
[CSS] ラインマーカーを引いてみる
CSSを使って、ラインマーカー(ハイライト)で線を引いたようなデザインにしてみようと思います。文中のちょっと目立たせたい箇所に引けば、そこだけ文字自体に色を付け... -
tips
[CSS] Animate.css v4 スクロールで動かす (初心者も)
Animate.cssのバージョンが4になり、思いっきり変更がありました。以前のままの状態でアニメーションが追加出来ないのでやり直しが必要です。スクロールするとアニメー...