NomuraDaisuke– Author –
NomuraDaisuke
-
WordPress
Contact Form 7を自作PHPファイルに表示させる方法
「Contact Form 7」を自作ファイル(例:front-page.php)に表示させるにはどうすればいいの? このページでは、そんな疑問を解決します。 結論:Contact Form 7を自作ファイルに表示させる手順 コンタクトフォーム>お問い合わせフォーム(HTML)を作成 ... -
WordPress
Photoshopの書き出し画像をCreative Cloudに保存する手順
初心者キラーとも言える、JPG/PNGの画像データ書き出し方法が 作ったはいいけど、どうやって画像データにするのか?ってことね! この記事では、Photoshopで作った絵や写真を保存するときに「Creative Cloudに保存」という謎の選択肢や、パソコンに直接保... -
Webデザイン
【比較で理解】デザイン4原則を取り入れたバナーデザイン4選
デザイン4原則をカンタンに言うと 近接:同じグループを近くにまとめる 整列:配置・余白を揃えて見やすく 反復:繰り返し使って一貫性をキープ 対比:サイズの大小・色違いで強弱 うーん、デザイン4原則かぁ。お固そうだし、ちゃんと覚えられるかな… 実... -
CSS
position:stickyでヘッダー等の要素を指定範囲で追従させる方法
position: stickyは要素を特定の位置に固定するためのCSSプロパティです。 通常、要素はドキュメントのフローに従って配置されますが、position: stickyを適用することで、スクロールする際に要素が指定した位置に留まるようになります。 See the Pen Unti... -
CSS
【CSS】img画像の表示位置をobject-positionで調整
PC画面とは違いスマホで見ると、画像の両側が切り取られて、見せたい部分が隠れてしまう… imgタグの画像やvideoタグの動画を高さ指定すると、中央起点になるのがやっかいですよね… 今回、そんなお悩みを解決するのが「object-position」というCSSプロパテ... -
WordPress
HTMLのimgタグ画像を設置した際の余白をなくす方法
HTMLのimgタグを使用して画像を設置すると、デフォルトで画像の周りに隙間(余白)が生じることがあります。この余白を無くす方法を解説します。初心者の方にも分かりやすく具体的な手順を紹介しますので、一緒に学んでいきましょう。 【imgタグ画像周りの... -
WordPress
【JS】スクロールに合わせてテキストが左右に流れて動く実装方法
この記事タイトル見て「あ!画像がゆっくり横ループするやつね!」と、イメージする人が多いんじゃないでしょうか。以下のように↓ いやー…それじゃなくてこういうの笑↓ 今回解説します「スクロールに合わせてテキストが左右に移動する」イメージ動画です。... -
flex box
【実案件で使える】CSSでおしゃれFlexboxレイアウト10種
ChatGPTでも生成 【1:メニューリスト】 トップページのFV(ファーストビュー:主にメインビジュアル)直下に、見てもらいたいページリンクの一覧メニューを設置しておく場合に便利なレイアウトです。 ボタンは最大4つ横並びにし、画面幅1199pxで2つ並び... -
WordPress
きぐちさん『ブログで5億円稼いだ方法』の感想|実績者も目から鱗?
最近読んだ、きぐちさん著『ブログで5億円稼いだ方法』という本が、あまりにも記憶に定着して離れないため、僭越ながら紹介します! 唐突ですが、「ブログ」を始める前にやっておきたいことって何だと思いますか? おそらく「正しい道標」となる何かを見つ... -
WordPress
【2024年】SEO対策はもう古い?今すぐ試したい10選
SEO対策とは何か?と聞くと、「キーワード選定が大事」とか「ドメインパワーが全て」などの常套句が返答率の大半を占拠している印象でしたが、そうは言っても効果の程度がどのようなものかが分かりづらいですよね。 そこで、この記事では2018年から現在ま...
1