CATEGORY

デザイン

Webサイトは、コンテンツも重要ですが、それと同じか、それ以上に見た目も大切です。 サイトの第一印象を高めるため、デザインをよくしましょう。

  • 2022-06-24
  • 2022-07-28

《スタイル》デフォルトラベルの作成方法とカスタマイズ【ep-label】[WordPress][TheThor]

WordPressのテーマTHETHOR(ザ・トール)には多くの機能が搭載されていて、「クリックだけで設置できる既成ラベル10種」もそのうちの一つですが、オリジナルのラベルを1から作成することもできます。 このページでは、ラベルの作り方についての全工程を詳細に掲載しています。また、既成ラベルをカスタマイズするために役立てることもできるページになっているので、とても長い記事になっています。調べたい項 […]

  • 2022-06-10
  • 2022-07-28

CSS色とTHE THOR色の互換表

このページは、CSSで定義されているカラー140色と、ワードプレスのテーマTHE THORのオリジナルカラー91色のすべてを掲載したページです。 当サイトには、ザ・トールオリジナルカラーのページとCSSで定義されているカラーのページがありますが、『せっかくなら全部一緒に見たい!』という要望に応えました。CSSで定義されている色見本の並び順を基準に、ザ・トールのオリジナルカラーを近似値付近(目視優先 […]

  • 2022-06-09
  • 2022-07-28

CSS色見本(140色のカラーネーム・#RRGGBB・rgb(R,G,B)コード)[HTML][CSS]

色の取得と比較ができます #RRGGBB #RRGGBB #RRGGBB CSS色 CSSで定義されている色140色の見本です。 表の大きさをモバイルの大きさに合わせているので小さくなっていますが、大きさの変更が可能です。 クロームやエッジでご覧になられている方は、表の右下をドラッグしてください。任意の大きさに変更できます。(IE11には対応していません) カラーネーム、カラーコードなど、すべてコ […]

  • 2022-06-09
  • 2022-07-28

カラーピッカーの使い方[さとのかwebオリジナル]

カラーピッカーは様々なデバイスで使用できるので、細かな説明は不要かもしれませんが、当サイトの色見本のページではオリジナルでカラーピッカーを3つ並べて表示させています。 普通の使い方以外に使い方があるの?と思われるかもしれませんが、基本的な使い方は同じです。改造しているわけではありません。当サイト管理人さとのかが『実際に色を選ぶ際に使いやすい』と思える表示にカスタマイズさせたものです。 オリジナルカ […]

  • 2022-06-03
  • 2022-07-28

ザ・トールのオリジナル色見本全91色とカラーパレットの色見本[WordPress][the-thor]

ワードプレスのテーマTHETHORには、たくさんの機能が備わつています。「色の指定」もそのうちのひとつです。 ザ・トールでは、色に名前を付けて様々なパーツに指定できるような工夫がされていて、名前の付けられている色は全部で91色あります。ただ、用意されている配色が多いので『どれを選べばよいのか悩んでしまう~』という嬉しい悲鳴が聞こえてきそうなのも事実です。 そこで、色の指定を簡単に、楽におこなうこと […]

  • 2022-05-14
  • 2022-07-28

CSSボックスモデル

CSSのスタイルを変更しようとすると、避けて通れないのがボックスモデルという概念の理解です。逆に言えば、ボックスモデルを理解するとカスタマイズの幅が広がります。 そこでボックスモデルについての概念と、少し掘り下げて実践的な内容をお伝えしていきます。 ボックスモデルとは? ボックスモデルとは、指定したスタイルの通りにブラウザに表示させるためのCSSのルールです。 基本的なボックスモデルの概念は「すべ […]

  • 2022-03-18
  • 2022-07-28

「タブ」をデザインする:タブの見え方とタブ内の表示内容を設定する7つの方法[WordPress]

普段何気なく見ているタブ。インターネットを閲覧しているときは、さほど気にしていないことでも、いざサイトを作成する立場になると「タブってなんだろう」とか、「タブには何がどのように表示されているの?」などと、表示にルールや規則性などがあるのか?ないのか、また、意図的に表示させたい文言にすることはできるのか?否か?など、タブの表示をデザインという視点でみたらどのように見えるのか、また、どのような設定方法 […]

>フッターCTA見出し

フッターCTA見出し

フッターCTAの本文を入力

CTR IMG