【WordPress】HTML・CSSチートシート

この記事は約2分で読めます。

CSS

登録日非表示

.page .date-tags {
    display: none;
}

モバイル非表示

@media screen and (max-width: 640px)
{
#非表示にする要素のID{display:none;}
}

要素センタリング

.モバイル非表示要素クラス名 {
   text-align: center;
   margin: 0 auto;
}

HTMLタグ

フォームで使う要素

ショートコード

記事内に本日の日付を呼び出すショートコード

『外観』⇒『テーマエディター』⇒『子テーマ』を選択し『functions.php』に以下のコードを記述します。

///* 本日の日付を呼び出すショートコード */
function shortcode_today() 
{
//return date_i18n("Y年n月j日"); //2022年1月1日
//return date_i18n("Y年n月j日(l)"); //2022年1月1日(日曜日)
return preg_replace('@曜日@','',date_i18n("Y年n月j日(l)")); //2022年1月1日(土)※曜日除く
}
add_shortcode('today_date','shortcode_today');
/* 利用する場所 */
add_filter('the_content', 'do_shortcode');
add_filter('get_the_content', 'do_shortcode');
add_filter('widget_text', 'do_shortcode');

ショートコード呼び出し例

<p>今日は[today_date]です。</p>

今日は2022年1月1日(土)です。

WordPressでSVGファイルをアップロードする方法

functions.phpに追記する

//SVGをアップロード
function add_file_types_to_uploads($file_types){
    $new_filetypes = array();
    $new_filetypes['svg'] = 'image/svg+xml';
    $file_types = array_merge($file_types, $new_filetypes );
    return $file_types;
}
add_action('upload_mimes', 'add_file_types_to_uploads');

コメント