TailwindCSS 【Tailwind CSS】文字に下線や取消線等を付ける方法
Tailwind CSSを使って、文字に下線、上線、取消線を付ける方法です。下線class="underline"を付ける。<p class="underline">こんにちわ</p>以下のように下線が付く上線class="overline...
各言語
TailwindCSS Laravel 【Laravel10】Sailでプロジェクト作成後に、Sailサービスを追加したい場合の方法
SailでLaravelプロジェクト作成時、以下のように一部のサービス（以下だとmysqlとredis）だけを指定してインストールした場合にあとから他のサービスを追加する方法です。curl -s "" | bashやり方1．プロジェクトフォ...
WordPress 【WordPress】Cocoonテーマの新着記事を2列表示にする方法
Cocoonテーマの新着記事はただ設置しただけだと1列表示になるので、2列表示にする方法を紹介します。完成図以下のように2列表示になります。やり方1．以下のように新着記事ブロックを追加する。（ブロックの設定内容は任意）2．子テーマのstyl...
WordPress 【WordPress】slick.jsの左矢印（戻るボタン）を表示する方法
以下の記事で紹介したslick.jsだが、完成形のものを見ると右矢印は出ているが、左矢印は出ていない。左矢印はデフォルトでは出てこず、一工夫必要なので、その方法を紹介する。完成形以下のように左矢印も出てくるようになる。やり方1．子テーマのs...
WordPress 【WordPress】WordPressでslick.jsを使う方法
WordPressでslickを使う方法を紹介します。完成形 やり方1．子テーマのフォルダ直下にjsフォルダを作成し、home.jsファイルを作成し以下を記載Cocoonテーマの例：wp-content/themes/cocoon-chil...
WordPress 【WordPress】グローバルナビゲーションメニューの現在表示しているページに対応する項目の色を変える。
以下の画像の赤枠のように、現在のページに対応するグローバルメニューの項目の色を変えたい場合のやり方です。完成図以下の図のようにホームだったらグローバルメニューのホームの項目の色が変わり、サンプルページだったらサンプルページの項目の色が変わる...
css 【CSS】2行目以降字下げ（インデント）をする方法
2行目以降を字下げ（インデント）したい場合のやり方です。結果以下のように2行目以降がインデントされます。-----------------------インデント：1行目はインデントされません。2行目以降は6文字分インデントされます。3行目-...
WordPress 【WordPress】Cocoonテーマの新着記事で横並び表示時に、戻るの矢印を表示する方法
cocoonテーマの新着記事ブロックの横並び表示時に、戻るの矢印を表示する方法です。前提以下のように、新着記事ブロックを作成して、"横並び表示"を有効にする。そうすると、以下のように、右矢印(進む)は出るが、左矢印(戻る)は表示されない。左...
Git 【Git】UbuntuにGitKをインストールする際にエラーが出た場合の対処方法
UbuntuでGitKをインストールすると以下のようなエラーが出た。test@test:~/project/$ sudo apt install gitkReading package lists... DoneBuilding depen...
WordPress 【WordPress】Cocoonテーマでヘッダーの右側に問い合わせボタンなどを作成する方法
Cocoonテーマでヘッダーロゴ(テキスト)の右側に問い合わせボタンを作成する方法を紹介します。今回の方法はテーマファイルには直接編集を加えず、function.phpにアクションフックを追加して対応します。これにより、親テーマファイルの更...