このサイトで functions.php にコードを記述した例

この作業はプラグインを使わずに「functions.php」にコードを作成している。
外観 -> テーマファイルエディター からystandard-childを選択してfunctions.phpに入力する。

この作業で、一度functions.phpにコードを入れてから修正すると失敗したと出るので、間違いないスクリプトなら一度、外のエディタ等で修正して一度にペーストするとうまくいく。

投稿ページに画像をアップロードする時にファイル名を記事IDに自動変換する方法

このようにID名で表示されるようになる。

function rename_file($filename) {

  global $filename_new;

  // 記事ID取得 (クラシックエディタ)
  $post_id = isset( $_POST['post_id'] ) ? (int)$_POST['post_id'] : ''; 
  // 記事ID取得 (ブロックエディタ)
  if( !$post_id ){
      $post_id = isset( $_POST['post'] ) ? (int)$_POST['post'] : ''; 
  }

  // ファイル拡張子を取得、jpgとかpngとか
  $ext = pathinfo( $filename, PATHINFO_EXTENSION );   

  // 投稿、固定ページのIDをファイル名とする
  if( $post_id ){
      $filename_new = $post_id;

  // メディアライブラリへ直接アップロードした場合のファイル名（日付時刻を取得）
  }else{
      $filename_new = date_i18n('ymdHi');
  }
  //ファイル名＋拡張子を出力
  return 'imgid-'.$filename_new.'.'.$ext;
  }

add_filter('sanitize_file_name', 'rename_file', 10);

カラーパレットをデフォルトで追加する

これもfunctions.phpに入れている。

functions.phpに入れた分。

/* カラーパレットの色追加 */
function polo_add_my_color_palette() {
    $palette = get_theme_support( 'editor-color-palette' );// 既存のパレットに追加する場合
    if ( ! empty( $palette ) ) {
        $palette = array_merge( $palette[0], array(
            array(
                'name'  => 'グレイ-１',
                'slug'  => 'gray1',
                'color' => '#fcfcfc',
            ),
            array(
                'name'  => 'グレイ-２',
                'slug'  => 'gray2',
                'color' => '#f9f9f9',
            ),
            array(
                'name'  => 'グレイ-３',
                'slug'  => 'gray3',
                'color' => '#f6f6f6',
            ),
            array(
                'name'  => 'グレイ-４',
                'slug'  => 'gray4',
                'color' => '#f3f3f3',
            ),
            array(
                'name'  => 'グレイ-５',
                'slug'  => 'gray5',
                'color' => '#f1f1f1',
            ),
            array(
                'name'  => 'グレイ-６',
                'slug'  => 'gray6',
                'color' => '#eeeeee',
            ),
            array(
                'name'  => 'グレイ-７',
                'slug'  => 'gray7',
                'color' => '#ebebeb',
            ),
			array(
                'name'  => 'グレイ-８',
                'slug'  => 'gray8',
                'color' => '#e8e8e8',
            ),
			array(
                'name'  => 'グレイ-９',
                'slug'  => 'gray9',
                'color' => '#e5e5e5',
            ),
            array(
                'name'  => 'グレイ-10',
                'slug'  => 'gray10',
                'color' => '#e2e2e2',
            ),
        ) );
        add_theme_support( 'editor-color-palette', $palette );
    }
}

add_action( 'after_setup_theme', 'polo_add_my_color_palette', 11 );

これも同じ「外観 -> テーマファイルエディター」のystandard-childの「style.css」に入れた分。

/* 追加カラーピッカー文字色 */
.has-gray1-color {
	color: #fcfcfc;
}
.has-gray2-color {
	color: #f9f9f9;
}
.has-gray3-color {
	color: #f6f6f6;
}
.has-gray4-color {
	color: #f3f3f3;
}
.has-gray5-color {
	color: #f1f1f1;
}
.has-gray6-color {
	color: #eeeeee;
}
.has-gray7-color {
	color: #ebebeb;
}
.has-gray8-color {
	color: #e8e8e8;
}
.has-gray9-color {
	color: #e5e5e5;
}
.has-gray10-color {
	color: #e2e2e2;
}

/* 追加カラーピッカー背景色 */
.has-gray1-background-color {
	background-color: #fcfcfc;
}
.has-gray2-background-color {
	background-color: #f9f9f9;
}
.has-gray3-background-color {
	background-color: #f6f6f6;
}
.has-gray4-background-color {
	background-color: #f3f3f3;
}
.has-gray5-background-color {
	background-color: #f1f1f1;
}
.has-gray6-background-color {
	background-color: #eeeeee;
}
.has-gray7-background-color {
	background-color: #ebebeb;
}
.has-gray8-background-color {
	background-color: #e8e8e8;
}
.has-gray9-background-color {
	background-color: #e5e5e5;
}
.has-gray10-background-color {
	background-color: #e2e2e2;
}