Web制作、Webサービスに関する技術やノウハウを発信するコラムサイト

Wordpressで記事を書いているときに『目次』が必要になることがあると思います。 そんな時はタイトルタグがあれば自動で目次を生成してくれるプラグイン『Table of Contents Plus』が便利です。 『Table of Contents Plus』を使ってみよう それではまず『Table of Contents Plus』をダウンロードしてみましょう。 管理画面内ではサイドナビの『プラグイン＞新規追加』で『Table of Contents Plus』を検索する […]

Wordpressで記事を複製したい、ということありますよね。 そんな時はプラグインの『Duplicate Page』を使ってみましょう。 Duplicate Pageをインストールして使ってみる まずはプラグインの新規追加画面でプラグインを追加します。 『Duplicate Page』をインストール・有効化します あとはたったこれだけで記事の一覧画面に『複製』が表示されます！ 『複製』を押すと下書きの状態で記事が複製されるので、編集が完了したら『公開』をしましょう！ ちなみ […]

Wordpressのカスタムフィールドで日付の期限内で項目の表示・非表示を切り替えたいときがあるかと思います。 そんな時に便利な方法をご紹介します。 まずはカスタムフィールドで始まりの日付と終わりの日付のフィールドを設定しましょう。 フィールドタイプは『デイトピッカー』を選択します。 ラベル・フィールド名は任意で設定してください。 開始日付、終了日付の2つを用意します。 今回はラベル『開始日付』のフィールド名は『start_date』、 ラベル『終了日付』のフィールド名は『e […]

WordPressでデフォルトの『投稿』ですが、表示部分と異なることも多いので変えてしまいましょう。 function.phpに以下を記入していきます。 ※バックアップを取りながら作業をしてください 『お知らせ』のところを任意の名前にしてください。 これで『投稿』から『お知らせ』に名前が変わりました！

WordPressではデフォルトの『投稿』のアーカイブがなぜかデフォルトが無効になっています。不思議ですね。 なのでアーカイブを有効にして、かつ任意のURLで表示できるように設定をします。 ①function.phpに以下を記入 function.phpに以下を記入していきます。 ※バックアップを取りながら作業をしてください $args[‘has_archive’] = ‘column’;　のcolumnの箇所に好きなURLを入 […]

WordPressでは投稿画面ではデフォルトで画像が絶対パスで挿入されます。 ただ、環境を移行した時に絶対パスを変更するのが手間だったり数が多いと置換ミスが起こることもあるのでデフォルトで相対パスで投稿できるようにします。 方法としては以下をfunction.phpに入れてください。 ※バックアップを取りながら作業をしてください これで相対パスで画像が挿入されるようになりました！

WordPressを使うとき、少しでも軽量化させたいですよね。 そんな時絵文字の読み込みをさせないことで軽量化を図ることができます。 ソースコード 企業サイトなどでは特に絵文字を使うようなことってないですよね…。 ですので以下のコードをfunction.phpに入れてしまいます。 ※バックアップを取りながら作業してください。 これだけで完了です。 使用していない、表示速度に関わりそうなものは取り除いてしまいましょう。

WordPressのログイン画面のURLをデフォルトのままにしておくと、セキュリティ面で少々心配になりますね。 そこで今回は『Login rebuilder』というプラグインを使って、URLの変更をしましょう。 まずはインストール プラグイン＞新規追加からLogin rebuilderをインストールして『有効化』してください。 設定をしていこう 有効化をしたら、設定＞ログインページを開いてください。 無効なリクエスト時の応答 元のログインページにアクセスされたときの挙動を設定 […]

WordPressサイトのセキュリティを強化するにあたって、「ログインページのURLを変更する」というのはよくある手法ですが、その他にもできることを忘備録として一覧にしました。 SSLによる ログインと管理画面へのアクセスを強制する ログイン画面や管理画面へアクセスする際、強制的に暗号化通信にします。 ＜編集するファイル＞ wp-config.php ＜方法＞ ファイルに下記を記述します。 ＜詳細参考＞ https://wpdocs.osdn.jp/%E7%AE%A1%E7% […]

サイトを作るとパンくずが必要になってくることが多いですね。 カスタム投稿などを使うと自作だとややこしくなってしまうこともあるので、プラグインを使うと便利です。 今回は『Breadcrumb NavXT』というプラグインを使っていきます。 インストールしよう 『プラグイン＞新規追加』から『Breadcrumb NavXT』を検索して追加、『有効』の状態にしてください。 コードを入れて表示させよう とりあえずコードを入れて表示しながら調整していきましょう。その方がわかりやすいです […]

通常の投稿は10件ずつ表示したいけど、とあるカスタム投稿の一覧ページはデザインを変えて8件ずつ表示したい…そんな時、以外と簡単に件数の調整が可能です。 functions.phpに記述 下記をfunctions.phpに追記してください。 これだけです。投稿タイプや件数は変更してください。 あとは一覧のPHPファイルや、CSSを修正調整すれば完成です。

WordPressでデフォルトで読み込んでいるjQueryですが、どうにもバージョンが古いということがあります。 そんな時はfunction.phpにコードを記述して古いjQueryを読み込ませないようにしましょう。 その後新しいjQueryを読み込ませます。 ※function.phpは必ずバックアップを取りながら作業してください ※古いプラグインを使用していると影響がある場合があるので、都度確認をしてください 記述するコード 管理画面で動作がしなくなる可能性があるため、『 […]

　関連記事を表示するプラグインを使用することもできますが、あまり融通が利かなかったり、CSSの調整が面倒だったりなので、制作に慣れている方であれば、自分でゼロから設定してしまった方が早い場合があります。 　今回は、カスタムフィールドを追加するプラグインを使用して、各投稿ごとに関連記事を設定できるようにします。関連記事という使い方ですが、記事は手動の選択制で、1つめが未設定であればランダム表示するだけなので厳密に言えば関連記事ではありませんが、サイト内を周回させたいだけであれば […]

WordPressでは管理画面の『外観＞メニュー』でメニューの管理ができます。 ここで新しいメニュー自体の追加はできるのですが、メニューの表示位置は追加できません。 例えばフッターで左右に項目を分けてメニューを表示したい…ということがあっても現状だと実現ができないです。 そんな時はfunctions.phpにコードを追加してメニューの位置を追加しましょう。 functions.phpにコードを追加 functions.phpに以下のコードを追加します。 ※functions. […]

WordPressではデフォルトで画像などのファイルを置換する機能がありません。地味に面倒です。 そこで『Enable Media Replace』というプラグインを使ってファイルの置換ができるようになります。 ※画像やpdfの置換には向いていますが、その他のファイルには不向きです。 ダウンロードする プラグインのページからzipをダウンロードするか、管理画面のプラグインの『新規追加』から『Enable Media Replace』を検索して追加をします。 忘れずに有効化をし […]

WordPressで記事を書いていると、タイトルやテーブル組みなど決まった型のHTMLコードを呼び出したいという時がありませんか？ そんな時に使えるプラグインが『AddQuicktag』です。 こんな感じでエディタ部分にボタンで表示されて、クリックをしたらコードをすぐに呼び出すことができます。 ちなみに『AddQuicktag』を使用するときは新しいエディタの『Gutenberg』の時はクラシックモードにして使用したり、『Classic Editor』等のプラグインを使用して […]

受託案件でWordPressを使用したサイトを構築する際、そのまま納品すると管理画面が分かりにくいことがあります。 慣れない方が更新されることも考慮して、細やかな部分ですが、配慮してあげると更新時のストレスがぐっと減ります。 例えばイベント情報を投稿するサイトを作成した場合、メインループの「投稿」の表記を「イベント情報」に変えておくと、一目見てどこを更新すればいいのか分かります。 やり方 テーマの function.php に、以下の記述を追加します。 ※「イベント情報」とな […]

WordPressで規模の大きいサイトを作るには投稿画面が複数必要になる場合もあり、内容によっては固定ページなどで管理が難しいため投稿画面を新しく作成したときがあります。 そんな時新しく追加する投稿画面のことを『カスタム投稿タイプ』といいます。 基本的にfunction.phpにコードを追記していけば作成もできるのですが、正直初心者だしfunction触りたくない…という人もいるかと思います。 そんな時活躍してくれるプラグインが『Custom Post Type UI』です。 […]

WordPressが5.0になってから、エディタががらっと変わりました。『Gutenberg』という名前がついているみたいです。 慣れたらそんなに問題ないかな…と思うのですが、ボックス（例えばカテゴリーをチェック入れる領域みたいなの）を増やしたいときに何となくごちゃごちゃした感じになってしまうんですよね。 今回はエディタを旧エディタのように表示できるプラグイン『Classic Editor』を紹介します。 『Classic Editor』をインストールしよう ひとまずプラグイ […]

WordPressで入れた記事は基本的に並び替えはできません。 デフォルトの方法で直すとすると日付を修正していき…となり、複数の記事を入れ替えたい場合は現実的ではないです。 そんなときに役に立つのが『Intuitive Custom Post Order』というプラグインです。 Intuitive Custom Post Orderをダウンロードしよう まずプラグインの新規追加などから『Intuitive Custom Post Order』をダウンロードします。 ダウンロー […]

WordPressで特定のページにのみベーシック認証をかけたい時ってありませんか？ 全体にかけるプラグインはありますが、特定ページだと見当たらなかったりします。 今回はベーシック認証をかけて、管理画面からでも簡単に設定できる方法をご紹介します。 ベーシック認証のかけ方 ①function.phpにコードを記述する まずは以下のコードをfunction.phpに記述してアップください。 『認証に失敗しました。～』のテキストは自由に変更できます。 ②header.phpにコードを […]

WordPressのログイン画面は、デフォルトの状態ではログイン画面のURLが全て同じです。 以下の2つのアドレス、ドメイン部分を変更してブラウザでたたくと、ログイン画面にアクセスできてしまいます。 https://ドメイン.com/wp-login.php https://ドメイン.com/wp-admin/ WordPressの乗っ取りやスパムを防ぐため、ログイン画面のURLを変更して、セキュリティの対策を行いましょう。 [手順1]wp-login.phpの代わりとなるP […]