WordPress(ワードプレス) 【WordPress】cocoonのアイキャッチ画像が記事一覧で並んだ時のサイズをCSSで調整する３つのパターン
cocoonのアイキャッチ画像cocoonの記事一覧で表示されるアイキャッチ画像ですが、縦長のアイキャッチ画像の際に、画像が下に広がってしまうという状態が出てしまいます（いやこれが正しいとも言える気はしますが・・・）.card-thumb ...
WordPress(ワードプレス)
WordPress(ワードプレス) 
WordPress(ワードプレス) 【WordPress】投稿ページや固定ページのパーマリンクを一括で取得する方法
全ページのURL(パーマリンク)ワードプレスのパーマリンクの置換や引っ越しなどで「今の全ページのURL(パーマリンク)はどうなっているのか？」という時に、１ページずつパーマリンクをコピーしていたら時間が掛かって仕方がない・・・という時に、一...
WordPress(ワードプレス) 【WordPress】404ページをカスタマイズして404ページに検索フォームを入れたりする｜cocoon子テーマ編｜404.php
４０４ページパーマリンクが見つからなかった時に表示される「４０４ページ」をカスタマイズしたい・・・と思った時に自作をする方法です。cocoon子テーマで作成するには？まずは、子テーマに「404.php」ファイルをアップロードします。404....
WordPress(ワードプレス) 【WordPress】投稿のデモサイト・レイアウトのテストページを見たい時に便利なページ「Theme Unit Test Data」
Theme Unit Test DataWordPressを始める時に、テストデータやブロックのレイアウトを見たい・・・という時に役立つのが「Theme Unit Test Data」です。ページ内には、ワードプレスのブロックを使った様々な...
WordPress(ワードプレス) 【WordPress】標準の「最新の投稿」ブロックを｜日付－投稿タイトル｜で横並びに整形する方法・その３｜flex-directionを左並びに調整する｜justify-content: flex-start;
前回までのあらすじ前回、Flexboxを使って「最新の投稿」ブロックをどうにかこうにか横並びにして反転させることまでは成功しましたが・・・コンテンツが右に寄ってしまったので、左に並ぶように調整をしてみたいと思います。justify-cont...
WordPress(ワードプレス) 【WordPress】標準の「最新の投稿」ブロックを｜日付－投稿タイトル｜で横並びに整形する方法～その２｜左右交互に横並び・flex-direction: row-reverse;
前回までのあらすじそれっぽいレイアウトにはなったのですが、タイトルと日付の並び順が、希望と反対になっているのでなんとかしたい・・・。こんな感じになってほしい。FlexboxについてFlexbox は、アイテムを列方向や行方向など一次元に並べ...
WordPress(ワードプレス) 【WordPress(ワードプレス)】標準の「最新の投稿」ブロックを設定している場所はどこに？｜render_block_core_latest_posts
前回、「最新の投稿」ブロックについて色々と書いていたら長くなってしまったので別記事として分けたいと思います。標準の「最新の投稿」ブロックを設定している場所はどこに？<ul class="wp-block-latest-posts__list...
WordPress(ワードプレス) 【WordPress】標準の「最新の投稿」ブロックを｜日付－投稿タイトル｜で横並びに整形する方法
最新の投稿ブロック「最新の投稿」ブロックは、最近の投稿の一覧を表示します。この「最新の投稿」ブロックは、抜粋を表示したり、文字数を制限したり。カードタイプの表示に切り替えたり・・・表示させるカテゴリーを限定したりと、色々と便利に使えます。ほ...
WordPress(ワードプレス) 【WordPress】Cocoon設定を押すとサイトトップページにリダイレクト（飛んでしまう）症状？が発生した時に試す２つのこと
症状：「Cocoon設定」を開くと何故かサイトトップページにリダイレクトされる・・・「Cocoon設定」を開くと、なぜかサイトのトップページにリダイレクトされてしまう・・・。「キャッシュ削除」を試すCocoon設定＞「キャッシュ削除」を試し...
WordPress(ワードプレス) 【WordPress/ワードプレス】タグクラウドのタグの表示順番（並び順）が本文とウィジェットで違う…？を統一する方法・その４
ということで、かなり長いシリーズになってしまった本シリーズですが・・・いよいよ、まとめ（？）の回に入りたいと思います。前回までのあらすじタグクラウドの表示を設定している場所「wp-includes > category-template.p...
WordPress(ワードプレス) 【WordPress/ワードプレス】タグクラウドのタグの表示順番（並び順）が本文とウィジェットで違う…？を統一する方法・その３
前回までのあらすじ前回までは、「タグクラウドのタグの表示順番（並び順）が本文とウィジェットで違う…？」でウィジェットの部分を名前順に並び替えることを試みて無事成功しましたが・・・今度は反対に「本文中のタグクラウドの並び順」を変えてみたいと思...
WordPress(ワードプレス) 【WordPress】Cocoonテーマ編／タグクラウドのタグの表示順番が本文とウィジェットで違う…？を統一する方法その２
前回までのあらすじ前回までは「タグクラウドのタグの表示順番が本文とウィジェットで違う…？を統一する・その１」でHTMLコードを直接貼り付けて対応する、という方法を書きました。しかし、前回の方法の場合は、「貼り付けたタイミング以降でタグが増え...
WordPress(ワードプレス) 【WordPress】Cocoonテーマ編／タグクラウドのタグの表示順番が本文とウィジェットで違う…？を統一する方法その１
CocoonテーマのタグクラウドWordPressのブロックエディタでは「タグクラウド」もブロックに準備されていて、本文中にタグクラウドを入れることもできます。本文（コンテンツ）のタグクラウドとウィジェットのタグクラウド順番が違う・・・？並...
WordPress(ワードプレス) 【WordPress】Cocoonテーマで投稿・固定ページの日付部分を非表示にする方法｜Cocoon設定
Cocoonテーマの「投稿日」「更新日」Cocoonテーマには、便利な「投稿日」「更新日」の表示がありますが、こちらが要らないな・・・と思った時に非表示にする方法です。Cocoon設定で変更できるCocoon設定を開きます。Cocoon設定...
WordPress(ワードプレス) （サンプルページ）固定ページ: 画像の配置サンプル
画像とテキストの配置テストです。画像の配置テストへようこそ ! 画像をいろいろな位置に配置してみるのに一番良い方法は、言葉の海の中に画像をそっとうずめてみることです。さあ、はじめましょう。画像の配置では、ユーザーが「指定なし」「右寄せ」「左...
WordPress(ワードプレス) 【WordPress】Cocoonテーマ／タグの表示順番をCSSで変更してみる｜display:flex&order:-XX
タグクラウドで表示されているタグタグクラウドで表示されているタグは、順番が決められていて（本文中のタグクラウドはABC～の名前順）、これを例えば「２番目を１番目に移動したい」となった場合に、自動で並び替えられてしまうため入れ替えることができ...
WordPress(ワードプレス) 【WordPress】[if ( !defined( ‘ABSPATH’ ) ) exit;]とは？｜cocoonテーマPHP
ABSPATHWordPressがインストールされているディレクトリのパス名。ABSPATH（Absolute Path）のこと。WordPressが導入されたディレクトリ（wp-config.phpが置かれたディレクトリ）のパス。/var...
WordPress(ワードプレス) 【WordPress】ドラッグアンドドロップで固定ページの順番を変更する方法｜記事順番を並び替えられる便利なプラグイン｜Nested Pages
固定ページの並び替えWordPressの固定ページは標準機能でも順番を並び替えできるような機能がありますが、ページの編集からページ属性の順序でひとつずつ変更していく必要があるので手間がかかってしまいます。順序の変更。並び順が変わりました。こ...
WordPress(ワードプレス) 【WordPress入門】さくらのレンタルサーバで始めるワードプレスインストール編
さくらのレンタルサーバでWordPress以前もお話しましたが、WordPressを始めるときには基本的にはWordPressを保存・運用するための「レンタルサーバー」が必要です。今回はさくらレンタルサーバーを使ってWordPressをイン...
WordPress(ワードプレス) 【WordPress】便利な「再利用ブロック」の一覧ページ・管理画面はどこにある？
再利用可能ブロックWordPressで記事を作成する時に便利な機能のひとつに「再利用ブロック」という便利な機能があります。再利用可能ブロックは、ブロックまたはブロックのグループを保存して、サイトの投稿やページにあとから使用できます。頻繁に同...
WordPress(ワードプレス) 【WordPress】メディアライブラリを使いやすいようにフォルダ分けできる便利なプラグイン｜WordPress Media Library Folders
WordPressの中でも便利な機能のひとつが、この「メディアライブラリ」ですが、多くの画像をアップロードしていくと全ての画像がメディアライブラリの直下に並んでしまい、何の画像がどこにあるのか分からなってしまいます。画像はどこに保存されてい...
WordPress(ワードプレス) 【WordPress】サブディレクトリにインストールしたWordPress本体をルートディレクトリに移動させる手順｜操作注意！
サブディレクトリにインストールしたWordPressをルートディレクトリに移動させたい場合。たとえば、/wp1/にワードプレスを入れていたときに、ルートディレクトリのフォルダにデータをまるごと移動しました・・・移動させるだけだとエラーに。た...
WordPress(ワードプレス) 【WordPress】WordPress アドレス (URL)・サイトアドレス (URL)とは？安易な設定変更はNG
一般設定の中にある「WordPressアドレス (URL)」「サイトアドレス (URL)」ですが、ここの設定を安易に変更すると、サイトのデザインがおかしくなったり、管理画面に入れなくなったりするので、設定変更には注意が必要です。サイト UR...
WordPress(ワードプレス) 【WordPress】「コメントを残す」部分を非表示にする３つの方法
ワードプレスの「コメントを残す」という部分を非表示にする方法です。ディスカッション設定で「新しい投稿へのコメントを許可する」を外す設定 ＞ ディスカッション「新しい投稿へのコメントを許可する」 のチェックをはずす。これで、この先の投稿の「コ...
WordPress(ワードプレス) 【ワードプレス】This page contains the following errors:と表示される場合の対処法｜サイトマップエラー（XMLパースエラー）
This page contains the following errors？サイトマップのページを開いたときに、「This page contains the following errors:・・・」と表示されてしまいました。This...
WordPress(ワードプレス) 【WordPress】Contact Form 7のラベルに必須の表示（*）アスタリスク文字を赤文字で表示させる方法
Contact Form 7でフォーム必須*アイコンの色お問い合わせフォームを作成する時の有名プラグイン「Contact Form 7」でフォームを作っている時に、ふと・・・*(アスタリスク)印を入れるだけであれば、ラベルの中に*を入れるだ...
WordPress(ワードプレス) 【WordPress】Contact Form 7｜送信前に「確認画面」を表示させる方法｜Contact Form 7 add confirm
Contact Form 7Contact Form 7WordPressでお問い合わせフォームを作成するときは「Contact Form 7」というプラグインがとても有名ですが、このプラグインでお問い合わせをした時は、送信ボタンを押すと、...
WordPress(ワードプレス) 【WordPress】Contact form7の使い方｜便利なお問い合わせフォーム作成プラグインでお問い合わせページを作る～PART2
前回、「Contact Form 7（コンタクトフォーム）」というプラグインを使ってお問い合わせフォームを作ってみましょう、というお話をしましたが、続きです。色々と設定を試してみたいと思います。何も設定していない基本パターン<label> ...
WordPress(ワードプレス) 【WordPress】カスタマイズ機能に機能を追加する方法｜カスタマイザーの作り方
外観 → カスタマイズワードプレスのデザイン関係の設定は、WordPressの「外観 → カスタマイズ」画面に搭載されています。左側の「カスタマイズ」または設定しているテーマ上の「カスタマイズ」ボタンをクリックします。テーマカスタマイズ画面...
WordPress(ワードプレス) 【WordPress】現在のログインユーザー情報の取得をする方法｜ wp_get_current_user()
wp_get_current_user()ワードプレスをいろいろと扱っていると、現在のログインしているユーザーの情報を取得したい・・・という時もあるかと思います。そんな時は「wp_get_current_user()」が役に立ちます。Cod...
