すべてのカテゴリ

「会社の顔」であるトップページに、既存のイメージを崩すことなく新しい会社紹介の画像を追加し、求職者へのアピール力を向上させるスライダーを実装しました。これにより、一つの場所で二つの異なるメッセージを効果的に伝えられるようになりました。既存のブランドイメージを保ちながら、リクルート向けの情報発信を両立できるようになりました。サイト訪問者に飽きさせず、必要な情報を適切なタイミングで提示できるため、採用活動の質が改善し、安心してサイト運用を続けられます。「トップ画像を変えたいが、既存顧客へのイメージは崩したくない…」「リクルート用画像を追加したいが、デザインがごちゃつくのは避けたい…」という相反するお悩みを抱えていらっしゃいました。サイトの顔となる部分だからこそ、慎重な対応が求められました。既存のCSS/HTML環境を細かく分析し、元々のレイアウトに影響を与えないスライダーライブラリを厳選して導入しました。スマートフォンなどどの環境で見てもデザインが崩れないようレスポンシブ対応も徹底し、納品後も簡単な操作で画像変更ができるように配慮して実装しました。「トップページの小さな改善」「複数の目的を両立したいデザインのお悩み」などありましたらお気軽にご相談ください。現状を壊さず、御社の目的達成に貢献する最適なコーディングをご提案します。

「ElementorでLPを作っているけど、　見出しの途中だけ赤くしたいのにできない！」「CSSをいじっても反映されない！というか、　プレビューと実機で表示が違う！」Web制作を始めたばかりの方なら、一度はこんな絶望を味わったことがあるのではないでしょうか。私自身、長年会社員として働いた後、Web制作の世界に飛び込みましたが、最初にぶち当たった壁がこの「Elementorの呪縛」でした。この記事では、私が実際に経験した「CSSが効かない地獄」からどうやって脱出し、どうやって効率的な制作環境を手に入れたのかを共有します。今、まさに同じ悩みを抱えているあなたのヒントになれば幸いです。1. なぜElementorは「思い通りにならない」のかElementorは「コードを書かずにドラッグ＆ドロップでサイトが作れる」というのが最大の売りです。しかし、これが曲者です。実は、Elementorの裏側では、以下の3つの階層が常に喧嘩をしています。・テーマ（Hello Elementorなど）が持っているデフォルトのCSS・Elementor本体が生成する動的なCSS・私たちがウィジェット上で設定するスタイル「文字色を赤にする」という単純な指示を出しても、テーマ側の「文字は黒であるべき」というルールが優先されてしまい、結果として「何度設定しても直らない」という現象が起きたりします。初心者の方が「自分の操作が間違っているのでは？」と自信をなくす瞬間ですが、それはあなたのせいではありません。システムの構造上の問題なのです。2. 絶望の「テキストエディタ」問題今回、私が最も苦しんだのは「段落の中の1文