WordPress 【WordPress】WordPressでslick.jsを使う方法
WordPressでslickを使う方法を紹介します。完成形 やり方1．子テーマのフォルダ直下にjsフォルダを作成し、home.jsファイルを作成し以下を記載Cocoonテーマの例：wp-content/themes/cocoon-chil...
ton
WordPress 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にアクションフックを追加して対応します。これにより、親テーマファイルの更...
WordPress 【WordPress】Cocoonテーマのヘッダーロゴを左寄せする方法
Cocoonのテーマでヘッダーロゴのみを左寄せする方法を紹介します。Cocoon設定のヘッダーから"ヘッダーレイアウト"でロゴの位置を設定できますが（以下の画像）、"トップメニュー（右寄）"を選んでも、ロゴが左寄せ、その右側にメニューという...
WordPress 【WordPress】Cocoonテーマの新着記事ブロックでサムネイルを非表示にする方法
Cocoonテーマには以下の画像のように新着記事ブロックがある。(のショートコードのブロック版）表示する記事をカスタム投稿タイプで絞ることもできるので結構便利。しかし、サムネイルの非表示には対応していないので、以下のように必ずサムネイルが表...
Docker 【Docker】phpMyAdminでインポート時にファイルサイズでエラーが出る場合の対処方法
DockerでphpMyadminでデータベースをインポートする際に以下のエラーが出ることがある。Warning: POST Content-Length of 2510244 bytes exceeds the limit of 2097...
WordPress 【WordPress】Cocoonテーマで、ヘッダーロゴの横にテキストを表示する方法
Cocoonのテーマでは、ヘッダーにサイトタイトルかロゴ画像を設定できる。しかし、サイトタイトルかロゴ画像を両方とも表示することは設定からはできない。サイトタイトルかロゴ画像の両方を表示したい場合の方法を紹介します。完成形以下のようにロゴ画...