サイト制作の記事一覧

WordPress

投稿記事のカテゴリ名(term)を表示

投稿記事一覧や記事を表示する時、カテゴリを一覧で表示する方法はよく見かけますが、記事に紐づいたカテゴリ名を単体で表示する方法の情報があまりなかったので備忘録として。 $terms = get_the_terms($pos […]

サイト制作

自作問い合わせフォームのmb_send_mailとgmailの関係

phpで問い合わせフォーム作成の時のよく使用する「mb_send_mail」非常に使い勝手が良いのですが、2024年2月かのgoogleアップデートによりGmailのセキュリティが強化されて、迷惑メールとして検知されてし […]

サイト制作

JavaScriptで読み込み時に処理

アニメーションをつけるときに、ページロードをしたときに動きをつける(フェードインなど) 処理はよく使うと思います。 例えばクラスを付与して変化をつける時は、JavaScriptで $(document).ready( f […]

サイト制作

強調アンダーラインを擬似要素を使わずにcssで

サイト製作、特にLPのデザインなどでよく出てくる 太めのマーカーでテキストにアンダーラインを装飾する時cssの text-decoration:underline; だけでは物足りないと思います。 before,afte […]

サイト制作

WordPress

htaccessでアップロードファイルのサイズ上限編集

WordPressでサイトを作る場合、画像などファイルをアップロードする場面があると思います。 デフォルトでは1.5Mで、軽量化した画像などでは問題ないと思いますが、動画を掲載したり ファイルそのものをアップロードする場 […]

サイト制作

WordPress

WordPressでトップページへ戻るリンク

サイト製作に欠かせない 「トップへ戻る」ボタン よくあるのがヘッダーに配置するロゴをクリックするとトップページへ戻る仕様です。 htmlでは <a href="/">トップぺ戻る or ロゴ</a> のように […]

サイト制作

スマホ用のcss記述方法

スマホ対応が必須のcss。 イメージは 「表示画面が〇〇px以下(以上)になったらこのスタイルを当ててください!」 のような記述をスタイルシートへ。 @media screen and (max-width: 750px […]

サイト制作

WordPress

WordPress投稿「整形済みテキスト」を折り返す

WordPressの投稿で便利な「整形済みテキスト」 スマホで表示すると画面幅からはみ出して非表示の状態になってしまいます。 これはhtmlタグの「pre」で生成されているからです。 これを回避する方法はcssで pre […]

サイト制作

WordPress

オリジナルテーマで投稿一覧の取得

投稿記事を取得するとき <?php the_post_thumbnail(); ?>・・・サムネイルの取得 <?php the_time('Y年m月d日'); ?>・・・投稿日付の取得(表示方法は変更可) & […]

サイト制作