WordPress 2022.7.12

[WordPress]コンテンツエディタ削除

/* ===============================================
# エディタ削除
=============================================== */

function top_disable_block_editor($use_block_editor, $post){
	$post_type = $post->post_type;
	$post_name = $post->post_name;

	if($post_type === 'post' || $post_type === 'directsalon') return false;
	return $use_block_editor;
}
add_filter( 'use_block_editor_for_post', 'top_disable_block_editor', 10, 2 );

サーバ メール 2022.6.17

[VALUE DOMAIN]メールの送受信不可

送受信時、瞬時にエラーが発生した場合は、VALUE DOMAIN側で制限をかけている可能性があるので、

サーバのコンパネにログインして、

管理メニュー「お役立ちツール」から［SSH接続］をクリックをして数分待つと解決する可能性がある。

HTML jQuery 2022.6.4

動画オリジナルコントローラー

<video id="video01" src="movie.mp4" autoplay muted loop controls playsinline></video>
<div class="control">
<divid="play" class="hidden"><iclass="fa fa-play"></i></div>
<divid="stop"><iclass="fa fa-pause"></i></div>
<divid="mute"><iclass="fa fa-volume-off"></i><iclass="fa fa-volume-up hidden"></i></div>
</div>
<!-- /.control -->

    $(function() {
        // 操作対象のvideoを指定
        var video = $('#video01').get(0);
        // 動画の再生 
        $('#play').click(function() {
            $('#play').addClass('hidden');
            $('#stop').removeClass('hidden');
            video.play();
        });
        // 動画の一時停止
        $('#stop').click(function() {
            $('#play').removeClass('hidden');
            $('#stop').addClass('hidden');
            video.pause();
        });
        // 動画の頭出し（任意の秒へ移動）
        $('#atama').click(function() {
            video.currentTime = 0; // 入れた秒の位置へ移動（例は0秒）
        });
        // 音声ミュート（トグル式）
        $('#mute').click(function() {
            if (video.muted) {
                video.muted = false;
                $('#mute .fa-volume-off').addClass('hidden');
                $('#mute .fa-volume-up').removeClass('hidden');
            } else {
                video.muted = true;
                $('#mute .fa-volume-off').removeClass('hidden');
                $('#mute .fa-volume-up').addClass('hidden');
            }
        });
        //音量アップ
        $('#vol-up').click(function() {
            if (video.volume &lt;= 0.75) {
                video.volume = video.volume + 0.25;
                $("#vol").text(video.volume);
            }
        });
        //音量ダウン
        $('#vol-down').click(function() {
            video.volume = video.volume - 0.25;
            $("#vol").text(video.volume);
        });
        //音量表示
        $("#vol").text(video.volume);
    });

WordPress 2022.4.6

WordPress データベースからユーザーアカウントを作成する方法

1. wp_usersテーブルへの追加

・user_login：ユーザーID
・user_pass：md5を選択し、md5変換したパスワードを入力
・user_email：受信できるメールアドレス
・user_registered：（任意の日付）
・user_status：0

MD5変換ツールはこちら

2. wp_usermetaテーブルへ権限情報追加

・user_id…先ほど追加したユーザーIDの数値
・meta_key…「wp_capabilities」と入力
・meta_value…「a:1:{s:13:”administrator”;b:1;}」と入力

・user_id…先ほど追加したユーザーIDの数値（上と同じもの）
・meta_key…「wp_user_level」と入力
・meta_value…「10」と入力

CSS HTML 2022.2.10

リンク下線ホバースライド

<div class="link">
  <a href="#">
    <div class="text">LINK</div>
    <div class="line"></div>
  </a>
</div>

.link a {
  color: rgba(77,77,77,1);
  display: block;
  font-size: 14px;
  letter-spacing: .15em;
  overflow: hidden;
  padding: 0 0 8px;
  position: relative;
  width: fit-content;
}

.link a .line {
  background-color: rgba(77,77,77,.2);
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.link a .line:before {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.45, 0.25, 0.15, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.45, 0.25, 0.15, 1);
  -o-transition: transform 0.6s cubic-bezier(0.45, 0.25, 0.15, 1);
  transition: transform 0.6s cubic-bezier(0.45, 0.25, 0.15, 1);
  transition: transform 0.6s cubic-bezier(0.45, 0.25, 0.15, 1), -webkit-transform 0.6s cubic-bezier(0.45, 0.25, 0.15, 1);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(77,77,77,1);
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.link a:hover .line:before {
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

WordPress 2021.5.31

WordPress カレント表示

<?php
  $current_page_id = $wp_query->get_queried_object_id();
  $args = array(
      'posts_per_page' => -1,
      'post_type' => 'カスタム投稿'
  );
  $my_posts = get_posts($args);
?>
<?php foreach ($my_posts as $post): setup_postdata($post); ?>
  <li class="<?php if ($current_page_id == $post->ID ) {echo 'is_active';} ?>">
      <a href="<?php the_permalink(); ?>">
          <?php the_title(); ?>
      </a>
  </li>
<?php endforeach; ?>
<?php wp_reset_postdata(); ?>

CSS HTML 2021.4.23

バラバラサイズの画像をきれいに正方形で一覧表示する

<div class="group">
  <div class"image"><img src="画像ファイル"></div>
  <div class"image"><img src="画像ファイル"></div>
  <div class"image"><img src="画像ファイル"></div>
</div>

.group {
    display: flex;
}

.group .image {
    position: relative;
}

.group .image::before {
    content: '';
    display: block;
    padding-top: 100%;
}
.group .image img {
    border: 1px solid rgba(0,0,0,1);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.group .image img {
    background: rgba(255,255,255,1);
    object-fit: contain;
}

Category

Recent posts

Category