Cocoonカスタム忘備録下書きテスト

ショートコードの人気記事リストでの記事の本文の表示行数を減らしたいです。

データの保存、バックアップにはこれがおすすめ

SanDisk 2TB Extreme Portable SSD - Up to 1050MB/s Gen 2

Amazon

楽天市場

ポチップ

ショートコードの人気記事リストでの記事の本文の表示行数を減らしたいです。

はじめまして、たろうです。デスクトップサイズ・タブレットサイズは問題ないのですが、モバイルサイズの記事の本文の表示行数が少し多く感じ減らしたいと思っています。（縦の表示幅を短くしたい意図）固定ページ内のカスタムCSSにて、試行錯誤したのです…

ハワイ在住おやじの忘備録

忘れる前に忘備録...。

WordPress管理画面で邪魔なお知らせ通知を消して非表示にしたい

消したい

/****************************************************************
 * 表示したくないお知らせを消す
****************************************************************/
function my_admin_footer_script() {
	
		echo <<<EOF

<script type="text/javascript">

		let word_list = [
			"Classic Widgets",
			
		];
		
		//お知らせ全部ループ
		jQuery(".notice, .error").each(function(index, event){

			let message = jQuery(this).text();		
			console.log(message);
			for(let i=0; i<word_list.length; ++i){

				//指定文字列が見つかったら表示
				if(message.indexOf(word_list[i]) >= 0){
					console.log("見つかった");
					jQuery(this).css("display", "none");
					break;
				}else{
					console.log("見つからない");
				}
				
			}

		});

</script>


EOF;
}

add_action('admin_print_footer_scripts', 'my_admin_footer_script');

テキスト
✦Amazonプライムを30日間無料で試してみませんか!! ✦

データの保存、バックアップにはこれがおすすめ

SanDisk 2TB Extreme Portable SSD - Up to 1050MB/s Gen 2

Amazon

楽天市場

ポチップ

PC,スマホでヘッダー背景画像を変える

/*480px以下*/
@media screen and (max-width: 480px){
.header div.header-in {
min-height: 90px;
}
.header {
background-image: url(https://pcwebfun.com/wp-content/uploads/2023/05/title-small3.gif);
background-size: 100%;
background-position: center;
}
}

ロゴを変える

/*480px以下*/
@media screen and (max-width: 480px){
.site-logo-image{
visibility: hidden;
}
.logo-header.logo-image{
background-image: url(ここに画像のURLを貼り付けてください);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}

テスト