あゆばなな

あゆばなな

記事一覧

【Shopify】特定の商品を、ログインしてる人&法人タグの人のみ購入できるようにする

商品を表示させないようにできたら1番良かったけど、難しかったから、 購入できない人は「カートに追加ボタン」を消した

100

【jQuery】ラジオボタンの選択によって、divを出したり消したり

★Shopify案件 お客様アカウント作成画面で、「個人」と「法人」のラジオボタンがある →法人を選んだ時のみ、「法人名」の欄を出す

100

【WP】検索フォーム

① ↓をフォームを表示させたい箇所に書く

1,000

「送信されたURLにnoindexタグが追加されています」の対処法

サーチコンソールで「送信されたURLにnoindexタグが追加されています」が出た時

100

シック・大人っぽいデザイン 特徴

・余白が多い ・余計な装飾とか、区切りの線とかがない ・使われてる色が少なめ ・英語の書体が似た感じ ・文字大きい+太字はあんまりない 太字だったら文字の大きさ本文…

エクセルのアウトライン化

https://obanprint110.com/blog/guide/outline/#office

タイトル下線

#top_news h3 {position: relative; display: inline-block; margin-bottom:1.8em; letter-spacing:0;} #top_news h3:before {content: ''; position: absolute; bottom:…

可愛いイラスト

西野建設工業株式会社

●建設業 ●白、少し青っぽい黄緑、黒、グレー。明るくて、少しかわいい印象。 ●どちらかというと女性向けな感じがするけど、、、 ●メインビジュアル→NEWS→事業内容→…

株式会社松徳工業所

https://www.shotoku-netsushori.co.jp/ ●部品作ってる会社、金属の熱処理に特化 ●かっこいい、スッキリ。男性向け?? ●白、黒、深緑 ●メインビジュアル→ポリシー→…

+13

採用バナー

WEBフォントの記述

Adobeフォント /*** <head>〜</head>内にAdobe Fonts Scriptを挿入する**/add_action( 'wp_head', function() { ?> <script>(function(d) {var config = {kitId: ‘自分…

1

Macでhostsファイルを書き換える

https://hazimaru.jp/820/

<東京医療保険大学和歌山看護学部…>

https://wakayama.thcu.ac.jp/ 感じたこと ●学校 ・色→白・黒・黄緑〜水色のグラデーション ・20~30代の女性 ・とにかく明るい・爽やか! ・メインビジュアルが丸くな…

< 東急建設株式会社 >

https://www.tokyu-cnst.co.jp/ ●構成● header→メインビジュアル(動画)→お知らせ→お知らせのピックアップ →会社について→ビジョン→事業紹介→実績紹介→取り組み…

1

< 杉山家具製作所 >

https://sugiyama-kagu.com/ 感じたこと ●家具製造業 ・色:白、#4E5346(深緑)⇦文字も深緑(グレーっぽく見えたけど) 2色しか使ってない! ・明朝体 ・ターゲット…

1

【Shopify】特定の商品を、ログインしてる人&法人タグの人のみ購入できるようにする

商品を表示させないようにできたら1番良かったけど、難しかったから、
購入できない人は「カートに追加ボタン」を消した

もっとみる

【jQuery】ラジオボタンの選択によって、divを出したり消したり

★Shopify案件
お客様アカウント作成画面で、「個人」と「法人」のラジオボタンがある
→法人を選んだ時のみ、「法人名」の欄を出す

もっとみる

【WP】検索フォーム

① ↓をフォームを表示させたい箇所に書く

もっとみる

「送信されたURLにnoindexタグが追加されています」の対処法

サーチコンソールで「送信されたURLにnoindexタグが追加されています」が出た時

もっとみる

シック・大人っぽいデザイン 特徴

・余白が多い
・余計な装飾とか、区切りの線とかがない
・使われてる色が少なめ
・英語の書体が似た感じ
・文字大きい+太字はあんまりない
太字だったら文字の大きさ本文と同じ、とか
・写真の大きさ・位置をランダムに。レイヤードさせる

タイトル下線


#top_news h3 {position: relative; display: inline-block; margin-bottom:1.8em; letter-spacing:0;} #top_news h3:before {content: ''; position: absolute; bottom: -8px; display: inline-block; width: 60p

もっとみる
西野建設工業株式会社

西野建設工業株式会社

●建設業
●白、少し青っぽい黄緑、黒、グレー。明るくて、少しかわいい印象。
●どちらかというと女性向けな感じがするけど、、、
●メインビジュアル→NEWS→事業内容→採用情報→施工事例→お問い合わせ

感じたこと

・ヘッダーが縦書き。キャッチコピーも縦書き。
→一般的ではないから目立つ。縦に大きく幅をとってるぶん見やすいかも、、、?
・ターコイズっぽい色とか、ボタンの角が丸くなってたりとかから、

もっとみる
株式会社松徳工業所

株式会社松徳工業所

https://www.shotoku-netsushori.co.jp/

●部品作ってる会社、金属の熱処理に特化
●かっこいい、スッキリ。男性向け??
●白、黒、深緑
●メインビジュアル→ポリシー→特徴(事業紹介?)→採用情報→お知らせ→リンクバナー
●フォント:'Noto Serif JP', serif

感じたこと

・メインビジュアルは写真を暗くして上に白い文字。
写真上に経営理念のペ

もっとみる

WEBフォントの記述

Adobeフォント

/*** <head>〜</head>内にAdobe Fonts Scriptを挿入する**/add_action( 'wp_head', function() { ?> <script>(function(d) {var config = {kitId: ‘自分のadobefontのプロジェクトID’,scriptTimeout: 3000,async: true},h=

もっとみる
<東京医療保険大学和歌山看護学部…>

<東京医療保険大学和歌山看護学部…>

https://wakayama.thcu.ac.jp/

感じたこと

●学校
・色→白・黒・黄緑〜水色のグラデーション
・20~30代の女性
・とにかく明るい・爽やか!
・メインビジュアルが丸くなっていて、個性的!
全面写真じゃないから、余白の白がより爽やかさをupさせてる。キャッチフレーズも目立つ。
・「タイトル→中身、タイトル→中身→タイトル→中身」って感じじゃなくて、流れるように見える感

もっとみる
< 東急建設株式会社 >

< 東急建設株式会社 >

https://www.tokyu-cnst.co.jp/
●構成●
header→メインビジュアル(動画)→お知らせ→お知らせのピックアップ
→会社について→ビジョン→事業紹介→実績紹介→取り組み→SDGs
→footer

感じたこと

●建設会社
・ゴシック体
・白・黒・青・黄緑。緑はクリーンな感じがする!
・30~50代男性??
●ボタンのデザインがかわいい。分かりやすい。
hoverする

もっとみる
< 杉山家具製作所 >

< 杉山家具製作所 >

https://sugiyama-kagu.com/

感じたこと

●家具製造業
・色:白、#4E5346(深緑)⇦文字も深緑(グレーっぽく見えたけど)
2色しか使ってない!
・明朝体
・ターゲット:全世代な気がする^^;
●シンプルですごくきれい!!こんなの作りたい!!
すっきりしてるのに単調じゃないからしょぼく見えない。写真もきれい。
余白がめちゃくちゃ多い。
●コンテンツ
メインビジュアル

もっとみる