世界的に利用がおおいWordpress。プラグインやPHPによるカスタマイズ自由度が高いことからことから利用者が多い。
SEO対策 Indexing API の使い方、Google Cloud Platform へ登録と使い方
Indexing API 設定方法 Indexing API は、 API キーを使って検索サイトのクローラーをサイトへ呼んで、ページのインデックス登録してもらうとう仕組みです。１日に送信できるURLが200本までです。 求人やライブ配信を...
HTMLとCSS Youtubeのiframeを印刷時に表示する方法
Youtubeのiframeは印刷できるのか？ Youtubeはiframeで読込されていますが、印刷時にはブラウザによって異なります。ChromeやFirefoxでの印刷では、youtube部分が、真っ白やグレー、真っ黒の状態になります。...
Cocoon Cocoonで使えるショートコード
ショートコードでページ表示をカスタマイズする方法 ショートコードは主に固定ページなど見た目をカスタマイズしたい時に使います。 function.phpでショートコードを定義することで使うことができます。 WordPressテーマcocoon...
Cocoon WordPressの投稿の並び順を変える方法、CocoonでIntuitive Custom Post Order（3.14バージョンに不具合有り）を利用する方法。
投稿の並び順を変更する方法 WordPressの並び順を変える方法はいくつかあります。 まず、簡単なのは、プラグインを利用する方法。 そして、直接並び順を、プログラム記述する方法。一部の投稿並び替えプラグインを、さらに独自でカスタマイズも出...
WordPress WordPressのプラグインをやめて、記述する方法、フックについて
フックについて WordPressのプラグインで表示を変更していた場合、プラグインをやめた場合、代わりに、プログラムで出力する必要が出てくる。プラグインは「フック」という仕組みを使って機能して表示している。 このフックの仕組みを使うことで、...
Cocoon WordPressテーマCocoonでエントリーカードをカスタマイズ
WordPressテーマCocoonでエントリーカードをカスタマイズ Wordpressテーマのコードが記述されている場所がわかれば、カテゴリIDの画像を取得したり、カテゴリやタグ名を追加することができます。 Cocoonのテーマは、カード...
WordPress WordPressのコードエディターを使いやすくシンタックスハイライターで色をつけるプラグイン
WordPressエディターのコードエディターを見やすく出来るか？ コードエディターで入力したい場合、WordPressの標準だととても入力しずらしです。Codeテキストに見やすく色をつけるシンタックスハイライターをWordPressの「コ...
WordPress WordPressのSEO対策、Sitemapを送信する XML Sitemaps Managerの使い方
google xml sitemaps生成プラグインをインストールする。 どんなに記事を書いてもSitemapを送信しないと、検索登録されません。Google検索に登録するためには、プラグインで生成されたSitemap.xmlをGoogle...
Cocoon WordPressでDBに登録されたカテゴリ情報を取得する方法
WordPressのカテゴリ情報を取得する方法 WordPressに登録されたカテゴリはget_the_category();で配列情報として取得されます。記事投稿IDがわかるかどうかでカテゴリの取得方法が違います。 ループ内get_the...
Cocoon WordPress アイキャッチ画像がないときに自動で「デフォルト画像」を表示させる方法
WordPressでアイキャッチ画像がない場合の替わりの画像を表示する方法はいくつか方法があります。 CSSで代替え画像を設定する 該当のアイキャッチ画像が表示される箇所のCSSのクラス名を取得する。親テーマがある場合は、子テーマを作り、S...
Cocoon WordPressテーマCocoonでサーチコンソールを登録する方法
テーマCocoonは、HTMLサイトマップなら表示できますが、xml形式のsitemapを出力する機能がありません。Cocoon製作者の公式サイトでもsitemap.xml生成機能が無いと記載されています。 Cocoonでサーチコンソールを...
WordPress WordPressのSEO対策にping送信を設定する方法
検索登録してもらうためのPing送信 ページを検索サイトに登録するために、Sitemap.xmlを記述して、検索サイトの検索ボットにページをクロールしてもらう必要があります。GoogleはSitemap.xmlを送信すれば検索登録されますが...
WordPress WordPressで指定サイズのアイキャッチ画像を呼び出す方法。サムネイル画像との違いについて
サムネイルとアイキャッチ画像の違い ページのアイキャッチ画像IDを取得する。アイキャッチはテーマが対応していないと使えない。投稿ページにアイキャッチ画像の登録がなければ返り値は''を返す。アイキャッチ画像はfunctions.phpで使うサ...
WordPress WordPressプラグインでコードに色をつける、シックスハイライト「CodeMirror Blocks」の使い方
WordPressプラグイン「CodeMirror Blocks」 コード入力部分を色をつけてをキレイに表示させたいときに使う、「シックスハイライト」はWordPessのプラグインで簡単に導入できます。 「CodeMirror Blocks...
js / API WordPressプラグインを使わない「シンタックスハイライト」方法
ワードプレスのプラグインを使わない利点 コードのハイライトが出来る「シンタックスハイライト」はWordPressのプラグインを使わないほうが軽量でコードがキレイになります。 プラグインを使うと、バージョン変更の際に表示がかわってしまいます。...
WordPress WordPressでオリジナル表示に変更する方法、カスタムページの名前のルール
WordPressでサイトを表示する場合はテーマにはいっているテンプレートが表示されます。表示されるページの箇所によってファイル名がきまっています。次のphpファイル名があれば表示が優先されます。 オリジナルコードが記載されたページは、子テ...
WordPress WordPressテーマCocoonでpostmeta テーブルに登録されるmeta_key
Cocoonでpostmeta テーブルに登録される meta_key 記事を投稿するときにCocconnのテーマが登録する meta_key 情報。 meta情報をみていたら、使ったことが無い機能があることに気が付きました。「メモ」やペー...
WordPress WordPress画像アップロード時に保存される画像情報をDBで確認する
WordPressで画像アップロード時に登録される情報 WordPressで画像をアップロードした場合、２つのテーブルに情報が登録される ・wp_posts テーブルに画像パス・postmeta テーブルに画像の代替え文字（alt) wp_...
WordPress WordPressのディレクトリ構造について
ディレクトリの中身を理解する WordPress のファイル ディレクトリ 説明 wp-admin 管理画面に関するファイルを格納するディレクトリ wp-content テーマやプラグインなどに関するファイルを格納するディレクトリ wp-i...
WordPress WordPressのビジュアルエディタを見やすくCSSで色をつける方法
CSSの不一致があった場合は、少しだけカスタマイズが必要な場合があります。まず、有効化しているテーマの直下に「editor-style.css」ファイルを作ります。最初はファイルの中は空で構いません。 有効化しているテーマ直下のfuncti...
WordPress WordPress6でプログラムを見やすく色付き表示する方法「シンタックスハイライト」はどれがいい？
プログラムコード部分をカラーでハイライトすることを「シンタックスハイライト」といいます。WordPressのシンタックスハイライトの設定方法です。 プラグイン「Highlighting Code Block」 コードハイライトするとき、プラ...
Cocoon WordPressテーマCocoonにあわせてオリジナルのカテゴリページを作る方法
PHPの知識がある方向けの内容です。WordPressテーマCocoonのカテゴリページをカスタマイズする方法をご紹介します。 Cocoon親テーマからプログラムをコピーする Cocoon親テーマの中に、部品分けされてコードが記述されている...
WordPress WordPressの自動保存「リビジョン機能」を無効にする方法
WordPress のリビジョンを設定変更する WordPressのリビジョンって何？ リビジョンはデータベースの posts テーブルに保存されています。 リビジョンは元となる投稿の子投稿として保存されます (添付ファイルと同様)。これら...
WordPress WordPressのデータベース構造の確認する
PHPやDBが扱える方向けのWordPressの構造理解のための内容です。 WordPressのデータベース構造を確認する DBの構造をわかっていると、PHPコードを書き換えて、読み出しやカスタマイズがさらに柔軟に出来ます。 この作業はPH...
WordPress WordPressの画像フォルダ保存先を移動する方法
WordPressを使った仕事があったので、使いやすいようにカスタマイズ。WordPressは、テーマが変わるたびにデザインしていたバランスが崩れてWordPress が嫌いでしたが、WordPressテーマ「Cocoon」が登場してから使...