WordPress 5.5 (2020年8月11日リリース予定) ではブロックエディタが大きく変わり、そのなかで「ブロックパターン」という機能が追加されました。 WordPress 5.5 から利用できる「ブロックパターン」 が めちゃ いいかもしれない 現段階では WordPressコアが用意したブロックパターンしか使えませんが、自分でブロックパターンを登録・メンテナンスできたらすごく使いやすくなりますよね。 そこで自分でブロックパターンを登録・メンテナンスできるようにするTipsを2つ紹介します。 ユーザーブロックパターン ブロックパターン登録用のカスタム投稿タイプを作ってWordPressコアのブロックパターンリストに読み込ませます。 コード 以下のコードを my-plugin.php に張り付けてみてください。 /** * ユーザーブロックパターン * * @since 5.5.0

WordPress5.4 RC1 が 公開されました。 WordPress5.4は 2020年3月31日に リリースされる予定なので いろいろチェックをしています。 その中で WordPress5.4で気がついたところを取り上げていきます。 これから追加・変更があるかもですので、説明や画像等がリリース時と違う場合もありますが随時チェックしていく予定です。 リリースまでのスケジュールは WordPress 5.4 Development Cycle に載っています。 WordPress 5.4 Beta 1 https://wordpress.org/news/2020/02/wordpress-5-4-beta-1/ WordPress 5.4 Beta 2 https://wordpress.org/news/2020/02/wordpress-5-4-beta-2/ WordPress

いよいよ WordPress5.0 のリリースが近づいてきました。WordPress5.0では新しいデフォルトテーマ「Twenty Nineteen」が搭載される予定です。 「Twenty Nineteen」は アンダースコアズ・_s(underscores Automattic製) と gutenberg-starter-theme をベース作られていて 新しいエディタ「Gutenberg(グーテンベルク)」対応になっています。 現在「Twenty Nineteen」は WordPress5.0 RC2 でテストしています。 まだ、開発中ですので今後 変わっていくと思いますが「Twenty Nineteen」をチェックしていきたいと思います。 外観 IE11ではいろいろﾀﾞﾒﾀﾞﾒでした、 標準の font-size は 22px でした。 コンテンツ部分 １カラムになっています。サイド

Gutenbergエディタで 画像を設置した時 あれ? と思った事ありませんでしょうか。 管理画面(編集画面)を「テーマ を Gutenberg に対応させる時、最低限やっておく事」で 設定したとしても、コンテンツ幅(content_width) が広いテンプレートの場合、設置した画像が(元画像は大きいのに) コンテンツ幅 より小さく置かれてしまってます。 【画像を設置】 さらに、設置した画像はマウスで拡大・縮小できますが、一定の大きさ(580px)より拡大できません。これにより、580pxより大きな画像を設置するのが困難になります。 原因は Gutenbergエディタ内で maxWidth が 580px固定 になっている為です。 そのせいで 画像を設置しても wideが580pxになり、拡大は580pxより大きくできない状態になります。 【参考 The default editor s

前回、「WordPress AMPプラグインを使って サイトをAMP対応にする」でAMPプラグインを紹介しましたが今回はさらに自分のサイトに合うように改造していくためのアクションフックやアクションフィルターを紹介します。 不動産プラグインでも以下のフックやフィルターを使ってAMP用のプラグインを開発しています。 WordPress AMPプラグイン(Automattic) https://wordpress.org/plugins/amp/ WordPress AMPプラグインを使って サイトをAMP対応にする https://nendeb.com/387 【2018/03/07 更新】 ※この記事は WordPress AMPプラグイン ver0.6.2 を使ってテストしています。 投稿者の名前表示を変更したい場合 投稿者の名前が表示されますが 他の名前に変更したい場合、以下のコードを

WordPress4.5 は4月12日に リリースされました。WordPress4.5は beta版からいろいろチェックをしています。という事で WordPress4.5でちょっと気がついたところを取り上げていきます。 WordPress4.5日本語版 は https://ja.wordpress.org/ からダウンロードできます。 テーマカスタマイザー サイトロゴ テーマカスタマイザー上でサイトロゴを設置できる機能が追加されました。 ロゴ画像を登録するだけです。 このままではサイトタイトルとロゴが両方でてしまいますが「Display Site Title and Tagline」のチェックを外すとロゴ画像だけになります。 この機能を使うには、テーマ側で対応する必要があります。 例 functions.php に追記 /* * Enable support for site logo.

「自分専用のマイ・プラグインを作ってみませんか」とおすすめしましたが、これは 「WordPressプラグインディレクトリ」に登録するのではなく、自分のサイト環境にあわせたPHPのコードを入れる為のプラグインです。 プラグイン名(my-plugin)は、自由につけてもいいのですが、もし 誰かが同名のプラグインを「WordPressプラグインディレクトリ」に登録してしまうと、管理画面で「更新」表示が出てしまいます。 うっかり更新すると 全然違うプラグインに入れ替わってしまいます。 そこで「my-plugin」だけ更新を非表示するコードを紹介します。 今の所「my-plugin」は「WordPressプラグインディレクトリ」には無いので大丈夫ですが 念のため入れておいた方がいいでしょう。 my-plugin の更新を非表示 以下のコードを my-plugin.php に張り付けてください。 /*

WorsPress4.4 より Embed という サイトの記事を、他のブログに 簡単に「引用貼付け」できる機能が追加されました。 「引用貼付け」をしたい場合、自分のサイトを WorsPress4.4 で作っている場合は、引用したい記事のURLを記事の投稿欄に張り付けるだけで 引用表示されるようになります。 自分のサイトが WorsPress4.4以外の場合は「HTMLでの埋め込み (引用貼付け用のタグ)」を記事の投稿欄に張り付けると表示されるようになります。 しかし「HTMLでの埋め込み (引用貼付け用のタグ)」は、引用貼り付けされた Embed内 には表示されますが、引用元の記事にはありません。 *引用貼付けされた例 WordPress 4.4 から 他サイトの記事を引用埋め込みできるようになった「Embed」 そこで「引用貼付けのタグが取得できる機能」を テーマに組み込んで、引用元の

WordPress4.4 からは、他のブログ (oEmbed対応) の記事を埋め込み表示できるようになりました。もちろん WordPress4.4どうしでしたら 記事のURLを貼るだけで簡単に引用表示できます。 という事で WordPress4.4のoEmbed機能を調べてみました。 Embed Embedを使うのは簡単です。投稿欄にURLを入れるだけで 相手側が対応していれば 表示されます。WordPress4.4では 対応の対象は投稿ページか固定ページになります。 アイキャッチ画像 アイキャッチ画像は画像の縦横比をチェックして表示する場所を変えています。 横サイズ/縦サイズ が 1.75以上の場合(横長)は上部に、それ未満の場合は内部に表示されます。 タイトル the_title() を使って表示しています。 抜粋 the_excerpt_embed()を使って表示しています。内部を見

XAMPP(ザンプ)とは、自分のPC(ローカル環境)内にWebサーバーを設置できるように関連ソフトウェアをまとめてインストールし、使う時も簡単にできるようにすることができるパッケージソフトです。 特に WordPress 等の CMS を自分のPC内(ローカル環境)でテストする為によく使われています。 今回はWindowsにXAMPP(ザンプ)をインストールして各設定を行うまでの手順をご紹介します。 XAMPP(ザンプ)をダウンロード XAMPP Installers and Downloads for Apache Friends へアクセスしてください。 「その他のバージョンについてはこちらをクリックしてください 」を クリック。 今回はPHPのバージョンは5.5xを使いますので「5.5.24 / PHP 5.5.24」の方のダウンロードをクリックして保存します。 ブラウザによって画面

WordPressのデフォルトテーマは タイトル部分（ホームページの最上部、会社名等を入れている部分）には文字しか置けないようになっています。 テーマ内ファイル (header.php) をじかに触ればいいのですが、テーマをバージョンアップすると元に戻ってしまいます。 今回は、そのタイトル部分をテーマのファイルを変更せずに アクションフックとCSS で画像に置き換える方法をご紹介します。そしてさらにレスポンシブ対応にします。 タイトル文字を画像に変える方法 タイトル画像アップロード まず、画像を用意します。今回使用する画像はこちらです↑ この画像を管理画面の左メニュー「メディア」＞「新規追加」よりアップロードします アップロード後、画像の「編集」リンクをクリックします。 その画面で右側に表示される ・ファイルの URL（アップロードされたファイルの場所） ・サイズ（例では320×60 ）

WordPressで制作したサイトに広告をいれる方法はいろいろありますが Google公式の「WordPress用AdSenseプラグイン」がベータ版 (Google Publisher Plugin) から正式版 (Google AdSense) になってましたのでさっそくこのサイトで使ってみました。 このプラグインはWordPressのトップ、アーカイブ、投稿/固定ページ等でそれぞれ設置場所を指定するだけの簡単なもので、テンプレートや投稿記事にわざわざでAdSenseコードを入れる事なく簡単に設定できます。 モバイルにも対応してくれますのでレスポンシブなサイトには最適です。また広告ユニットも勝手に作ってくれますので ほとんどなにもしなくても AdSense を設置できます。 インストールや設定方法は「WordPress 用 AdSense プラグインについて」で詳しく日本語で載っていま

「WordPress (自分専用)マイ・プラグインを作ろう」等 WordPress Tips を紹介しています

Theme Check バージョンアップしてました。WordPress4.1に対応してるもようです。 https://wordpress.org/plugins/theme-check/ WordPress4.1で追加された　add_theme_support( 'title-tag' );　をいれていないと RECOMMENDED: No reference to add_theme_support( "title-tag" ) was found in the theme. It is recommended that the theme implement this functionality for WordPress 4.1 and above. と 言われます。 http://wpdocs.sourceforge.jp/Title_Tag を参考に header.php

WordPress4.1beta版をチェックをしています。今後、リリースまで変更されるかも知れませんが気が付いた所をお知らせします。 Feature Plugins Tracking を見ると組み込まれる機能の予定が載っています。 リリースの予定は Version 4.1 Project Schedule に載っています。 うわさの Front-end Editor や REST API は まだ組み込まれていません。 投稿 集中執筆モード中にカーソルが外に出たりすると一時的に集中執筆モードから外れたりします。 集中執筆モードから外れても、また入力しだすと集中執筆モードになります。 *但し、上の[表示オプション]で「ウインドウの高さに合わせてエディターを広げる。」のチェックを外すとこの機能は動きません。 【参考】https://make.wordpress.org/core/

そんなイクモア（ｉｑｕｍｏｒｅ）が抜け毛に効果を期待できるのはそのにあります。最近、抜け毛がいいと気づいてはいたものの、補助にＮＧに購入と毎日忙しくて、具体的な対策を何もしないままに薄毛が変化してしまっていたという男性は、しっかりしたら少なくないかもしれません。根元の薄毛は、その原因が健やかあり、原因が１つのみでない場合もあります。また、ボトルの放出からも購入サプリには結びつきませんので、家族に知られたくない方でも豊富できます。イクモア（ｉｑｕｍｏｒｅ）に含まれているヒハツやシナモンが女性の抜け毛、薄毛デザインに注目されている理由がすぐ実感できています。イクモアを使い始めたのは知り合いの冷えに言われたこの体内からでした。それでも『イクモア』なら１日３粒をアイテムに飲むだけで、薄毛・抜け毛チンが簡単に行える。改善されている成分や使用感を分泌してきた通り、通販なしでお勧めできるサプリに仕上がっ

※【これは2012年の記事です】 2017年現在もほとんど同じ手順で出来ますが、今のおすすめテーマはインストールしたら元々入っている公式テーマの中で、Twenty Sixteen がおすすめと思っています。 WordPressは知っているけど、「どうやって作っていくの？」「どこかでインストールしてくるの？」という初心者向けにWordPressをインストールして、CSSやHTMLを触る段階になるまでの設定順序を書いていきます。 初歩のところだけど、その段階から載っている記事があまり無いので、手取り足取りいきましょう。 前提として、WordPressが入れれるレンタルサーバーのプランじゃないと入れれないのですが、入れれるサーバーはほとんど「ワードプレス簡単インストール機能」がついていたり、すでにWordPressが入ってたりするのもあるので先にそれを調べてください。 ※「WordPressが入