自身で制作したい

自身で制作したい
ホームページを自分で作りたいけど、何から始めればいいの?そんなあなたへ。
この記事では、無料で使えるホームページ作成ツールを厳選してご紹介します。
どのツールを使えば、あなたの理想のホームページが作れるか、一緒に探してみましょう!

Webサイトデザイン

Webサイトのデザインに悩んでいる方必見!
洗練されたデザインと、心に響く言葉の組み合わせが魅力的なWebサイトを多数ご紹介します。
あなたのブランドイメージを効果的に高めるヒントがきっと見つかります。
デザインの幅を広げ、より魅力的なWebサイトを作り上げましょう。

新日本空調 採用サイト

新日本空調(株)の採用サイトです。空調をメインとした、設備全般の計画・設計・施工管理を行う設備エンジニアリング会社です。

新卒採用サイト|株式会社テラスカイ

テラスカイの新卒採用サイトです。募集要項はもちろん、働く環境や先輩社員のインタビューなど様々な情報を発信しています。自分と技術の可能性を最大限に広げるテラスカイで、わたしたちと一緒に思い切り楽しんでみませんか?

二俣川こどもクリニック

横浜市旭区二俣川駅にある、小児科・アレルギー科の二俣川こどもクリニックです。

ソフトサンティア®

防腐剤無添加*1。コンタクト*2でも裸眼でも使用できる、やさしいさし心地の目薬「ソフトサンティアシリーズ」のご紹介です。*1防腐剤(ベンザルコニウム塩化物など)は配合していません。*2カラーコンタクトレンズを除くすべてのコンタクトレンズ(ハード・ソフト・O2・使い捨て)を装着したまま点眼することができます。

狂気山脈からの脱出

人間の理解を超えた謎に挑む!人智を超えたミステリー!クトゥルフ神話を題材にしたリアル脱出ゲームついに登場!

WordPressテーマ

wordpressテーマをお探しの方必見!
初心者からプロまで幅広く使えるWordPressテーマ。
高いデザイン性、SEO最適化など様々な機能を備え、集客力と操作性を両立した魅力的なサイトを簡単に構築できます。
初心者にも経験豊富なWebクリエイターにも最適です。

HoneyPress

HoneyPress は、ビジネス、雑誌、新聞、個人のブログ、オンラインショップ、レストラン、ウェディングプランナー、ジムなどのために作られた、軽量でエレガントなフル機能のテーマです。

HoneyPress には、スライダーバナー、紹介文、サービス、ブログなどの特別な機能があります。
完全にレスポンシブ、どのデバイスとも互換性があります。

HoneyPress は使いやすく実装も簡単で、WooCommerce と互換性があります。
SpiceBox プラグインを使用すると、ダミーデータを簡単にインポートできます。

Preschool and Kindergarten

Preschool and Kindergarten は、幼稚園、学校、小学校、小学校、大学、アカデミー、中学校、LMS、トレーニングセンター、教育機関に適した美しい教育用 WordPress テーマです。Preschool and Kindergarten は、教育や子供のアクティビティにも適しています。モバイルレスポンシブで翻訳にも対応しています。このテーマは、とてもフレキシブルで多機能・多目的です。ビジネス、企業、チャリティ、料理、レシピ、旅行、写真、フェミニン、ライフスタイル、イベントなど、様々なタイプのサイトを作成できます。このテーマは、様々な機能とパーソナライズされたオプションを持つ高度にカスタマイズ可能です。Preschool and Kindergarten は、ユーザーフレンドリーで、インタラクティブかつ見た目も美しいサイトを作成するための機能が揃っています。カスタムメニュー、魅力的なスライダー、アバウトセクション、コースセクション、お客様の声セクション、特集プログラム、コールトゥアクションボタン (CTA) 付きバナー、ソーシャルメディアなどがあります。このテーマでは、最適化コードで検索エンジン最適化 (SEO) 機能を使用しているため、Google のランキングで上位にランク付けされやすいのも特徴です。ページの読み込みを最適化し、安全でシンプルなコードを使用するため、何度も試験を繰り返したこのテーマには、トランスレーション対応機能も搭載。一度サイトを訪れた人の印象に残る、Preschool and Kindergarten を使用すれば、簡単に、プロフェッショナルで目を惹くサイトを作成できます。幼稚園、学校、または大学がダイナミックで多機能なオンラインのホームを必要としている場合は、Preschool and Kindergarten のテーマから始めるのがよいでしょう。 

Consultup

Consultup WordPress テーマは、企業、コンサルティング、ウェディングプランナー、代理店、法律事務所、金融、法律旅行、レシピ、スポーツ/医療ショップ、スタートアップ、オンライン代理店、ポートフォリオ、フリーランサー、eコマースに最適なソリューションです。
テーマはレスポンシブ、WPML、Retina 対応、SEO フレンドリー (ライブプレビュー: https://demo.themeansar.com/consultup/)

Travel Nomad

Travel Nomadは、美しく、高度にカスタマイズ可能なテーマで、プロフェッショナルな旅行ブログを作成できます。
この多目的テーマは、ファッション、ライフスタイル、日記、美容、子育て、レシピなど、さまざまなタイプのブログ作成にも使用できます。

CTA付きバナー、About、最新投稿、地図などのセクションが用意されており、旅行のヒントや専門知識を共有できます。
Instagramセクションでは、旅行の投稿を宣伝してフォロワーを増やすことができます。
ニュースレターの統合により、メールリストを拡大し、読者とのつながりを維持するのに役立ちます。

Travel Nomadは、SEOフレンドリー、速度最適化、モバイルフレンドリー、翻訳対応、RTL対応、WooCommerce対応です。
デモはhttps://blossomthemes.com/theme-demo/?theme=travel-nomadで、ドキュメントはhttps://docs.blossomthemes.com/travel-nomad/で、サポートはhttps://blossomthemes.com/support-ticket/でご利用いただけます。

Medazin

Medazinは健康と医療のWordPressテーマです。
独自の専門的な医療のサイトを構築するのに役立つ事前定義されたセクションが付属しています。

Medazinは、病院、クリニック、歯科医、皮膚科、歯科、美容、形成外科、レーザー手術、栄養士、カイロプラクティック、リハビリ、薬局、獣医、その他の医療事業を徹底的に調査して作られています。

Medazin Proのデモを見る: https://www.nayrathemes.com/demo/pro/?theme=medazin

Travel Booking

Travel Bookingは、ツアーや旅行会社向けのオンライン旅行予約ウェブサイトを作成できる無料のWordPressテーマです。
旅行内容、目的地、旅行の種類を追加したり、旅行アクティビティを特集したり、得意分野を強調したり、訪問者が旅行を予約できるようにすることができます。
モダンなCSSエフェクトとアニメーションを組み合わせた魅力的なデザインは、訪問者にまるで旅行に出かけたかのような体験を提供します。

Travel Booking WordPressテーマは、速度が最適化され、翻訳対応、SEOフレンドリー、モバイルフレンドリーです。
旅行予約会社以外にも、旅行ブログ、ホテル、スパ、B&B、高級リゾート、予約、ツアーオペレーター、観光、交通機関、レンタカーの予約などにもTravel Bookingテーマをご利用いただけます。
サポートについては、https://wptravelengine.com/support-ticket/をご覧ください。

WordPressプラグイン

wordpressプラグインをお探しの方必見!
SEO対策やセキュリティの強化、パフォーマンスの改善に対応し、ニーズに合わせて柔軟にカスタマイズ可能。
初心者でも扱いやすく、サイトの集客力向上や最適化を目指す方にとって必須のツールです。

Bulk Page Stub Creator

これはWordPress開発者向けのプラグインで、初期のコンテンツ設定プロセスを簡素化します。

シンプルなプラグインで、テキスト入力エリアが表示されます。
1行目にページタイトル、2行目にスラッグを入力します。
作成したいページ数分、この手順を繰り返します。

「ページスタブを作成」ボタンを押すと、すべてのスタブが自動的に作成されます。

■ 対象ユーザー
このプラグインは、コンテンツの初期設定プロセスをスピードアップしたいウェブサイト開発者向けです。
このプラグインは、設計上非常にシンプルです。私自身のウェブサイト開発プロセスをスピードアップするために作成しました。
このプラグインを拡張するためのアイデアはいくつかあります。もしこのプラグインが役に立つと感じたら、GitHub Issues ページでぜひご提案ください。

■ 私のワークフローへの組み込み方
まず、サイトマップドキュメントでサイトの構造を計画します。このドキュメントには、ページ名とスラッグが含まれます。

次に、このドキュメントから別のドキュメントを作成し、ページの説明、タイトル、ヘッダー、コンテンツテキスト、フッタータグ、その他追加したい最適化など、ページのメタ情報を詳細に記述します。

このプラグインを使うと、サイトマップドキュメントをウェブサイト上の実際のページスタブに素早く変換し、必要なスラッグを設定できます。
すると、すべての新規ページへのページ編集リンクを含む結果ページが表示されます。

これにより、私が計画した順序(WordPressのデフォルトのようにアルファベット順ではなく)で各タブを簡単に開き、残りのメタ情報をページに挿入できます。
もしこれがあなたのワークフローに当てはまるなら、このプラグインは時間を節約してくれるでしょう!

Woo Default Attributes

WooCommerce をセットアップし、商品属性を定義したら、新規商品に自動的に追加されるデフォルトの属性とその順序を定義できます。
属性を手動で追加したり、各商品ごとに同じ順序を覚えたりする必要がなくなるため、新規商品の作成がより効率的かつ迅速になります。

WooCommerce バージョン 3.3.3 でテスト済み

ACOS – Custom Admin Color Scheme

ACOSは、WordPressダッシュボードの管理者用カラースキームを変更できるWordPressプラグインです。

シンプルなカラーピッカーを使って、自分や他のユーザー向けにカスタムカラースキームを追加できます。
必要に応じて、いつでも元のプラグインページに戻ることができます。

■ 使い方
・管理ダッシュボードで「ユーザー」>「プロフィール」へ移動します。
・「カスタム管理者カラースキーム」チェックボックスを探します。
・カスタムカラースキームを有効にするには、チェックボックスにチェックを入れます。
・カラーピッカーで色を変更します。
・「プロフィールを更新」ボタンをクリックして変更を適用します。

■ 貢献
ACOSの開発に貢献したい場合は、GitHubでプロジェクトをご覧ください。
バグ報告、新機能の提案、プルリクエストの送信など、あらゆる貢献を歓迎いたします。
ただし、コーディング規約およびACOSのビジネス目標に準拠していないプルリクエストは却下する権利を留保します。

ソースコードリポジトリはGitHubで公開されています。

■ 免責事項
本プラグインは現状有姿で提供され、その機能性や有効性について一切の保証や保証はありません。
本プラグインの安全性と信頼性を確保するため、当社はあらゆる努力を払っておりますが、本プラグインの使用によって生じたいかなる損害や損失についても責任を負いかねます。
本プラグインは、ご自身の判断と責任においてご利用ください。

■ クレジット
ACOSはGPLv2以降のライセンスに基づいて配布されています。
WordPressプラットフォームの構築と維持に尽力いただいたWordPressコミュニティとその貢献者の皆様に感謝申し上げます。

■ 今後のTODO
フロントエンドの管理バーのCSSスタイルを有効にするオプションを追加します。
すべてのログを見る

Easy Widget Columns

Easy Widget Columns を使えば、ウィジェットを列状に並べるのがとても簡単になります。
ウィジェットフォームの下部に「列幅」オプションを追加し、各ウィジェットの幅を設定できます。

「Widget Row」ウィジェットと「Sub-Row」ウィジェットを使って、ウィジェット列の新しい行とサブ行をそれぞれ定義できるため、ウィジェットエリアやサイドバーから直接複雑なレイアウトを作成できます。

Genesis Frameworkユーザーは、Widgetized Page Templateプラグインをぜひチェックしてください。
このプラグインは、Easy Widget Columnsを使用して「空白のキャンバス」として使用するフルページのウィジェット領域を作成するのに役立ちます。

■ ほとんどのテーマで動作します
Easy Widget ColumnsはGenesis Frameworkでの使用に最適化されていますが、必須ではありません。
Genesis FrameworkのColumnクラスを使用して、ウィジェットを列状に表示します。
テーマに既にGenesis FrameworkのColumnクラスが組み込まれている場合、またはCSSを手動で追加または編集したい場合は、「設定」>「Widget Columns」で CSS を読み込まず、テーマのスタイルシートを使用するように選択できます。
このオプションは、ほとんどのGenesisユーザー、またはウェブサイトに追加のアセットを読み込むことに不安があるユーザーにおすすめです。

■ 翻訳とRTL対応
このプラグインはRTLレイアウトをサポートし、翻訳にも対応しています。

■ 開発者向けフィルター
以下のフィルターを使用すると、テーマ上でプラグインを完全に制御できます。

・ewc_include_widgets– このホワイトリストフィルターは、指定されたウィジェットにのみ幅コントロールを追加するために使用されます。
・ewc_exclude_widgets– このブラックリストフィルターは、指定されたウィジェットから幅コントロールを削除するために使用されます。
・ewc_color_palette– このフィルターを使用すると、「ウィジェット行」ウィジェットのカラーピッカーコントロールにカスタムカラーパレットを追加できます。
・ewc_preset_classe – このフィルターを使用すると、「ウィジェット行」ウィジェットにチェックボックスリストとして表示されるプリセットCSSクラスを割り当てることができます。
・ewc_advanced_option – このフィルターを使用すると、「ウィジェット行」ウィジェットから特定の詳細オプションまたはすべての詳細オプションを削除できます。

1.ewc_include_widgets/ewc_exclude_widgets
どちらのフィルターも、ウィジェットのIDベースをパラメータとして受け取ります。両方のフィルターを同時に使用することはできませんのでご注意ください。
ewc_include_widgetsフィルターは常に ewc_exclude_widgetsフィルターよりも優先され、上書きされます。

2.ewc_color_palette
このフィルターを使うと、「Widget Row」ウィジェットのカラーピッカーコントロールにカスタムカラーパレットを追加できます。
パラメータとして16進数のカラー値の配列を指定できます。

3. ewc_preset_classes
このフィルターを使用すると、「Widget Row」ウィジェットにチェックボックスリストとして表示されるプリセットCSSクラスを割り当てることができます。

4. ewc_advanced_options
このフィルターを使用すると、「ウィジェット行」ウィジェットから特定の詳細オプションまたはすべての詳細オプションを削除できます。
これは、クライアントのウェブサイトのデザイン機能(オプションではなく決定事項)を制限する場合に便利です。

 

Require Login

WordPress用のシンプルなプラグインです。ユーザーがブログ内のページや投稿などにアクセスしようとすると、ログインページにリダイレクトされます。
この機能のオン/オフを切り替えるオプションメニューも用意されています。
この機能を有効にすると、ブログ全体が実質的に非公開ブログになります。

■ 今後の予定
現在、予定はありません。
ご要望がありましたら、GitHubでお知らせください。

写真素材サイト

写真素材サイトをお探しの方必見!
高品質な写真素材を豊富に揃えたサイトです。
商用利用可能な素材も多数あり、様々な用途に応じて選択可能。
簡単検索で時間を節約し、トレンドに合わせたデザインや写真をすぐに見つけられます。
Web制作や印刷物、プレゼン資料まで、多彩な用途で活用可能です。

Qlean Market

「Qlean Market」は、株式会社アマナイメージズが運営するストックフォトサービスです。
人物、風景、ビジネスなど幅広いジャンルの高品質な写真素材を豊富に扱っており、特に日本人の人物写真が充実しているのが特徴です。
AI学習用のデータセットも提供しています。

FancyCrave

「FancyCrave」は、高画質な旅の写真を無料で提供する写真素材サイトです。
旅の写真を中心に、非日常的で情緒あふれる写真が多数掲載されており、すべてがおしゃれに加工されているのが特徴です。

Image Professionals

  • 国際的な専門画像エージェンシーを一つのプラットフォームに統合し、食品、インテリア、ビューティー、ガーデニング、旅行、医療、科学などのニッチなトピックに焦点を当てています。主流から外れた高品質で専門的な画像、動画、テキストを提供。
  • 新たに80,000点以上のガーデニング画像(「緑のソリューション」コレクション)や、Friedrich Straussコレクションを含む13万点以上の高品質なガーデニング画像を提供。
  • 高品質なポスター、ウォールアート、ギフト、キャンバスプリント、額装プリントなどを購入可能で、30日間の返金保証付き。
  • 約50人の専門家チームが、個別のライセンス相談、画像・動画制作、編集サービス、データベースソリューションなどを提供。
  • 単一の画像から大規模プロジェクトまで、個々のニーズに応じた柔軟で公正な価格設定を提供。
  • 2025年のパントンカラー(Mocha Mousse)、2024年のパントンカラー(Peach Fuzz)、オリンピック、ヒュッゲ、ミニマリズム、デニムトレンドなど、トレンドに応じた画像を提供。
  • 数千の検索タグで画像を検索でき、アルファベット順の検索が可能。
  • 著名なフォトグラファー、ライター、革新的な才能による本物の感情とトレンドを反映したコンテンツを提供。

Cultura Creative

■ 多様性の重視

  • 画像やビデオが多様な文化や背景を反映し、信憑性とリアリティを追求。
  • BIPOC(黒人、先住、マイノリティ)モデルやクリエイターに焦点を当て、インクルーシブなコンテンツを提供。

■ BIPOCクリエイターの支援

  • ストック写真業界で underrepresented なBIPOCフォトグラファー、ビデオグラファー、イラストレーターを積極的に採用・育成。
  • メイクアップアーティスト、スタイリスト、プロデューサーなど、多様なコミュニティのクリエイターと協働。

■ 人を中心としたコレクション

  • ヒューマンストーリー、ライフスタイル、ビジネス、スポーツ、レジャーなど、人々に焦点を当てたビジュアルコンテンツを提供。
  • 旅行、サステナビリティ、動物、食品など、人物以外のコンセプチュアルなイメージも豊富。

■ 倫理的な制作

  • モデルはすべて報酬を受け取り、プロのモデルだけでなく「リアルな」人々や家族も起用。
  • すべての画像にフル商用モデルリリースが付属し、透明性と公平性を確保。

■ クリエイティブ業界へのアクセス拡大

  • Fujifilmとのパートナーシップを通じて、年齢、种族、能力、経験、教育に関係なく、新人フォトグラファーに有給の機会やメンターシップを提供。
  • クリエイティブ業界をより包括的でアクセスしやすいものにすることを目指す。

■ コミュニティとの連携

  • シェフィールド、ロンドン、マンチェスターなどでの撮影活動やキャスティングコールを通じて、地域コミュニティと協力。
  • LGBTQIA+や障害者など、多様な背景を持つ人々を積極的に取り上げ、ポジティブな表現を推進。

Nappy

Nappyは、健康的に焼けた肌の色や黒人・褐色の人々の美しさを表現した、高品質なフリー写真素材を提供するサイトです。
テーマが限定されているため、写真を探しやすく、掲載されている素材はどれもデザイン性の高い作品ばかりです。食べ物、人物、仕事などでカテゴリ分けもされています。

GoodFreePhotos

GoodFreePhotosは、高品質なパブリックドメインの写真素材を無料で提供しているウェブサイトです。
すべての写真が著作権フリーでロイヤリティフリーであり、様々な用途に自由に利用できる点が最大の特徴です。

 

イラスト素材サイト

イラスト素材サイトをお探しの方必見!
高品質なイラスト素材を豊富に揃えたサイトです。
商用利用可能な素材も多数あり、様々な用途に応じて選択可能。
簡単検索で時間を節約し、トレンドに合わせたデザインやイラストをすぐに見つけられます。
Web制作や印刷物、プレゼン資料まで、多彩な用途で活用可能です。

Free Icons for Website

「Free Icons for Website」は、主にウェブサイトやアプリのデザインに使いやすいシンプルなアイコン素材を無料で提供しているサイトです。
カテゴリー分けされており、欲しいアイコンを探しやすくなっています。

Lucide

イラスト素材サイト「Lucide」は、Webサイトやアプリケーション開発者向けのオープンソースのアイコンライブラリです。
シンプルで汎用性が高いアイコンを多数提供しているのが大きな特徴です。

kulan.shopr

kulan.shopは、アニメーション用に特化したキャラクター素材サイトです。
シンプルでおしゃれなキャラクター素材が豊富で、各素材には基本的にAIデータやAEPデータ(Adobe After Effects用データ)が含まれています。
これにより、動きのあるアニメーション制作に活用しやすいのが大きな特徴です。

BioRender

BioRenderは、生命科学系のイラストを簡単に作成できるサービスです。

  • 生物、細胞、化学物質、実験器具など、生命科学分野に特化した2万点以上のイラスト素材が用意されています。
  • ドラッグ&ドロップで簡単にイラストを配置し、色やサイズなどをカスタマイズできます。
  • ポスター、スライド、論文用など、用途に合わせたテンプレートが多数提供されています。
  • 専門家が作成した、科学的に正確で美しいイラストが利用できます。

TheNounProject

  • 800万点を超える無料およびプレミアムなアイコンとストック写真を提供しています。
  • アイコンはPNG形式とSVG形式でダウンロード可能です。
  • アイコンは簡単に編集、色変更、サイズ調整ができます。
  • Macアプリが提供されており、Adobe Creative Cloudアプリケーション、Sketch、PowerPointへドラッグ&ドロップで統合できます。
  • アカウントを持つユーザーは、自分のアイコンをアップロードできます。
  • コレクションは厳選されており、多様性と包括性を称え、モデレーションチームによって品質と題材がレビューされています。
  • ロイヤリティフリーのアイコンを購入することで、約150カ国からのアーティストを直接支援できます。

Smashicons

イラスト素材サイト「Smashicons」は、シンプルで汎用性が高く、かわいらしくておしゃれなイラストを提供しています。
PNG、SVG、EPS形式での提供があり、イラストの色の変更も自由にできるのが特徴です。Flaticonと関連が深く、多くのアイコンがSmashiconsによって作成されています。