WEB

スポンサーリンク
WEB周り

【コピペで簡単実装】WM WP Formの使い方【最強に便利お問い合わせフォーム】

Contact form7より機能が多いWM WP Form 日本で一番有名なお問い合わせフォームといえば恐らくContact form7ですが、個人的にはもっと機能が多く便利だと思う「WM WP Form」をご紹介します。 W...
コーディング

【CSS2行で解決】ページ内リンクで位置がズレる・ヘッダーとカブる【HTML】

ページ内リンクのやり方(idをつける) 例えば、こんな感じでヘッダーにidでページ内を付けて、「ヘッダーのリンクを押すと下のコンテンツに移動する」というページがあったとします。 下のコンテンツのHTML リンクを飛...
コーディング

【CSS】リンクタグの中に擬似要素でアイコンだけを表示させる【HTML】

fontawesomeなどで、タグを使って表示させることもできますが、今回は擬似要素でCSSからアイコンを表示させたいと思います。 擬似要素が入る位置 まず擬似要素が入る位置はこちらです。 タグの外ではなく...
コーディング

【HTML】ソースコードにファビコンがない?【WEB制作】

ファビコンはルートディレクトリに画像を置くだけで表示される ホームページのリニューアルのご依頼で、サイトのロゴやファビコンは元のサイトからそのまま持って来ようとしました。 普通はhead内に こんな感じで書かかれていることがほ...
コーディング

【CSS】テーブル(表)から文字がはみ出す・折り返されない時の対処法【word-break: break-all】

テーブル(表)から文字がはみ出す テーブルで表を作った時にこんなことに・・・ メールアドレスが長いことでテーブルもバランスがおかしくなっています。 widthで幅を付けても動きません。 HTMLはこん...
コーディング

【CSS】よく使われるテキスト用の薄い黒・カラーコード【真っ黒はNG】

ホームページやブログで、真っ白(#fff)の背景に真っ黒(#000)な文字は基本的にはあまり良いとされていません。 いつも文字色を選ぶ時に「bodyの文字色どの薄さの黒にしよう・・・」と迷うので、よく使われている&よく使う【薄い黒】を...
Shipify

【Shopify】CSSをカスタマイズする方法【style.cssを作る】

オンラインストアの「テーマ」から 左メニューの「オンラインストア」の中の「テーマ」を選択します。 事前のバックアップ 現在選択しているテーマが出てくるので、カスタマイズする前にバックアップとして複製を作っておくと安心で...
コーディング

【CSS】flexboxの高さを揃える方法【これで一発です】

flexboxの高さが揃わない? ボックスの幅を統一するためにwidthを指定した場合、テキストの量によって高さに違いが出ますよね。 このボックス内のテキストの上下を真ん中にするために、親要素であるulにalign-item...
WEB周り

【WP】ワードプレスのhead内にタグを追加する方法

ワードプレスのhead内にタグを追加したい googleフォントやFont Awesome、slickスライダーなどを使いたい時、ファビコンを指定するときなど。 ワードプレスのhead内にタグを追加したいけどどう...
WEB周り

私がWEB制作未経験から案件を獲得するまでの道のり

WEB制作を勉強している人にとって、「WEBフリーランスがどうやって案件を獲得しているのか」ってすごく気になることだと思います。 そこで私の一例をシェアしたいと思います。 少しでも参考になれば幸いです。 私の経歴・自己紹介 WEB制...
タイトルとURLをコピーしました