プログラミング

[WordPress] パスワード保護されたページからログアウトする方法

概要 WordPressでパスワード保護されたページにログインすると、10日間はログイン状態となりパスワードの再入力が不要となる。ログアウトする方法は提供されていないため、自分でクッキーを削除する必要がある。ログアウトする方法 Google Chromeの場合 Google Chromeのメニュー⇒表示⇒開発 / 管理⇒デベロッパーツール、を選択（またはF12キーを押下）してデベロッパーツール...

2022.10.01

WordPress

[WordPress] デフォルトエディターの変更方法（クラシックエディターとブロックエディタ）

概要 WordPressでClassic Editorプラグインをインストール・有効化した後、投稿の新規追加画面を開いた際の初期エディター（デフォルトエディター）を変更する方法をまとめました。設定方法 Classic Editorプラグインをインストールすると、ユーザー編集画面（管理画面>ユーザー>編集）に「デフォルトエディター」という項目が追加されるので、そこで変更可能。管理画面>ユーザー>...

2022.07.23

WordPress

[WordPress]認証処理をAPI等の独自処理にカスタマイズする方法

概要「WordPressのログイン処理にて、WordPressのユーザーアカウントではなく別の認証（APIなど）を使ってログインさせる方法」を検索してみたが見当たらなかったため、自分で実装してみた。実装 functions.phpでafter_setup_themeフックに処理を追加する。独自の認証方法でログインに成功した後は、特定のWordPressユーザーとしてログインさせる。以下の例の場...

2022.06.25

WordPress

CSS

[CSS] Macでスクロールバーが常に表示されない？

概要 CSSでoverflow-y: scrollやoverflow-x: scrollとすると、Windowsでは常にスクロールバーが表示されるがMacではスクロールバーが表示されない。原因 Macの場合、表示する端末の「システム環境設定⇒一般⇒スクロールバーの表示」の設定に依存するため、基本的にはCSSで制御することはできない。初期値は「マウスまたはトラックパッドに基づいて自動的に表示」で...

2022.06.04

CSS

[WordPress]Cocoonテーマのヘッダ画像を複数（スライダー）にする方法

1. MetaSliderプラグインをインストール&設定 2. wp-content/themes/cocoon-child-master/tmp/single-contents.phpを作成 <?php if (!defined('ABSPATH')) exit; ?> <div id="header-container" class="header-container"> <div id="h...

2022.05.07

WordPress

[WordPress]アーカイブウィジェットの表示件数を変更する方法

functions.phpにフィルターを追加する。 add_filter( 'widget_archives_args', 'custom_archives' ); function custom_archives( $args ) { $args = 12;　// 表示件数 return $args; }

2022.05.04

WordPress

[WordPress]カテゴリーウィジェットから特定の親カテゴリーを除外する方法

functions.phpにフィルターを追加する。 add_filter('widget_categories_args', 'my_theme_catexcept'); function my_theme_catexcept($cat_args){ $cat_args = get_term_children(33, 'category'); // 33は除外する親カテゴリーID return $...

2022.04.30

WordPress

[WordPress]ウィジェットで特定の親カテゴリーのドロップダウンを表示する方法

1. functions.phpにショートコードの定義を追加 function getCategoryCombobox($args) { $categoryId = 33; // 表示する親カテゴリーID $categories = get_categories(array('taxonomy' => 'category', 'child_of' => $categoryId, 'pad_coun...

2022.04.27

WordPress

vue serveコマンドで.vueファイルを実行することができない原因

概要 vue serveコマンドはプロジェクトを作成せずに、.vueファイルを単体で実行することができる。しかし、Vue CLI5では動作しない。（2022年4月現在）解決法 Vue CLI4では正常に動作する。 npm install @vue/cli@4npm install @vue/cli-service-globalnpx vue serve Hoge.vue

2022.04.23

Vue.js

BitbucketからGitHub, GitHubからBitbucketへの移行方法

概要 Gitリポジトリを変更したい場合、作業ディレクトリで以下のコマンドを実行し、リポジトリURLを変更すればよい。 git remote set-url origin 移行先リポジトリURL ※ git remote -vで変更されたかどうか確認可能以後は、それまでと同じようにcommit, pushするだけ。

2022.04.20

Git