[{"data":1,"prerenderedAt":176},["ShallowReactive",2],{"blog-tags":3,"header-recruit-jobs":17,"blog-post-notion-cover-generator":22},[4,5,6,7,8,9,10,11,12,13,14,15,16],"Notion AI","Notionカレンダー","Notionサイト","Notionメール","インテグレーション \u002F 外部ツール連携","データベース","プラン \u002F 請求 \u002F 料金 \u002F 支払い","ページ \u002F ブロック","マーケットプレイス \u002F テンプレート","ワークスペース \u002F サイドバー","共有 \u002F コラボレーション","数式","設定",[18],{"path":19,"title":20,"order":21},"\u002Frecruit\u002Fnotion-consultant","Notionエンジニア\u002Fコンサルタント",1,{"slug":23,"title":24,"date":25,"lastUpdatedAt":26,"excerpt":27,"categories":28,"tags":30,"author":31,"noIndex":38,"html":39,"headings":40,"qas":46,"relatedQAsByTag":47},"notion-cover-generator","Notionのカバー画像に文字を入れられる「Notion Cover Generator」","2023-07-25T00:00:00.000Z","2024-09-01T00:00:00.000Z","「Notion Cover Generator」は、Notionのカバー画像に好きな文字を入れることができるサービスで、Unsplashから画像を検索したり、任意の背景パターンや画像をアップロードしたりできます。テキストのフォント、フォントサイズ、文字色などを調整することができ、ダウンロードした画像をNotionのカバー画像として設定できます。",[29],"個人利用",[11],{"id":32,"name":33,"image":34,"description":35,"url":35,"descriptionHTML":36,"SNSHTML":37},"c2f976ab-4882-4e4e-a80e-91d829bd59ca","チャベス","\u002Fblog\u002Ficon\u002Fchabesu.png","","Webライター・ディレクター。Notion公式のおすすめのテンプレートクリエイター。個人でNotionをちょっと便利にするChrome拡張機能を開発中。代表作は「NotionSidebarHider」「Notion文字数カウント」。本業はメーカーで研究開発をしているエンジニア。","\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FChabesuB\" class=\"article-link\" target=\"_blank\">Twitter\u003C\u002Fa> \u002F \u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002Fja-jp\u002F@chabesu\" class=\"article-link\" target=\"_blank\">Notion\u003C\u002Fa>",true,"\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">こんにちは、\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FChabesuB\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">チャベス\u003C\u002Fa>と言います。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回は、Notionのカバー画像に任意のテキストを入れることができるサービス「Notion Cover Generator」を紹介します。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ギャラリービューなどで使用するカバー画像に好きな文字を簡単に入れることができるので、とてもおすすめです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-07-25-notion-cover-generator-1.png\" alt=\"Notion Cover Generatorで作成した画像をギャラリービューで使用した様子\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notion Cover Generatorで作成した画像をギャラリービューで使用した様子\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n        \u003Cdetails class=\"table-of-contents mb-6 hidden\" open=\"\">\n          \u003Csummary class=\"text-[.9em] leading-[1.6] font-semibold tracking-[1px] mb-2\">\n            目次\n          \u003C\u002Fsummary>\n          \u003Cul class=\"toc-list flex flex-col gap-1 ml-5\">\n      \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#使い方\" class=\"toc-link text-sm text-black6 font-bold\">\n                使い方\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#おわりに\" class=\"toc-link text-sm text-black6 font-bold\">\n                おわりに\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n          \u003C\u002Ful>\n        \u003C\u002Fdetails>\n      \u003Ca href=\"#使い方\" id=\"使い方\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">使い方\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notion Cover Generaterのリンクは以下です。無料で使用することができますが、3枚以上画像を作成する場合はメールアドレスの登録が必要です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">以下は画像の作成画面です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-07-25-notion-cover-generator-2.png\" alt=\"image\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">image\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">画像は以下の 3パターンから選択可能です。\u003C\u002Fp>\u003Col class=\"list-decimal pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>Unsplashから検索\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>任意の背景パターン\u003C\u002Fstrong>からも選択（色やサイズも調整可能）\u003C\u002Fp>\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>任意の画像\u003C\u002Fstrong>をアップロード\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">テキストは左側のメニューから編集でき、フォント、フォントサイズ、フォントの位置、文字色などを調整することができます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-07-25-notion-cover-generator-3.png\" alt=\"Notion Cover Generatorの編集画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notion Cover Generatorの編集画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">また、画像には数種類のフィルタをかけることができたり、画像位置の調整も可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-07-25-notion-cover-generator-4.png\" alt=\"画像にフィルタをかけた様子\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">画像にフィルタをかけた様子\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">画像は右上の「Download」からダウンロードできます。ダウンロードした画像をNotionのカバー画像として設定してみてください。\u003C\u002Fp>\n    \u003Cdiv class=\"template-text-section mb-6\" data-cta-id=\"task-trial\" data-cta-position=\"after-h2-2\" data-cta-variant=\"default\" data-audience=\"toC\" data-post-slug=\"notion-cover-generator\">\n      \n      \u003Csection class=\"flex flex-col gap-y-5 mb-4 bg-white border border-black px-6 pt-6 pb-7 md:px-8\">\n        \u003Cdiv>\n          \u003Ch2 class=\"blog-heading font-feature-palt\">\n            Notionタスク管理ロードマップ体験版を無料プレゼント\n          \u003C\u002Fh2>\n        \u003C\u002Fdiv>\n        \u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\n          Notionでのタスク管理を基礎から体系的に学べる「タスク管理ロードマップ」の体験版を無料で配布しています。公式LINEの友だち追加だけで、すぐに受け取れます。\n        \u003C\u002Fp>\n        \u003Cimg src=\"https:\u002F\u002Flp.notion-university.jp\u002Fimages\u002Ftrial-task.jpg\" alt=\"Notionタスク管理ロードマップ体験版のプレビュー\" class=\"w-full border border-grayLight20\" loading=\"lazy\">\n        \u003Cdiv class=\"flex flex-col items-center gap-3 pt-1\">\n          \u003Ca href=\"https:\u002F\u002Flp.notion-university.jp\u002Ftrial-0621\u002F?utm_source=blog&utm_medium=referral&utm_campaign=trial0621&utm_content=article_cta&utm_term=notion-cover-generator\" class=\"blog-button blog-button--line\" target=\"_blank\" rel=\"noopener\">\n            \u003Cspan>体験版を無料で受け取る\u003C\u002Fspan>\n          \u003C\u002Fa>\n          \u003Cp class=\"text-xs text-black6\">簡単3分！公式LINEの友だち追加だけですぐに受け取れます\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fsection>\n    \n    \u003C\u002Fdiv>\n  \u003Ca href=\"#おわりに\" id=\"おわりに\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">おわりに\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回は、Notionのカバー画像に任意の文字を入れることができる「Notion Cover Generator」を紹介しました。このサービスは、Notion公式アンバサダーの田原さんのツイートで知りました。田原さんはNotion関連のとても役に立つ発信をいち早くしてくださるので、Notion好きの方はぜひフォローしてみてください。\u003C\u002Fp>\u003Cblockquote class=\"twitter-tweet\">\n\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fshogocat\u002Fstatus\u002F1681293101590274050\">\u003C\u002Fa>\n\u003C\u002Fblockquote>\n\u003Cscript async=\"\" src=\"https:\u002F\u002Fplatform.twitter.com\u002Fwidgets.js\" charset=\"utf-8\">\u003C\u002Fscript>\n\n",[41,44],{"id":42,"text":42,"type":43},"使い方","heading_2",{"id":45,"text":45,"type":43},"おわりに",[],[48],{"tag":11,"qas":49},[50,53,56,59,62,65,68,71,74,77,80,83,86,89,92,95,98,101,104,107,110,113,116,119,122,125,128,131,134,137,140,143,146,149,152,155,158,161,164,167,170,173],{"slug":51,"question":52},"0175","Notionでページを印刷できますか？",{"slug":54,"question":55},"0174","NotionにSpotifyを埋め込んでNotion上で音楽を聴くことはできますか？",{"slug":57,"question":58},"0173","Notionで音声ファイルを埋め込むことはできますか？",{"slug":60,"question":61},"0170","NotionでExcelのような見た目の表は作れますか？",{"slug":63,"question":64},"0167","Notionでブロックの種類を後から変更できますか？",{"slug":66,"question":67},"0165","Notionでページのリンクは取得できますか？",{"slug":69,"question":70},"0164","Notionでページをお気に入りに登録できますか？",{"slug":72,"question":73},"0161","Notionのスラッシュコマンドとは何ですか？",{"slug":75,"question":76},"0159","Notionで削除したページをゴミ箱から復元できますか？",{"slug":78,"question":79},"0158","Notionで情報の折りたたみはできますか？",{"slug":81,"question":82},"0156","Notionで直前の変更を取り消して元に戻せますか？",{"slug":84,"question":85},"0152","Notionで箇条書きと番号付きリストを途中で切り替えられますか？",{"slug":87,"question":88},"0148","Notionで同じ内容を複数ページに同期して表示できますか？",{"slug":90,"question":91},"0147","Notionでページを複製したときコメントも引き継がれますか？",{"slug":93,"question":94},"0131","NotionにYouTubeを埋め込めますか？",{"slug":96,"question":97},"0129","NotionでGoogle Driveのファイルやスプレッドシートを埋め込めますか？",{"slug":99,"question":100},"0128","Notionで外部サイトを埋め込み表示できますか？",{"slug":102,"question":103},"0127","Notionでプログラミング言語のコードをハイライト付きで表示できますか？",{"slug":105,"question":106},"0125","Notionで区切り線を入れられますか？",{"slug":108,"question":109},"0124","Notionで3列以上のカラムレイアウトを作れますか？",{"slug":111,"question":112},"0123","Notionでページコメントとインラインコメントの違いはなんですか？",{"slug":114,"question":115},"0122","Notionでページにカバー画像を設定できますか？",{"slug":117,"question":118},"0121","Notion上に表示される文字を小さくすることはできますか？",{"slug":120,"question":121},"0120","Notionでページのフォントを切り替えられますか？",{"slug":123,"question":124},"0115","Notionでボタンを作成できますか？",{"slug":126,"question":127},"0101","Notionページでアイコンを設定できますか？",{"slug":129,"question":130},"0100","Notionで見出しを作成できますか？",{"slug":132,"question":133},"0098","Notionで画像サイズを変更できますか？",{"slug":135,"question":136},"0095","Notionでコールアウトを使うには？",{"slug":138,"question":139},"0094","Notionでページ内リンク（目次）を作成するには？",{"slug":141,"question":142},"0086","Notionのページ履歴・バージョン管理を確認するには？",{"slug":144,"question":145},"0085","Notionでページを複製（コピー）できますか？",{"slug":147,"question":148},"0084","Notionでページやデータベースをロックすることはできますか？",{"slug":150,"question":151},"0081","Notionでサブページ（子ページ）を作成するには？",{"slug":153,"question":154},"0078","Notionに動画をアップロードできますか？",{"slug":156,"question":157},"0022","Notionでテキストを中央揃えにできますか？",{"slug":159,"question":160},"0020","Notionでブロックはどのように移動しますか？",{"slug":162,"question":163},"0019","Notionで文字を太字にできますか？",{"slug":165,"question":166},"0176","Notionでテキストの色を変更できますか？",{"slug":168,"question":169},"0018","Notionのページ横幅は広げられますか？",{"slug":171,"question":172},"0014","Notionでページにパスワードをかけることはできますか？",{"slug":174,"question":175},"0012","Notionでテキスト内で改行できますか？",1792662498395]