【商用OK】Shopifyの「hatchful」でアイコン付きのおしゃれなロゴを無料で作れます!

ホームページにロゴを入れたいけど、お金はかけられないし無料で簡単に作りたいと思っている方いませんか?

以前無料ロゴメーカーで、STORES.jpの「LOGO MAKER」をご紹介しましたが、最近使用できなくなってしまいました。

今回は以前twitterでも話題になったオシャレなロゴを簡単に作れるフリー&商用利用可のロゴメーカー「hatchful」をご紹介します。

Shopifyの「hatchful」はウェブ上で作れるのでアプリやソフトをインストールする必要なし

STORES.jpの「LOGO MAKER」はウェブ上で作れるので、アプリやソフトをインストールする必要はありません。

そのため、パソコンやスマホさえあればとくに制限もなく誰でもどこでも使えます!

ゆうそうと

hatchfulでは、ロゴを使用したイメージを見ることができてとてもわかりやすいです

Shopifyの「hatchful」でロゴを作る方法

Shopifyの「hatchful」でロゴを作る方法です。

「hatchful」にアクセスしてロゴ名を入力

Shopifyの「hatchful」のページへアクセスします。

<meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="referrer" content="never"/><meta data-react-html="true" name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><meta data-react-html="true" name="apple-mobile-web-app-capable" content="yes"/><meta data-react-html="true" name="apple-mobile-web-app-status-bar-style" content="black"/><meta data-react-html="true" name="description" content="Shopifyのオンラインロゴメーカーは、独自のオリジナルロゴを作成できる無料ツールです。このロゴ作成ツールを使えば、あなたのビジネスにぴったりのロゴが簡単に見つかります。"/><meta data-react-html="true" name="robots" content="index,follow"/><link data-react-html="true" rel="preconnect" href="https://cdn.shopify.com"/><link data-react-html="true" rel="preconnect" href="https://www.google-analytics.com"/><link data-react-html="true" rel="preconnect" href="https://www.googletagmanager.com"/><link data-react-html="true" rel="shortcut icon" type="image/png" href="https://cdn.shopify.com/static/shopify-favicon.png"/><link data-react-html="true" rel="canonical" href="https://www.shopify.com/jp/tools/logo-maker"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/tools/logo-maker" hrefLang="en"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/jp/tools/logo-maker" hrefLang="ja"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/fr/outils/createur-de-logo" hrefLang="fr"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/it/strumenti/creatore-di-logo" hrefLang="it"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/de/tools/logo-maker" hrefLang="de"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/br/ferramentas/criador-de-logo" hrefLang="pt-BR"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/es/herramientas/generador-de-logos" hrefLang="es"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/zh/tools/logo-maker" hrefLang="zh-Hans"/><link rel="stylesheet" type="text/css" href="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/vendors~main-e54d6b00ea42f81ccb49ae17819da82547ce5b6bf4e9e061bfd4bf6a82b147f1.css" integrity="sha256-5U1rAOpC+BzLSa4XgZ2oJUfOW2v06eBhv9S/aoKxR/E=" crossorigin="anonymous"/><link rel="stylesheet" type="text/css" href="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/main-9b5e52cf632521f6fc2eb3f3d885662735fe5b6c1e5757368507a34a4d341994.css" integrity="sha256-m15Sz2MlIfb8LrPz2IVmJzX+W2weV1c2hQejSk00GZQ=" crossorigin="anonymous"/><script src="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/runtime-bd8e0c399b962d8a2a84f59e140e743931c93055abec33791c0d657bcc0c6262.js" integrity="sha256-vY4MOZuWLYoqhPWeFA50OTHJMFWr7DN5HA1le8wMYmI=" crossorigin="anonymous" type="text/javascript" defer=""></script><script src="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/vendors~main-f44412b6d340f49de1554e39f6718960514a8dbf6ea4f65929ae8feacb24e5f9.js" integrity="sha256-9EQSttNA9J3hVU459nGJYFFKjb9upPZZKa6P6ssk5fk=" crossorigin="anonymous" type="text/javascript" defer=""></script><script src="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/main-4bb1f14e1c2c5c38dd0276eaec4b5f99d41821886f035385b0dfdd6fa9f56705.js" integrity="sha256-S7HxThwsXDjdAnbq7EtfmdQYIYhvA1OFsN/db6n1ZwU=" crossorigin="anonymous" type="text/javascript" defer=""></script></head><body><div id="app"><div style="--p-background:rgba(246, 246, 247, 1);--p-background-hovered:rgba(241, 242, 243, 1);--p-background-pressed:rgba(237, 238, 239, 1);--p-background-selected:rgba(237, 238, 239, 1);--p-surface:rgba(255, 255, 255, 1);--p-surface-neutral:rgba(228, 229, 231, 1);--p-surface-neutral-hovered:rgba(219, 221, 223, 1);--p-surface-neutral-pressed:rgba(201, 204, 208, 1);--p-surface-neutral-disabled:rgba(241, 242, 243, 1);--p-surface-neutral-subdued:rgba(246, 246, 247, 1);--p-surface-subdued:rgba(250, 251, 251, 1);--p-surface-disabled:rgba(250, 251, 251, 1);--p-surface-hovered:rgba(246, 246, 247, 1);--p-surface-pressed:rgba(241, 242, 243, 1);--p-surface-depressed:rgba(237, 238, 239, 1);--p-surface-search-field:rgba(241, 242, 243, 1);--p-backdrop:rgba(0, 0, 0, 0.5);--p-overlay:rgba(255, 255, 255, 0.5);--p-shadow-from-dim-light:rgba(0, 0, 0, 0.2);--p-shadow-from-ambient-light:rgba(23, 24, 24, 0.05);--p-shadow-from-direct-light:rgba(0, 0, 0, 0.15);--p-hint-from-direct-light:rgba(0, 0, 0, 0.15);--p-border:rgba(140, 145, 150, 1);--p-border-neutral-subdued:rgba(186, 191, 195, 1);--p-border-hovered:rgba(153, 158, 164, 1);--p-border-disabled:rgba(210, 213, 216, 1);--p-border-subdued:rgba(201, 204, 207, 1);--p-border-depressed:rgba(87, 89, 89, 1);--p-border-shadow:rgba(174, 180, 185, 1);--p-border-shadow-subdued:rgba(186, 191, 196, 1);--p-divider:rgba(225, 227, 229, 1);--p-icon:rgba(92, 95, 98, 1);--p-icon-hovered:rgba(26, 28, 29, 1);--p-icon-pressed:rgba(68, 71, 74, 1);--p-icon-disabled:rgba(186, 190, 195, 1);--p-icon-subdued:rgba(140, 145, 150, 1);--p-text:rgba(32, 34, 35, 1);--p-text-disabled:rgba(140, 145, 150, 1);--p-text-subdued:rgba(109, 113, 117, 1);--p-interactive:rgba(44, 110, 203, 1);--p-interactive-disabled:rgba(189, 193, 204, 1);--p-interactive-hovered:rgba(31, 81, 153, 1);--p-interactive-pressed:rgba(16, 50, 98, 1);--p-icon-interactive:rgba(44, 110, 203, 1);--p-focused:rgba(69, 143, 255, 1);--p-surface-selected:rgba(242, 247, 254, 1);--p-surface-selected-hovered:rgba(237, 244, 254, 1);--p-surface-selected-pressed:rgba(229, 239, 253, 1);--p-icon-on-interactive:rgba(255, 255, 255, 1);--p-text-on-interactive:rgba(255, 255, 255, 1);--p-action-secondary:rgba(255, 255, 255, 1);--p-action-secondary-disabled:rgba(255, 255, 255, 1);--p-action-secondary-hovered:rgba(246, 246, 247, 1);--p-action-secondary-pressed:rgba(241, 242, 243, 1);--p-action-secondary-depressed:rgba(109, 113, 117, 1);--p-action-primary:rgba(0, 128, 96, 1);--p-action-primary-disabled:rgba(241, 241, 241, 1);--p-action-primary-hovered:rgba(0, 110, 82, 1);--p-action-primary-pressed:rgba(0, 94, 70, 1);--p-action-primary-depressed:rgba(0, 61, 44, 1);--p-icon-on-primary:rgba(255, 255, 255, 1);--p-text-on-primary:rgba(255, 255, 255, 1);--p-text-primary:rgba(0, 123, 92, 1);--p-text-primary-hovered:rgba(0, 108, 80, 1);--p-text-primary-pressed:rgba(0, 92, 68, 1);--p-surface-primary-selected:rgba(241, 248, 245, 1);--p-surface-primary-selected-hovered:rgba(179, 208, 195, 1);--p-surface-primary-selected-pressed:rgba(162, 188, 176, 1);--p-border-critical:rgba(253, 87, 73, 1);--p-border-critical-subdued:rgba(224, 179, 178, 1);--p-border-critical-disabled:rgba(255, 167, 163, 1);--p-icon-critical:rgba(215, 44, 13, 1);--p-surface-critical:rgba(254, 211, 209, 1);--p-surface-critical-subdued:rgba(255, 244, 244, 1);--p-surface-critical-subdued-hovered:rgba(255, 240, 240, 1);--p-surface-critical-subdued-pressed:rgba(255, 233, 232, 1);--p-surface-critical-subdued-depressed:rgba(254, 188, 185, 1);--p-text-critical:rgba(215, 44, 13, 1);--p-action-critical:rgba(216, 44, 13, 1);--p-action-critical-disabled:rgba(241, 241, 241, 1);--p-action-critical-hovered:rgba(188, 34, 0, 1);--p-action-critical-pressed:rgba(162, 27, 0, 1);--p-action-critical-depressed:rgba(108, 15, 0, 1);--p-icon-on-critical:rgba(255, 255, 255, 1);--p-text-on-critical:rgba(255, 255, 255, 1);--p-interactive-critical:rgba(216, 44, 13, 1);--p-interactive-critical-disabled:rgba(253, 147, 141, 1);--p-interactive-critical-hovered:rgba(205, 41, 12, 1);--p-interactive-critical-pressed:rgba(103, 15, 3, 1);--p-border-warning:rgba(185, 137, 0, 1);--p-border-warning-subdued:rgba(225, 184, 120, 1);--p-icon-warning:rgba(185, 137, 0, 1);--p-surface-warning:rgba(255, 215, 157, 1);--p-surface-warning-subdued:rgba(255, 245, 234, 1);--p-surface-warning-subdued-hovered:rgba(255, 242, 226, 1);--p-surface-warning-subdued-pressed:rgba(255, 235, 211, 1);--p-text-warning:rgba(145, 106, 0, 1);--p-border-highlight:rgba(68, 157, 167, 1);--p-border-highlight-subdued:rgba(152, 198, 205, 1);--p-icon-highlight:rgba(0, 160, 172, 1);--p-surface-highlight:rgba(164, 232, 242, 1);--p-surface-highlight-subdued:rgba(235, 249, 252, 1);--p-surface-highlight-subdued-hovered:rgba(228, 247, 250, 1);--p-surface-highlight-subdued-pressed:rgba(213, 243, 248, 1);--p-text-highlight:rgba(52, 124, 132, 1);--p-border-success:rgba(0, 164, 124, 1);--p-border-success-subdued:rgba(149, 201, 180, 1);--p-icon-success:rgba(0, 127, 95, 1);--p-surface-success:rgba(174, 233, 209, 1);--p-surface-success-subdued:rgba(241, 248, 245, 1);--p-surface-success-subdued-hovered:rgba(236, 246, 241, 1);--p-surface-success-subdued-pressed:rgba(226, 241, 234, 1);--p-text-success:rgba(0, 128, 96, 1);--p-decorative-one-icon:rgba(126, 87, 0, 1);--p-decorative-one-surface:rgba(255, 201, 107, 1);--p-decorative-one-text:rgba(61, 40, 0, 1);--p-decorative-two-icon:rgba(175, 41, 78, 1);--p-decorative-two-surface:rgba(255, 196, 176, 1);--p-decorative-two-text:rgba(73, 11, 28, 1);--p-decorative-three-icon:rgba(0, 109, 65, 1);--p-decorative-three-surface:rgba(146, 230, 181, 1);--p-decorative-three-text:rgba(0, 47, 25, 1);--p-decorative-four-icon:rgba(0, 106, 104, 1);--p-decorative-four-surface:rgba(145, 224, 214, 1);--p-decorative-four-text:rgba(0, 45, 45, 1);--p-decorative-five-icon:rgba(174, 43, 76, 1);--p-decorative-five-surface:rgba(253, 201, 208, 1);--p-decorative-five-text:rgba(79, 14, 31, 1);--p-border-radius-base:0.4rem;--p-border-radius-wide:0.8rem;--p-border-radius-full:50%;--p-card-shadow:0px 0px 5px var(--p-shadow-from-ambient-light), 0px 1px 2px var(--p-shadow-from-direct-light);--p-popover-shadow:-1px 0px 20px var(--p-shadow-from-ambient-light), 0px 1px 5px var(--p-shadow-from-direct-light);--p-modal-shadow:0px 26px 80px var(--p-shadow-from-dim-light), 0px 0px 1px var(--p-shadow-from-dim-light);--p-top-bar-shadow:0 2px 2px -1px var(--p-shadow-from-direct-light);--p-button-drop-shadow:0 1px 0 rgba(0, 0, 0, 0.05);--p-button-inner-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.2);--p-button-pressed-inner-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.15);--p-override-none:none;--p-override-transparent:transparent;--p-override-one:1;--p-override-visible:visible;--p-override-zero:0;--p-override-loading-z-index:514;--p-button-font-weight:500;--p-non-null-content:'';--p-choice-size:2rem;--p-icon-size:1rem;--p-choice-margin:0.1rem;--p-control-border-width:0.2rem;--p-banner-border-default:inset 0 0.1rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.1rem var(--p-border-neutral-subdued);--p-banner-border-success:inset 0 0.1rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.1rem var(--p-border-success-subdued);--p-banner-border-highlight:inset 0 0.1rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.1rem var(--p-border-highlight-subdued);--p-banner-border-warning:inset 0 0.1rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.1rem var(--p-border-warning-subdued);--p-banner-border-critical:inset 0 0.1rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.1rem var(--p-border-critical-subdued);--p-badge-mix-blend-mode:luminosity;--p-thin-border-subdued:0.1rem solid var(--p-border-subdued);--p-text-field-spinner-offset:0.2rem;--p-text-field-focus-ring-offset:-0.4rem;--p-text-field-focus-ring-border-radius:0.7rem;--p-button-group-item-spacing:-0.1rem;--p-duration-1-0-0:100ms;--p-duration-1-5-0:150ms;--p-ease-in:cubic-bezier(0.5, 0.1, 1, 1);--p-ease:cubic-bezier(0.4, 0.22, 0.28, 1);--p-range-slider-thumb-size-base:1.6rem;--p-range-slider-thumb-size-active:2.4rem;--p-range-slider-thumb-scale:1.5;--p-badge-font-weight:400;--p-frame-offset:0px"><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--regular.woff2"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--bold.woff2"/><nav class="_29EX0"><div class="_2W6HR"><a href="https://www.shopify.com/jp"><div title="Shopifyの無料ロゴメーカー" class="_1lybW"><svg viewBox="0 0 608 173.7" role="img" aria-label="Shopify"><title>Shopify

hatchfulのトップページに移動したら「使ってみる」をクリックします。

STEP
1

ビジネスの業界を選択する

「ビジネスの業界を選択する」では、ビジネスのカテゴリーを選んで、「次へ」をクリックします。

何のロゴを作ろうとしているかによって選んでみてください。

STEP
2

デザインのスタイルを選択する

「デザインのスタイルを選択してください」ではスタイルのカテゴリーを選び、「次へ」をクリックします。

STEP
3

ロゴとスローガンを入力

「ビジネス名を追加する」では、ロゴに表示したいテキストと、スローガンを入力して「次へ」をクリックします。

STEP
4

ロゴの使用場面を選択

「ロゴをどこで使用しますか?」では、ロゴの使用場面にチェックし「次へ」をクリックします。(複数チェックあり)

ブログで使いたい方は一番上の「オンラインストアまたはウェブサイト」を選んでください。

STEP
5

ロゴが複数作成されました

「ロゴを複数作成しました」ではこれまでの質問をもとにたくさんのロゴを作ってくれていました。

編集するときは「ロゴを編集する」をクリックしてください。

STEP
6

ロゴの編集画面

「ロゴの編集画面」では、名前、フォント、色、レイアウトが設定できます。

この中でも今回はフォントと色を変更してみます。

名前
フォント
レイアウト

ビジネス名やスローガンは英語の方がたくさんのフォントのから選ぶことができます。

編集が終わったら「次へ」をクリックします。

STEP
7

ロゴができたらダウンロードできます

ロゴが完成したら「ダウンロード」ボタンをクリックします。

アカウントを作成することで、メールでロゴが送られます。メールアドレスとパスワードを入力して「サインアップ」をクリックしてください。

クリックすると登録したメールにて「Hatchfulブランドアセット」というメールが届いているので「Download HatchfulExport-All.zip」をクリックします。

zipファイルを解凍するとFacebookやTwitter、Youtubeなど用のアイコンやカバー写真が用意されていました!お好きな場面でご使用いただけます。

STEP
8

まとめ

無料のロゴメーカー、hatchfulのまとめです!

  • ホームページに無料でロゴを作りたい方にオススメのロゴメーカー「hatchful」を紹介します。
  • 「hatchful」は無料で利用できるロゴメーカーであり、商用利用も可能です。
  • 「hatchful」はテキストを入力して数ステップでロゴが作れます。
  • 「hatchful」の利用にはウェブ上での作成であり、アプリやソフトのインストールは必要ありません。
  • 「hatchful」では作成したロゴの他に、FacebookやTwitter、YouTubeなどのアイコンやカバー写真も提供されます。

ぜひShopifyが提供する「hatchful」を使ってみてください!

<meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="referrer" content="never"/><meta data-react-html="true" name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><meta data-react-html="true" name="apple-mobile-web-app-capable" content="yes"/><meta data-react-html="true" name="apple-mobile-web-app-status-bar-style" content="black"/><meta data-react-html="true" name="description" content="Shopifyのオンラインロゴメーカーは、独自のオリジナルロゴを作成できる無料ツールです。このロゴ作成ツールを使えば、あなたのビジネスにぴったりのロゴが簡単に見つかります。"/><meta data-react-html="true" name="robots" content="index,follow"/><link data-react-html="true" rel="preconnect" href="https://cdn.shopify.com"/><link data-react-html="true" rel="preconnect" href="https://www.google-analytics.com"/><link data-react-html="true" rel="preconnect" href="https://www.googletagmanager.com"/><link data-react-html="true" rel="shortcut icon" type="image/png" href="https://cdn.shopify.com/static/shopify-favicon.png"/><link data-react-html="true" rel="canonical" href="https://www.shopify.com/jp/tools/logo-maker"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/tools/logo-maker" hrefLang="en"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/jp/tools/logo-maker" hrefLang="ja"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/fr/outils/createur-de-logo" hrefLang="fr"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/it/strumenti/creatore-di-logo" hrefLang="it"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/de/tools/logo-maker" hrefLang="de"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/br/ferramentas/criador-de-logo" hrefLang="pt-BR"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/es/herramientas/generador-de-logos" hrefLang="es"/><link data-react-html="true" rel="alternate" href="https://www.shopify.com/zh/tools/logo-maker" hrefLang="zh-Hans"/><link rel="stylesheet" type="text/css" href="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/vendors~main-e54d6b00ea42f81ccb49ae17819da82547ce5b6bf4e9e061bfd4bf6a82b147f1.css" integrity="sha256-5U1rAOpC+BzLSa4XgZ2oJUfOW2v06eBhv9S/aoKxR/E=" crossorigin="anonymous"/><link rel="stylesheet" type="text/css" href="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/main-9b5e52cf632521f6fc2eb3f3d885662735fe5b6c1e5757368507a34a4d341994.css" integrity="sha256-m15Sz2MlIfb8LrPz2IVmJzX+W2weV1c2hQejSk00GZQ=" crossorigin="anonymous"/><script src="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/runtime-bd8e0c399b962d8a2a84f59e140e743931c93055abec33791c0d657bcc0c6262.js" integrity="sha256-vY4MOZuWLYoqhPWeFA50OTHJMFWr7DN5HA1le8wMYmI=" crossorigin="anonymous" type="text/javascript" defer=""></script><script src="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/vendors~main-f44412b6d340f49de1554e39f6718960514a8dbf6ea4f65929ae8feacb24e5f9.js" integrity="sha256-9EQSttNA9J3hVU459nGJYFFKjb9upPZZKa6P6ssk5fk=" crossorigin="anonymous" type="text/javascript" defer=""></script><script src="https://cdn.shopify.com/shopifycloud/hatchful_web_two/bundles/baseline/main-4bb1f14e1c2c5c38dd0276eaec4b5f99d41821886f035385b0dfdd6fa9f56705.js" integrity="sha256-S7HxThwsXDjdAnbq7EtfmdQYIYhvA1OFsN/db6n1ZwU=" crossorigin="anonymous" type="text/javascript" defer=""></script></head><body><div id="app"><div style="--p-background:rgba(246, 246, 247, 1);--p-background-hovered:rgba(241, 242, 243, 1);--p-background-pressed:rgba(237, 238, 239, 1);--p-background-selected:rgba(237, 238, 239, 1);--p-surface:rgba(255, 255, 255, 1);--p-surface-neutral:rgba(228, 229, 231, 1);--p-surface-neutral-hovered:rgba(219, 221, 223, 1);--p-surface-neutral-pressed:rgba(201, 204, 208, 1);--p-surface-neutral-disabled:rgba(241, 242, 243, 1);--p-surface-neutral-subdued:rgba(246, 246, 247, 1);--p-surface-subdued:rgba(250, 251, 251, 1);--p-surface-disabled:rgba(250, 251, 251, 1);--p-surface-hovered:rgba(246, 246, 247, 1);--p-surface-pressed:rgba(241, 242, 243, 1);--p-surface-depressed:rgba(237, 238, 239, 1);--p-surface-search-field:rgba(241, 242, 243, 1);--p-backdrop:rgba(0, 0, 0, 0.5);--p-overlay:rgba(255, 255, 255, 0.5);--p-shadow-from-dim-light:rgba(0, 0, 0, 0.2);--p-shadow-from-ambient-light:rgba(23, 24, 24, 0.05);--p-shadow-from-direct-light:rgba(0, 0, 0, 0.15);--p-hint-from-direct-light:rgba(0, 0, 0, 0.15);--p-border:rgba(140, 145, 150, 1);--p-border-neutral-subdued:rgba(186, 191, 195, 1);--p-border-hovered:rgba(153, 158, 164, 1);--p-border-disabled:rgba(210, 213, 216, 1);--p-border-subdued:rgba(201, 204, 207, 1);--p-border-depressed:rgba(87, 89, 89, 1);--p-border-shadow:rgba(174, 180, 185, 1);--p-border-shadow-subdued:rgba(186, 191, 196, 1);--p-divider:rgba(225, 227, 229, 1);--p-icon:rgba(92, 95, 98, 1);--p-icon-hovered:rgba(26, 28, 29, 1);--p-icon-pressed:rgba(68, 71, 74, 1);--p-icon-disabled:rgba(186, 190, 195, 1);--p-icon-subdued:rgba(140, 145, 150, 1);--p-text:rgba(32, 34, 35, 1);--p-text-disabled:rgba(140, 145, 150, 1);--p-text-subdued:rgba(109, 113, 117, 1);--p-interactive:rgba(44, 110, 203, 1);--p-interactive-disabled:rgba(189, 193, 204, 1);--p-interactive-hovered:rgba(31, 81, 153, 1);--p-interactive-pressed:rgba(16, 50, 98, 1);--p-icon-interactive:rgba(44, 110, 203, 1);--p-focused:rgba(69, 143, 255, 1);--p-surface-selected:rgba(242, 247, 254, 1);--p-surface-selected-hovered:rgba(237, 244, 254, 1);--p-surface-selected-pressed:rgba(229, 239, 253, 1);--p-icon-on-interactive:rgba(255, 255, 255, 1);--p-text-on-interactive:rgba(255, 255, 255, 1);--p-action-secondary:rgba(255, 255, 255, 1);--p-action-secondary-disabled:rgba(255, 255, 255, 1);--p-action-secondary-hovered:rgba(246, 246, 247, 1);--p-action-secondary-pressed:rgba(241, 242, 243, 1);--p-action-secondary-depressed:rgba(109, 113, 117, 1);--p-action-primary:rgba(0, 128, 96, 1);--p-action-primary-disabled:rgba(241, 241, 241, 1);--p-action-primary-hovered:rgba(0, 110, 82, 1);--p-action-primary-pressed:rgba(0, 94, 70, 1);--p-action-primary-depressed:rgba(0, 61, 44, 1);--p-icon-on-primary:rgba(255, 255, 255, 1);--p-text-on-primary:rgba(255, 255, 255, 1);--p-text-primary:rgba(0, 123, 92, 1);--p-text-primary-hovered:rgba(0, 108, 80, 1);--p-text-primary-pressed:rgba(0, 92, 68, 1);--p-surface-primary-selected:rgba(241, 248, 245, 1);--p-surface-primary-selected-hovered:rgba(179, 208, 195, 1);--p-surface-primary-selected-pressed:rgba(162, 188, 176, 1);--p-border-critical:rgba(253, 87, 73, 1);--p-border-critical-subdued:rgba(224, 179, 178, 1);--p-border-critical-disabled:rgba(255, 167, 163, 1);--p-icon-critical:rgba(215, 44, 13, 1);--p-surface-critical:rgba(254, 211, 209, 1);--p-surface-critical-subdued:rgba(255, 244, 244, 1);--p-surface-critical-subdued-hovered:rgba(255, 240, 240, 1);--p-surface-critical-subdued-pressed:rgba(255, 233, 232, 1);--p-surface-critical-subdued-depressed:rgba(254, 188, 185, 1);--p-text-critical:rgba(215, 44, 13, 1);--p-action-critical:rgba(216, 44, 13, 1);--p-action-critical-disabled:rgba(241, 241, 241, 1);--p-action-critical-hovered:rgba(188, 34, 0, 1);--p-action-critical-pressed:rgba(162, 27, 0, 1);--p-action-critical-depressed:rgba(108, 15, 0, 1);--p-icon-on-critical:rgba(255, 255, 255, 1);--p-text-on-critical:rgba(255, 255, 255, 1);--p-interactive-critical:rgba(216, 44, 13, 1);--p-interactive-critical-disabled:rgba(253, 147, 141, 1);--p-interactive-critical-hovered:rgba(205, 41, 12, 1);--p-interactive-critical-pressed:rgba(103, 15, 3, 1);--p-border-warning:rgba(185, 137, 0, 1);--p-border-warning-subdued:rgba(225, 184, 120, 1);--p-icon-warning:rgba(185, 137, 0, 1);--p-surface-warning:rgba(255, 215, 157, 1);--p-surface-warning-subdued:rgba(255, 245, 234, 1);--p-surface-warning-subdued-hovered:rgba(255, 242, 226, 1);--p-surface-warning-subdued-pressed:rgba(255, 235, 211, 1);--p-text-warning:rgba(145, 106, 0, 1);--p-border-highlight:rgba(68, 157, 167, 1);--p-border-highlight-subdued:rgba(152, 198, 205, 1);--p-icon-highlight:rgba(0, 160, 172, 1);--p-surface-highlight:rgba(164, 232, 242, 1);--p-surface-highlight-subdued:rgba(235, 249, 252, 1);--p-surface-highlight-subdued-hovered:rgba(228, 247, 250, 1);--p-surface-highlight-subdued-pressed:rgba(213, 243, 248, 1);--p-text-highlight:rgba(52, 124, 132, 1);--p-border-success:rgba(0, 164, 124, 1);--p-border-success-subdued:rgba(149, 201, 180, 1);--p-icon-success:rgba(0, 127, 95, 1);--p-surface-success:rgba(174, 233, 209, 1);--p-surface-success-subdued:rgba(241, 248, 245, 1);--p-surface-success-subdued-hovered:rgba(236, 246, 241, 1);--p-surface-success-subdued-pressed:rgba(226, 241, 234, 1);--p-text-success:rgba(0, 128, 96, 1);--p-decorative-one-icon:rgba(126, 87, 0, 1);--p-decorative-one-surface:rgba(255, 201, 107, 1);--p-decorative-one-text:rgba(61, 40, 0, 1);--p-decorative-two-icon:rgba(175, 41, 78, 1);--p-decorative-two-surface:rgba(255, 196, 176, 1);--p-decorative-two-text:rgba(73, 11, 28, 1);--p-decorative-three-icon:rgba(0, 109, 65, 1);--p-decorative-three-surface:rgba(146, 230, 181, 1);--p-decorative-three-text:rgba(0, 47, 25, 1);--p-decorative-four-icon:rgba(0, 106, 104, 1);--p-decorative-four-surface:rgba(145, 224, 214, 1);--p-decorative-four-text:rgba(0, 45, 45, 1);--p-decorative-five-icon:rgba(174, 43, 76, 1);--p-decorative-five-surface:rgba(253, 201, 208, 1);--p-decorative-five-text:rgba(79, 14, 31, 1);--p-border-radius-base:0.4rem;--p-border-radius-wide:0.8rem;--p-border-radius-full:50%;--p-card-shadow:0px 0px 5px var(--p-shadow-from-ambient-light), 0px 1px 2px var(--p-shadow-from-direct-light);--p-popover-shadow:-1px 0px 20px var(--p-shadow-from-ambient-light), 0px 1px 5px var(--p-shadow-from-direct-light);--p-modal-shadow:0px 26px 80px var(--p-shadow-from-dim-light), 0px 0px 1px var(--p-shadow-from-dim-light);--p-top-bar-shadow:0 2px 2px -1px var(--p-shadow-from-direct-light);--p-button-drop-shadow:0 1px 0 rgba(0, 0, 0, 0.05);--p-button-inner-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.2);--p-button-pressed-inner-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.15);--p-override-none:none;--p-override-transparent:transparent;--p-override-one:1;--p-override-visible:visible;--p-override-zero:0;--p-override-loading-z-index:514;--p-button-font-weight:500;--p-non-null-content:'';--p-choice-size:2rem;--p-icon-size:1rem;--p-choice-margin:0.1rem;--p-control-border-width:0.2rem;--p-banner-border-default:inset 0 0.1rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.1rem var(--p-border-neutral-subdued);--p-banner-border-success:inset 0 0.1rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.1rem var(--p-border-success-subdued);--p-banner-border-highlight:inset 0 0.1rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.1rem var(--p-border-highlight-subdued);--p-banner-border-warning:inset 0 0.1rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.1rem var(--p-border-warning-subdued);--p-banner-border-critical:inset 0 0.1rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.1rem var(--p-border-critical-subdued);--p-badge-mix-blend-mode:luminosity;--p-thin-border-subdued:0.1rem solid var(--p-border-subdued);--p-text-field-spinner-offset:0.2rem;--p-text-field-focus-ring-offset:-0.4rem;--p-text-field-focus-ring-border-radius:0.7rem;--p-button-group-item-spacing:-0.1rem;--p-duration-1-0-0:100ms;--p-duration-1-5-0:150ms;--p-ease-in:cubic-bezier(0.5, 0.1, 1, 1);--p-ease:cubic-bezier(0.4, 0.22, 0.28, 1);--p-range-slider-thumb-size-base:1.6rem;--p-range-slider-thumb-size-active:2.4rem;--p-range-slider-thumb-scale:1.5;--p-badge-font-weight:400;--p-frame-offset:0px"><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--regular.woff2"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--bold.woff2"/><nav class="_29EX0"><div class="_2W6HR"><a href="https://www.shopify.com/jp"><div title="Shopifyの無料ロゴメーカー" class="_1lybW"><svg viewBox="0 0 608 173.7" role="img" aria-label="Shopify"><title>Shopify

ホームページの新規作成・リニューアルで
お困りの担当者様へ

WordPressの機能を活かして運用しやすいホームページを作成

せっかくのWordPressなのに「自分で文章が書き換えられない」「ブログの更新ができない」などWordPressの機能を活かしきれていないことはありませんか?

ゆーそうとではWordPressの機能を最大限発揮して、HTMLなどの知識がないお客様でも運用しやすいホームページを作成します。

この記事のご依頼・お問い合わせの方はこちら