SimpleBarで解決
HTML 2023.6.21
HTML 2023.6.21
SimpleBarで解決
WordPress 2023.5.23
functions.php
/* ===============================================
# timthumb
=============================================== */
define('THEME_DIR', get_template_directory_uri());
/* Timthumb CropCropimg */
function thumbCrop($img='', $w=false, $h=false , $zc=1, $a=false, $cc=false ){
if($h)
$h = "&h=$h";
else
$h = "";
if($w)
$w = "&w=$w";
else
$w = "";
if($a)
$a = "&a=$a";
else
$a = "";
if($cc)
$cc = "&cc=$cc";
else
$cc = "";
$img = str_replace(get_bloginfo('url'), '', $img);
$image_url = str_replace("http://","http://",THEME_DIR) . "/timthumb/timthumb.php?src=" . $img . $h . $w. "&zc=".$zc .$a .$cc;
return $image_url;
}
HTML
<?php
$image = get_field('image');
$size = 'large'; // (thumbnail, medium, large, full or custom size)
if ($image) {
$image_url1 = wp_get_attachment_image_url($image, $size);
$image_url2 = get_template_directory_uri() . "/timthumb/timthumb.php?src=" . $image_url1 . '&h=564' . '&w=752';
?>
<img src="<?php echo $image_url2; ?>">
<?php
} else {
?>
<img src="https://placehold.jp/eeeeee/ffffff/752x564.png?text=No%20photo" alt="">
<?php
}
?>
HTML
<div class="scroll">
<a href="#about">
SCROLL
</a>
</div>
<!-- /.scroll -->
SCSS
.scroll {
bottom: 180px;
font-family: 'Volkhov', serif;
font-size: 13px;
letter-spacing: .2em;
position: absolute;
right: 80px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: sideways;
a {
&:before,
&:after {
content: "";
display: block;
height: 150px;
width: 1px;
position: absolute;
right: 50%;
top: 120%;
transform-origin: top;
background-color: rgba(0, 0, 0, 0.5);
}
&:before {
background-color: rgba(0, 0, 0, 0.1);
}
&:after {
transform: scaleY(0);
animation: anim-scroll 2.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
}
}
@keyframes anim-scroll {
0% {
transform: scaleY(0)
}
35% {
transform: scaleY(1);
transform-origin: top
}
40% {
transform-origin: bottom
}
50% {
transform: scaleY(1)
}
85% {
transform: scaleY(0);
transform-origin: bottom
}
100% {
transform-origin: top
}
}
WordPress 2023.5.15
タイムゾーンで東京を選択するとうまくいかないことがありました。
UTF+9に変更したらうまくいきました。
<script>
jQuery(function($) {
if ($('.error')[0] || $('.mw_wp_form_confirm')[0] || $('.mw_wp_form_complete')[0]) {
$("body").addClass("mw_wp_form_dn");
}
const email01 = $('input:text[name="email"]').val();
if (typeof email01 !== "undefined") {
$("body").addClass("mw_wp_form_dn");
}
});
</script>
<div class="tab-area">
<div class="tab active">
タブ1
</div>
<div class="tab">
タブ2
</div>
<div class="tab">
タブ3
</div>
</div>
<div class="content-area">
<div class="content show">
タブ1コンテンツ
</div>
<div class="content">
タブ2コンテンツ
</div>
<div class="content">
タブ3コンテンツ
</div>
</div>
.tab-area {
display: flex;
.tab {
align-items: center;
border: 1px solid #000;
color: #000;
cursor: pointer;
display: flex;
justify-content: center;
}
.tab.active {
background-color: #000;
color: #fff;
}
}
.content-area {
.content {
display: none;
}
.content.show {
display: block;
}
}
$(function () {
let tabs = $(".tab");
$(".tab").on("click", function () {
$(".active").removeClass("active");
$(this).addClass("active");
const index = tabs.index(this);
$(".content").removeClass("show").eq(index).addClass("show");
});
});
未分類 2022.11.23
ex) https://tr.you84815.space/slick/settings/appendArrows.html
domainsToDecorateにドメイン名を書き、
queryParamsに引き継ぎたいパラメータを書くだけ。
<script>
(function() {
var domainsToDecorate = [
'domain1.com', //add or remove domains (without https or trailing slash)
'domain2.net'
],
queryParams = [
'utm_medium', //add or remove query parameters you want to transfer
'utm_source',
'utm_campaign',
'something_else'
]
// do not edit anything below this line
var links = document.querySelectorAll('a');
// check if links contain domain from the domainsToDecorate array and then decorates
for (var linkIndex = 0; linkIndex < links.length; linkIndex++) {
for (var domainIndex = 0; domainIndex < domainsToDecorate.length; domainIndex++) {
if (links[linkIndex].href.indexOf(domainsToDecorate[domainIndex]) > -1 && links[linkIndex].href.indexOf("#") === -1) {
links[linkIndex].href = decorateUrl(links[linkIndex].href);
}
}
}
// decorates the URL with query params
function decorateUrl(urlToDecorate) {
urlToDecorate = (urlToDecorate.indexOf('?') === -1) ? urlToDecorate + '?' : urlToDecorate + '&';
var collectedQueryParams = [];
for (var queryIndex = 0; queryIndex < queryParams.length; queryIndex++) {
if (getQueryParam(queryParams[queryIndex])) {
collectedQueryParams.push(queryParams[queryIndex] + '=' + getQueryParam(queryParams[queryIndex]))
}
}
return urlToDecorate + collectedQueryParams.join('&');
}
// borrowed from https://stackoverflow.com/questions/831030/
// a function that retrieves the value of a query parameter
function getQueryParam(name) {
if (name = (new RegExp('[?&]' + encodeURIComponent(name) + '=([^&]*)')).exec(window.location.search))
return decodeURIComponent(name[1]);
}
})();
</script>
PHP 2022.8.31
<?php
date_default_timezone_set('Asia/Tokyo');
echo date('Y/m/d H:i:s');
?>
WordPress 2022.7.12
/* ===============================================
# エディタ削除
=============================================== */
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 );