WordPress(ワードプレス) 【WordPress】何かうまくいかなかったようです。時間を置いてもう一度お試しください。が、表示される場合。
何かうまくいかなかったようです。時間を置いてもう一度お試しください。追加CSSにCSSを足した時に、時折表示されるこのメッセージ。追加したCSSに何か問題がある際に発生するようです。このままだと公開ができなくなってしまいますので、この場合は...
WordPress(ワードプレス)
WordPress(ワードプレス) 
WordPress(ワードプレス) 【WordPress】画像をカルーセル・スライダー表示をさせるプラグイン｜MetaSlider – Responsive WordPress Plugin
カルーセル表示とは？画像を「スライド表示」させる方法をカルーセル表示・・・と言ったりします。cocoonテーマなどには、最初からかっこいい感じのカルーセル設定があって、このまま使うのもありな感じです。※投稿の上部に表示させることができます。...
WordPress(ワードプレス) 【cocoonテーマ】投稿ページの本文の一番上に「最近の投稿」が出てきてしまう時に見るべきポイント｜ウィジェット設定
本文の上の方に「最近の投稿」が・・・。cocoonテーマの本文の上の方に、「最近の投稿」が表示されます。どの記事を表示させても、上の方に「最近の投稿」が表示されています。設定に見当たらない？cocoon設定のどの部分を見ても、「投稿」の中に...
WordPress(ワードプレス) 【WordPress】日本語で登録されてしまっているタグのスラッグを英語に変換する方法｜投稿＞タグ
タグのスラッグが日本語の場合投稿に「タグ」を設定した時に、「URLスラッグ」を設定しないと、URLが日本語になってしまいます。スラッグが日本語の場合に起こる問題URLスラッグが日本語の場合、SNSの投稿画面やメール本文にURLを貼り付けると...
CSS(シー・エス・エス) 【WordPress】画面サイズが小さくなるにつれて文字サイズを可変にするCSSの設定方法
画面はテキストをposition:absolute;で位置を指定した状態です。テキストサイズ（font size）をpxで直接、指定しています。この場合、画面サイズが小さくなったときも、同じフォントサイズのままになります。こちらを「画面の幅...
WordPress(ワードプレス) 【WordPress】動画を埋め込む方法｜ワードプレスのページ内に動画を埋め込む
最近のコーポレートサイトなどは、ページの背景を動画にしている企業も増えてきています。ブログでもYoutubeを表示させることもできますが、サイト内に直接動画を入れることもできます。今回は、ワードプレスの記事に動画を直接埋め込む方法についてご...
WordPress(ワードプレス) 【WordPress】get_theme_mod｜set_theme_mod｜現在のテーマのテーマ設定値をひとつ取得する
get_theme_mod( $name, $default )get_theme_mod( $name, $default )現在のテーマのテーマ設定値をひとつ取得します。基本的なテーマ固有設定を扱う必要がある場合、set_theme_m...
WordPress(ワードプレス) 【初心者入門編】WordPressでホームページを作る方法について１０ステップ｜今から始めるワードプレス
ホームページ制作は勉強すれば誰でも制作ができるようになります。その実現には世界で圧倒的なシェアを誇るCMS・WordPress(ワードプレス)の利用がオススメです。このページでは、WordPressとは何か？どのように始めれば良いのかを簡単...
WordPress(ワードプレス) 【WordPress】is_page_template()「投稿テンプレート」かどうか？で処理を分岐させる
is_page_template()is_page_template()この条件分岐タグを使用すると、任意のページのテンプレートであるかどうかを判断することができます。テーマ「Hestia」のis_page_template()「Hesti...
WordPress(ワードプレス) 【WordPress】cocoonの記事内にYoutube動画を埋め込んだ際に中央配置できない場合に中央寄せにする方法｜video-container
Youtube動画が中央寄せにならない？cocoonの記事本文内でYoutube動画を設定したとき。編集画面では「中央揃え」を選択していますが・・・やはり中央揃えに、なりません・・・。通常のCSS.video-container { max...
WordPress(ワードプレス) 【WordPress】cocoonのアイキャッチ画像が記事一覧で並んだ時のサイズをCSSで調整する３つのパターン
cocoonのアイキャッチ画像cocoonの記事一覧で表示されるアイキャッチ画像ですが、縦長のアイキャッチ画像の際に、画像が下に広がってしまうという状態が出てしまいます（いやこれが正しいとも言える気はしますが・・・）.card-thumb ...
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で記事を作成する時に便利な機能のひとつに「再利用ブロック」という便利な機能があります。再利用可能ブロックは、ブロックまたはブロックのグループを保存して、サイトの投稿やページにあとから使用できます。頻繁に同...
