ハレガロのーと

ウェブ制作での学びを【のーと】にまとめてみました。主にHTML.CSS.JavaScr…

ハレガロのーと

ウェブ制作での学びを【のーと】にまとめてみました。主にHTML.CSS.JavaScript.PHPなどについて記事を書きます。誰かの助けになれれば嬉しいです。よろしくお願いします。

  • 【WordPress】WEB制作の為のメモ帳

    WEB制作でワードプレス「wordpress」対応する際に必要だなと思ったこと、困って解決したこと等のまとめ

【WordPress】投稿タイプとカスタム投稿タイプそれぞれに１ページに表示する投稿数を設定する方法

本記事は、カスタム投稿作成プラグイン：Custom Post Type UIを使用している場合を想定しております。 投稿タイプ（通常のタイプ）の場合通常の投稿タイプは、 ワードプレスの管理画面▶︎設定▶︎表示設定▶︎ 1ページに表示する最大投稿数から指定できます🦊 ここに記載するページ数は通常の投稿タイプとカスタム投稿タイプすべてに反映されてしまいますので、カスタム投稿タイプのアーカイブページ等は、投稿数を変えたいんだよ〜(泣)となる場面もあるかと思います。 そんなときの

ハレガロのーと

    • [Flexbox]左詰めにしつつ両端はコンテナに合わせて配置する方法

      結論：「ダミーアイテム（幽霊ボックス）」を使用する方法display:flex; flex-wrap:wrap; を使用してアイテムを配置させていた時、折り返したアイテムが左づめに折り返して欲しいのに、このような挙動になってしまったことがありました。 アイテムを両端の幅に合わせたかった為に justify-content:space-between;を使用していたことが原因。 そこでjustify-content: flex-start; にしてみると、 思った通り左

      ハレガロのーと

      • 点線の【svg画像】を擬似要素の背景画像として設定▶︎リピートの際に変な挙動になるのを解決する方法

        こんにちは🌕ハレガロです🦊🥀 この度は見出しなどでよく見られる点線のsvg画像について。 点線のsvg画像がリピートされる際に、画像間がくっついてしまって変になってしまいました、これを解決するには…先日、見出しの下に擬似要素::afterを使って、背景画像として点線のsvg画像を入れ込んだのですが、上のような挙動になってしまい、長らくネットサーフィングをしてしまったので、メモしておきます✏️ 解決策▶︎svgタグのwidthの値に「点の幅分px」を足し変更するこれは、見

        ハレガロのーと

        • 【WordPress】投稿ページ全てにショートコードを挿入する方法〜テンプレートファイルに直接ショートコードを挿入する〜

          はじめにこんにちは、ハレガロ🦊🌕です。 早速ですが、ブログ投稿の全てのページに登録したショートコードを反映させたい時ってありませんか？ 例えば投稿の最後に必ずはこのような「お問い合わせ」ボタンを表示させたい….というような場合… ショートコードはワードプレスの管理画面▶︎投稿▶︎投稿一覧▶︎各投稿ページから呼び出す方法を使用する方もいると思いますが、今回のように全投稿に表示させたいという時は、毎回ショートコードを呼び出すのは面倒ですよね。 という訳で、この度は一括で全

          ハレガロのーと

        【WordPress】投稿タイプとカスタム投稿タイプそれぞれに１ページに表示する投稿数を設定する方法

        ハレガロのーと

        マガジン

        • 【WordPress】WEB制作の為のメモ帳
          2本

        記事

          【PHP学習】配列と連想配列の違い

          プログラミングの関数や引数とか、見てたらわけわかめ(?_?)のハレガロです、こんばんは🌝 初心者の方は、私と同じく、配列とはって聞かれてもなんだったっけ？となると思うので、例えばこんな感じのやつです。 ＄animarus = array('ねこ', 'とり', 'いぬ'）； または、 ＄animarus = ['ねこ', 'とり', 'いぬ']； と、このように書かれることも。 　この２つの書き方は意味的には同じことです。書き方が2通りあるというだけで、WordP

          ハレガロのーと

          【PHP学習】配列と連想配列の違い

          ハレガロのーと

          【PHP学習】クラス名の定義とオブジェクト指向について

          🍙番号の順番で理解したほうがわかりやすかったので、番号ふりました コードの説明 全体のコード↓ <?phpclass Human { private $name; private $gender; public function __construct($name, $gender) { $this->name = $name; $this->gender = $gender; } public function

          ハレガロのーと

          【PHP学習】クラス名の定義とオブジェクト指向について

          ハレガロのーと