CSS(シー・エス・エス) 【WordPress】画面サイズが小さくなるにつれて文字サイズを可変にするCSSの設定方法
画面はテキストをposition:absolute;で位置を指定した状態です。 テキストサイズ（font size）をpxで直接、指定しています。 この場合、画面サイズが小さくなったときも、同じフォントサイズのままになります。 こちらを「画...
WordPress(ワードプレス)
CSS(シー・エス・エス) 
WordPress(ワードプレス) 【WordPress】動画を埋め込む方法｜ワードプレスのページ内に動画を埋め込む
最近のコーポレートサイトなどは、ページの背景を動画にしている企業も増えてきています。ブログでもYoutubeを表示させることもできますが、サイト内に直接動画を入れることもできます。今回は、ワードプレスの記事に動画を直接埋め込む方法についてご...
WordPress(ワードプレス) 【WordPress】get_theme_mod｜set_theme_mod｜現在のテーマのテーマ設定値をひとつ取得する
get_theme_mod( $name, $default ) get_theme_mod( $name, $default )現在のテーマのテーマ設定値をひとつ取得します。基本的なテーマ固有設定を扱う必要がある場合、set_theme_...
WordPress(ワードプレス) 【初心者入門編】WordPressでホームページを作る方法について１０ステップ｜今から始めるワードプレス
ホームページ制作は勉強すれば誰でも制作ができるようになります。その実現には世界で圧倒的なシェアを誇るCMS・WordPress(ワードプレス)の利用がオススメです。このページでは、WordPressとは何か？どのように始めれば良いのかを簡単...
WordPress(ワードプレス) 【WordPress】is_page_template()「投稿テンプレート」かどうか？で処理を分岐させる
is_page_template() is_page_template()この条件分岐タグを使用すると、任意のページのテンプレートであるかどうかを判断することができます。 テーマ「Hestia」のis_page_template() 「He...
WordPress(ワードプレス) 【WordPress】cocoonの記事内にYoutube動画を埋め込んだ際に中央配置できない場合に中央寄せにする方法｜video-container
Youtube動画が中央寄せにならない？ cocoonの記事本文内でYoutube動画を設定したとき。 編集画面では「中央揃え」を選択していますが・・・ やはり中央揃えに、なりません・・・。 通常のCSS .video-container ...
WordPress(ワードプレス) 【WordPress】cocoonのアイキャッチ画像が記事一覧で並んだ時のサイズをCSSで調整する３つのパターン
cocoonのアイキャッチ画像 cocoonの記事一覧で表示されるアイキャッチ画像ですが、縦長のアイキャッチ画像の際に、画像が下に広がってしまうという状態が出てしまいます（いやこれが正しいとも言える気はしますが・・・） .card-thum...
WordPress(ワードプレス) 【WordPress】投稿ページや固定ページのパーマリンクを一括で取得する方法
全ページのURL(パーマリンク) ワードプレスのパーマリンクの置換や引っ越しなどで「今の全ページのURL(パーマリンク)はどうなっているのか？」という時に、１ページずつパーマリンクをコピーしていたら時間が掛かって仕方がない・・・という時に、...
WordPress(ワードプレス) 【WordPress】404ページをカスタマイズして404ページに検索フォームを入れたりする｜cocoon子テーマ編｜404.php
４０４ページ パーマリンクが見つからなかった時に表示される「４０４ページ」をカスタマイズしたい・・・と思った時に自作をする方法です。 cocoon子テーマで作成するには？ まずは、子テーマに「404.php」ファイルをアップロードします。 ...
WordPress(ワードプレス) 【WordPress】投稿のデモサイト・レイアウトのテストページを見たい時に便利なページ「Theme Unit Test Data」
Theme Unit Test Data WordPressを始める時に、テストデータやブロックのレイアウトを見たい・・・という時に役立つのが「Theme Unit Test Data」です。 ページ内には、ワードプレスのブロックを使った様...
WordPress(ワードプレス) 【WordPress】標準の「最新の投稿」ブロックを｜日付－投稿タイトル｜で横並びに整形する方法・その３｜flex-directionを左並びに調整する｜justify-content: flex-start;
前回までのあらすじ 前回、Flexboxを使って「最新の投稿」ブロックをどうにかこうにか横並びにして反転させることまでは成功しましたが・・・ コンテンツが右に寄ってしまったので、左に並ぶように調整をしてみたいと思います。 justify-c...
WordPress(ワードプレス) 【WordPress】標準の「最新の投稿」ブロックを｜日付－投稿タイトル｜で横並びに整形する方法～その２｜左右交互に横並び・flex-direction: row-reverse;
前回までのあらすじ それっぽいレイアウトにはなったのですが、タイトルと日付の並び順が、希望と反対になっているのでなんとかしたい・・・。 こんな感じになってほしい。 Flexboxについて Flexbox は、アイテムを列方向や行方向など一次...
WordPress(ワードプレス) 【WordPress(ワードプレス)】標準の「最新の投稿」ブロックを設定している場所はどこに？｜render_block_core_latest_posts
前回、「最新の投稿」ブロックについて色々と書いていたら長くなってしまったので別記事として分けたいと思います。 標準の「最新の投稿」ブロックを設定している場所はどこに？ <ul class="wp-block-latest-posts__li...
WordPress(ワードプレス) 【WordPress】標準の「最新の投稿」ブロックを｜日付－投稿タイトル｜で横並びに整形する方法
最新の投稿ブロック 「最新の投稿」ブロックは、最近の投稿の一覧を表示します。 この「最新の投稿」ブロックは、抜粋を表示したり、文字数を制限したり。 カードタイプの表示に切り替えたり・・・ 表示させるカテゴリーを限定したりと、色々と便利に使え...
WordPress(ワードプレス) 【WordPress】Cocoon設定を押すとサイトトップページにリダイレクト（飛んでしまう）症状？が発生した時に試す２つのこと
症状：「Cocoon設定」を開くと何故かサイトトップページにリダイレクトされる・・・ 「Cocoon設定」を開くと、なぜかサイトのトップページにリダイレクトされてしまう・・・。 「キャッシュ削除」を試す Cocoon設定＞「キャッシュ削除」...
WordPress(ワードプレス) 【WordPress/ワードプレス】タグクラウドのタグの表示順番（並び順）が本文とウィジェットで違う…？を統一する方法・その４
ということで、かなり長いシリーズになってしまった本シリーズですが・・・いよいよ、まとめ（？）の回に入りたいと思います。 前回までのあらすじ タグクラウドの表示を設定している場所「wp-includes > category-template...
WordPress(ワードプレス) 【WordPress/ワードプレス】タグクラウドのタグの表示順番（並び順）が本文とウィジェットで違う…？を統一する方法・その３
前回までのあらすじ 前回までは、「タグクラウドのタグの表示順番（並び順）が本文とウィジェットで違う…？」でウィジェットの部分を名前順に並び替えることを試みて無事成功しましたが・・・ 今度は反対に「本文中のタグクラウドの並び順」を変えてみたい...
WordPress(ワードプレス) 【WordPress】Cocoonテーマ編／タグクラウドのタグの表示順番が本文とウィジェットで違う…？を統一する方法その２
前回までのあらすじ 前回までは「タグクラウドのタグの表示順番が本文とウィジェットで違う…？を統一する・その１」でHTMLコードを直接貼り付けて対応する、という方法を書きました。 しかし、前回の方法の場合は、「貼り付けたタイミング以降でタグが...
WordPress(ワードプレス) 【WordPress】Cocoonテーマ編／タグクラウドのタグの表示順番が本文とウィジェットで違う…？を統一する方法その１
Cocoonテーマのタグクラウド WordPressのブロックエディタでは「タグクラウド」もブロックに準備されていて、本文中にタグクラウドを入れることもできます。 本文（コンテンツ）のタグクラウドとウィジェットのタグクラウド順番が違う・・・...
WordPress(ワードプレス) 【WordPress】Cocoonテーマで投稿・固定ページの日付部分を非表示にする方法｜Cocoon設定
Cocoonテーマの「投稿日」「更新日」 Cocoonテーマには、便利な「投稿日」「更新日」の表示がありますが、こちらが要らないな・・・と思った時に非表示にする方法です。 Cocoon設定で変更できる Cocoon設定を開きます。 Coco...
