ワードプレスやJoomla!、DrupalなどのCMSに関する情報記事です
2018年12月上旬にWordPress 5.0がリリースされ、テキストエディタ「Gutenberg」(グーテンベルク)が新たに採用されましたが、このGutenbergでブロック追加が出来ない（機能しない、使えない）状態を解決する方法をご紹介します。
不便で使いづらいという意味の「使えない」ではなく、ここでの意味は物理的に使用出来ない状態を指しています。実際にどのような状況なのか下の画像をご覧ください。
投稿画面の左上にある+(プラス)ボタンを押してブロックを追加し、記事を作り上げていく手順になるはずなのですが、非アクティブになっておりボタンが押せない状態です。
最初に結論を言うと、左メニューにある「ユーザー」「あなたのプロフィール」から「ビジュアルリッチエディターを使用しない」のチェックを外したら解決しました。 (さらに…)
日本・海外問わず、比較的よく使われているCMSのログインURLをまとめました。
インストール直後であればログイン画面に誘導してくれたり、初期テンプレートにログインフォームが組み込まれていたりするので問題ないのですが、ちょっとテンプレートを編集したりしてどこからログインしていいかわからなくなってしまった時などにお使い下さい。
使い慣れたCMSであれば簡単に解決できますが、初めて使うCMSなどは迷ってしまいますよね。
(さらに…)
ワードプレスには投稿日時の基準で『現在見ている記事よりも後に書いた記事（次のページ）』と、『前に書いたページ（前のページ）』のURLを取得してリンク表示してくれる便利なコードがあります。
テーマによっては最初からコードが実装されてる事がありますが、ない場合などにお使いください。
PHPを使うので、テーマファイルのいわゆるループ内に追記して使うことになりますが、EXEC-PHPなどのプラグインでPHPを有効化すれば記事やページ中でも表示させる事も可能です。
(さらに…)
ワードプレスのSEO用プラグインでAll in One SEO Pack」と並び人気なのが「WordPress SEO by Yoast」
こちらの方が細かい設定ができるため、僕も運営しているブログすべてにインストールしています。
最近このプラグインで1つだけ困った点があって、それは「canonical」タグが自動挿入され消せない事です(記事を書いた時点のバージョン)。
同じサイト内に重複していたり類似するページがあった場合などに、検索エンジンに対してどちらのページを優先してインデックスさせるかを提示させるタグです（URLの正規化などと表現します）。
書き方はhead内にこのように記述します。
<link rel="canonical" href="ここに正規化するURL"/>
さらに詳しい内容はグーグルの解説ページをご覧下さい。
ワードプレスで「続きを読む」のリンクを表示するには、記事中に「<!–more–>」と記述する事で実現できます。
記事の「<!–more–>」部分には「<span id="more-1"></span>」が挿入され、「続きを読む」のリンクは「/post/#more-1」のように「#more-1」が生成されます。
なのでクリックすると個別の投稿ページに飛ぶと同時に、記事の「<span id="more-1"></span>」まで自動で移動する事になってしまいます。
勝手に移動されてしまうと結構読みづらいと感じる方もいると思いますので、その原因である「#more」を取り除く方法のご紹介です。
(さらに…)
ボタンクリックでページの上部まで一気にスクロールしてくれるワードプレス用のプラグインをまとめました。
サイトの右下などに「▲」とか「TOPへ」のボタンで表示されている、一気にページ上部まで移動してくれるアレです。
各プラグインを実際に使用しているサイトをリンクしているので、スクロールの動作なども確認しながら比較できます。
(さらに…)
ウェブサイトやブログのページ内で指定した位置へジャンプさせる方法は「id」でアンカーをつくり、「#」でリンクさせます。
昔から使われているHTMLですが、リンクを押したときの動作がなめらかでないというか、一気にその位置までガクっと移動します。
ページ内をどれくらい移動したのかもユーザーからはわかり難いですし、動きもきれいではありません。
(さらに…)
ワードプレスで運営しているブログで、コメントされた内容をサイドメニューなどに表示するには管理画面の左メニューにある「外観」「ウィジェット」から「最近のコメント」というウィジェットを使います。
しかしこのワードプレス標準で装備されているウィジェットだと、ピンバックが表示されてしまう上にカスタムする事も出来ません（コアファイルを書き換えない限り）。
そのためコメントだけを表示したくてもピンバックまで表示されてしまい、実際にサイトを見て書き込みをしてくれたユーザのコメントが全く表示されない事になってしまう場合もあります。
(さらに…)
WordPressでサイト内検索したワード（クエリ）を取得して表示するコードをご紹介。
検索画面で表示させる事でこんな風に出来ます。
「ワードプレス」でサイト内検索を行った結果です。
以下のコードで表示できるようになります。1つめのコードがワードを表示させるだけで、2つめはワード以外の文章も挿入させる方法です。
<?php echo get_search_query(); ?>
または
<?php printf(_c('「%s」で検索した結果'), get_search_query(__(''))); ?>
ワードプレスの検索結果ページでその検索ワードに該当する記事が何件見つかったのか、その数を表示してくれるコードがあるのでご紹介です。
こんな感じで表示できます。
(さらに…)