| \r\n | 改行 |
| ^ | 行頭 |
| $ | 行末 |
| . | どんな文字でも |
| .* | どんな文字でも0以上続く |
| * | 直前の要素が0回以上 |
| + | 直前の要素が1回以上 |
| * | 直前の要素が0回以上 |
| .0 | どんな文字でも0以上続く |
| [abc] | aかbかc = a|b|c |
| [^abc] | aかbかc以外 |
| [a-z] | aからzのどれか |
| [a-z0-9] | aからz,0から9のどれか |
| (.*) | どんな文字でも0以上続く文字列をグループ化 |
| $1 | １つ目のグループ |
\.
^.*特定の文字.*\r\n
<strong>(.*)</h3>置換
<strong>$1</strong>
ツール > オプション > 認証 > 追加
ホスティングサービス：GitHubsetting > Developer Settings > Tokens (classic) > Generate new token (classic)
Note:sourcetree(任意)ツール > オプション > 認証 > 追加
ホスティングサービス：GitHub右上「設定」 > 詳細
メールアドレスはgithubに登録してあるものに登録しておくとgithub上でそのアカウントからのpushと判断されるツール > SSHキーの作成/インポート
右上アイコン内setting > SSH and GPG keys
https://github.com/settings/keysツール > SSHエージェントを起動...
ツール > オプション > SSH クライアントの設定
SSHが起動してないとgithubとのやりとりができないタイトルバーを右クリック > Option > Text > Font
$hoy = date('Y-m-d');
$manana = date('Y-m-d', strtotime('+1 day'));
$estemes = date('Y-m');
$finaldeestemes = date($estemes.'-t');
$time1 = strtotime('2019-04-01');
$time2 = strtotime('2018-04-01');
$differece = ($time1 - $time2) / (60 * 60 * 24);
$fecha = '1999-10-10';
$dia = date("m月d日", strtotime($fecha));
$fecha = '1999-10-10';
$week = array( "日", "月", "火", "水", "木", "金", "土" );
$diadesemana = $week[date("w", strtotime($fecha))];
if (current_time('Y-m-d H:i:s') < '2024-11-29 17:00:00') {
//その日以降非表示
} else{
//その日以降表示
}
`date` >= "'.$hoy.'"
`date` < "'.$hoy.'"
最後のセッションを閉じた後の起動時にログインを表示 チェック入れる
すべてのセッションを閉じてもウィンドウを閉じない チェック入れる
C:\Users\USERNAME\AppData\Local\atom\atom.exe
PulsarC:\Program Files\atom.exe\Pulsar.exe
一番上に移動しOKHKEY_CURRENT_USER\Software\Martin Prikryl\WinSCP 2\Configuration\History
RewriteEngine On RewriteBase / RewriteRule ^news/$ https://domain.com/news.php [R=301,L] RewriteRule ^news/$ /news.php [R=301,L]
domain.com/news.php → domain.com/news/
RewriteEngine on
RewriteBase /
RewriteCond %{REQUEST_URI} !(^/images/)
RewriteCond %{REQUEST_URI} !(^/videos/)
RewriteRule ^$ https://new.com/ [R=301,L]
old.com → new.com
old.com/images/ → old.com/images/
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteRule ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [R,L]
RewriteCond %{THE_REQUEST} ^.*\.(php|html)
RewriteRule ^(.*)\.(php|html)$ https://domain.com/$1 [R=301]
RewriteRule ^blog/$ /blog [L]スラッシュありでも.phpでも同じページを表示
RewriteRule ^(.*)/$ /$1.php [L]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}\.php -f
RewriteRule ^(.*)$ $1.php [L]
RewriteRule ^blog/(.*)/$ /blog/page.php?p=$1
domain.com/page.php?p=101 → domain.com/blog/101/
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_URI} !/$
RewriteCond %{REQUEST_URI} !\.[^/\.]+$
RewriteRule .* %{REQUEST_URI}/ [R=301,L]
</IfModule>
RewriteRule ^admin/(shop|user)/([0-9a-z_-]+)\.php$ /admin/$1_$2.php [L]
domain.com/shop_test.php → domain.com/shop/test.php
RewriteRule ^admin/(shop|mail|news)/([0-9a-z_-]+)/([0-9a-z_-]+)\.php$ /admin/$1_$2_$3.php [L]
domain.com/news_test_test.php → domain.com/news/test_test.php
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 除外するディレクトリを追加 ↓
RewriteCond %{REQUEST_URI} !(^/otrodirectorio/)
# 除外するディレクトリを追加 ↑
RewriteRule . /index.php [L]
</IfModule>
AuthType Basic AuthName "Restricted Page" Require valid-user AuthUserFile /home/.htpasswds/domain.com/.htpasswd
<RequireAny> Require ip 00.00.0.000 Require valid-user </RequireAny>
git rm --cached -r [削除したいディレクトリ]
git rm --cached [削除したいファイル]②gitignoreに記述
.htaccess license.txt readme.html index.php xmlrpc.php wp-*.php wp-admin/* wp-includes/* wp-content/* !wp-content/themes wp-content/themes/* !wp-content/themes/themefoldername※重要：無視するファイル・ディレクトリがすでにgit管理下にある場合あとからgitignoreしても効かない。あとから無視する場合はローカルでファイルを削除しpushする。
Git Bashを開く > タイトルバーを右クリック > Option
git checkout -- .
git clean -f
git rm -r [削除したいディレクトリ]
git rm [削除したいファイル]リモートから削除：pushすればリモートのみ消える
git rm --cached -r [削除したいディレクトリ]
git rm --cached [削除したいファイル]
git reset --soft HEAD^commitとaddを取り消す。ローカルのファイル変更は残ったまま。リモートのHEADはそのままの位置に残りローカルのHEADだけが戻る。ローカルがbranchされstage前の状態。
git reset --mixed HEAD^直前の commitとaddを取り消す。ローカルのファイル変更が全てが戻る。リモートのHEADはそのままの位置に残りローカルのHEADだけが戻る。branchされない。
git reset --hard HEAD^
git reset --hard HEAD@{1}
git stash一時保管された変更ファイルを今いるbranchへ適用
git stash apply一時保管された変更ファイルを今いるbranchへ適用 + 一時保管されたstashを削除
git stash pop過去のstashされた一覧
git stash list最新の一時保管されたstashひとつを削除
git stash drop最新の一時保管されたstash全て削除
git stash clear
git push -f
git reset --hard HEAD^強制プッシュ（mainブランチ）
git push -f origin main
Settings > Password and authentication > Two-factor methods > Authenticator app
①ブラウザ右上パズルピースマーク内にある拡張機能Authenticatorを開き右上QRコードマークを押しブラウザ上のQRコードを選択しスキャンhttps://github.com/githubusername/projectname.git
github:clone
2つのブランチ(main,develop)を樹形図上２本にしてMergeの履歴が残る形にする。
①mainとdevelopが同じ位置【樹形図は１本の状態】
$terms = get_terms( array(
'taxonomy' => 'area',//タクソノミーキー
'hide_empty' => false,
));
foreach ( $terms as $term ) {
$term->term_id ;
$term->name ) ;
$area_link = get_term_link( $term);
}
query_posts(array(
'posts_per_page' => 15,
'tax_query' => array(
array(
'taxonomy' => 'area',//タクソノミーキー
'field' => 'term_id',
'terms' => $areaid//配列でも可
),
),
//かつ
'cat' => 1,
));
$taxonomy = get_query_var( 'taxonomy' );//今いる自分のタクソノミーキー $taxonomy_term_id = get_queried_object_id();//今いる自分のタクソノミーID query_posts(array( 'posts_per_page' => -1, 'tax_query' => array( array( 'taxonomy' => $taxonomy, //タクソノミーを指定 'field' => 'term_id', //ターム名をIDで指定する 'terms' => $taxonomy_term_id //表示したいタームID //配列でも可 ), ), //かつ 'cat' => 2, ));
$area_categories = get_the_terms($post->ID, 'area');//タクソノミーキー指定
if ( $area_categories ) {
foreach ( $area_categories as $area_category ) {
$area_id = $area_category->term_id;
$erea_name = $area_category->name;
$area_link = get_term_link( $area_category );
}
}
get_field('categoria_imagen','category'.'_'.$area_id);//フィールド名指定
| Left Button | Button Chording | 左・右 → |
| Right Button | Button Chording | 右・左 ← |
| Middle Button | Simulated Keys | (Pressed){DEL} |
| Tilt Wheel Left | Enter | Enter |
| Tilt Wheel Right | Simulated Keys | (Pressed){BACKSPACE} |
| Left Button | Button Chording | 左・右 → 左・右上 Backspace 左・左上 ↑ |
| Right Button | Button Chording | 右・左 ← 右・右上 Delete |
| Middle Button | Button Chording | 左上・左 ↓ 左上・右上 Home 左上・右 End |
| Mouse Button 4 | Enter | 右上 Enter |
C:\Users\ユーザー名\AppData\Roaming\Kensington\TrackballWorks\TbwSettings.json
*.wav, *.mp3, *.png, *.jpg, *.psd, *.ai, *.pdf, .git, .hg, .svn, .DS_Store, ._*, Thumbs.db, desktop.ini
Package > 検索「tree-view」 > Settings > Hide Ignored Names にチェック
Allow Pending Pange Itemsのチェックを外す
Show Indent Guide にチェック
Tab Length を3に
Soft Wrap にチェック
Preferred Line Lengthで数値設定
そこで折り返す場合はSoft Wrap at Preferred Line にチェックKeybindings > your keymap file というリンクをクリック
'body':
# ctrl-tabによるタブ順を1つづつ右へ移動させるように設定
'ctrl-tab ^ctrl': 'unset!'
'ctrl-tab': 'pane:show-next-item'
'ctrl-shift-tab ^ctrl': 'unset!'
'ctrl-shift-tab': 'pane:show-previous-item'
これでCtrl + Shift + Tab で左にひとつづつなる。
.icon-file-text {&[data-name$=".php"]:before { color:#5e8a6a; }}
.icon-file-text {&[data-name$=".html"]:before { color:#916456; }}
.icon-file-text {&[data-name$=".css"]:before { color:#fff; }}
.icon-file-text {&[data-name$=".js"]:before { color:#0865a7; }}
.icon-file-text {&[data-name$=".htaccess"]:before { color:#8a8c50; }}
※アイコンを変更できるパッケージfile iconを使うとプロジェクト内フォルダ展開時に多少遅延あり
highlight-selected
atom-wrap-in-tag
show-ideographic-space.
パッケージが保存されるフォルダはEditor:Auto Indent
Application:Reopen Project
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
$('.slideA').slick({
infinite: true,
centerMode: true,
centerPadding:'0px',
autoplaySpeed: 0,
autoplay:true,
speed: 4000,
autoplaySpeed:6500,
arrows: false,
pauseOnFocus: false,
pauseOnHover: false,
pauseOnDotsHover: false,
dots: false,
slidesToShow: 1,
slidesToScroll: 1,
fade: false,
responsive: [
{
breakpoint: 1200,
settings: {
centerPadding: '330px',
slidesToShow: 1
}
},
{
breakpoint: 720,
settings: {
fade: false
}
}
]
});
<div class="slideA"> <img src="images1.jpg"> <img src="images2.jpg"> <img src="images3.jpg"> </div>
$('.derecho').slick({
centerMode: true,
centerPadding: '40px',
});
.derecho .slick-track{
margin-left: -40px;/*centerPaddingの数値とあわせる*/
}
.slick-slide img{
width:90%;
margin:0 auto;
}
1.testdisk_win.exeを起動
2.[No log] Enter
3.該当のドライブを選択[Proceed]Enter
4.[Intel]Enter
5.[Analyse]Enter
6.[Quick Search]Enter
7.該当のパーティションを選択Enter
8.緑の行が表示されていればP中身のフォルダが表示されればQで戻る
9.[Write]Enter Yで確定
10.パソコンを起動
chkdsk d: /f復旧完了
パーティションの復元 次へ
該当ドライブを選択 次へ
スキャン範囲 ディスク全体 次へ
スキャン方式 クイックスキャン 次へ
完了
復元されたパーティションを右クリック「ドライブ文字の変更」でドライブレターを割り当てる
適用
1.testdisk_win.exeを起動
2.[No log] Enter
3.該当のドライブを選択[Proceed]Enter
4.[Intel]Enter
5.[Advanced]Enter
6.該当のパーティションを選択Enter
7.[Rebuild BS] Enter Yで確定
Download PuTTY putty-64bit-0.80-installer.msi
Window > Appearance > Font Setting
変更後Session に戻ってSaveするcoreserverコンパネ > ツール > SSH設定 キーを作成
・ID:[core]_rsa（鍵のファイル名になる）coreserverコンパネ > ツール > ファイルマネージャー
.ssh 内のcore_rsa をダウンロード（拡張子は.html）Enter
xserverコンパネ > SSH設定
・[国内からのアクセスのみ許可]をONEnter
conohaコンパネ > サーバー管理 > SSH > + SSH key
タグネームを付けて保存mysql -u xxxxx_dbusrnm -h localhost -pEnter
Enter
use wp_dataEnter
source /home/coreserverコンパネID/domains/domain.com/public_html/wp_database.sqlEnter
exit;Enter
cd public_html/sample.comunzip zipファイル名
unzip wordpress.zip
cd public_html上の階層に移動
cd ../
"file_exclude_patterns": ["*.jpg","*.png", ".DS_Store", "desktop.ini", "*.psd"],
"preview_on_click": false,
"scroll_past_end": false,
"show_definitions": false,
"auto_complete_selector": "source, text",
"word_wrap": "true",
"line_padding_top": 2, "line_padding_bottom": 2,
"globals":
{
"highlight": "var(white)",
}
"rules":
{
"name": "Invalid",
"scope": "invalid",
"foreground": "var(white2)",
"background": "var(blue3)"
}
| Sublime Text | Atom | |
| 行の移動 | Ctrl + Shift + ↑/↓ | Ctrl + ↑/↓ |
| コメントアウト | Ctrl + め | Ctrl + / |
{ "keys": ["ctrl+tab"], "command": "next_view" },
{ "keys": ["ctrl+shift+tab"], "command": "prev_view" }
{ "keys": ["ctrl+keypad_divide"], "command": "toggle_comment", "args": { "block": false } }
{ "keys": ["ctrl+up"], "command": "swap_line_up" },
{ "keys": ["ctrl+down"], "command": "swap_line_down" },
View > Hide Minimap
View > Side Bar > Hide Open File
View > Layout
File > Split View
同じファイルを分割表示させる場合はView > Layoutで開いたカラムへタブをドラッグProject > Add Folder to Project...
<0xa0>
{
"file_exclude_patterns": ["*.jpg","*.png","*.mscz","*.pyc", "*.pyo", "*.exe", "*.dll", "*.obj","*.o", "*.a", "*.lib", "*.so", "*.dylib", "*.ncb", "*.sdf", "*.suo", "*.pdb", "*.idb", ".DS_Store", ".directory", "desktop.ini", "*.class", "*.psd", "*.db", "*.sublime-workspace"],
"preview_on_click": false,
"scroll_past_end": false,
"show_definitions": false,
"auto_complete_selector":"source, text",
"tab_size": 2,
"word_wrap": "true",
"ignored_packages":
[
"Vintage",
],
"theme": "auto",
"color_scheme": "Mariana.sublime-color-scheme",
"font_size": 12,
"line_padding_top": 2,
"line_padding_bottom": 2,
}
// Documentation at https://www.sublimetext.com/docs/color_schemes.html
{
"variables":
{
"black_atom": "hsl(222, 10%, 20%)",
"orange4": "hsl(32, 60%, 61%)",
"white4": "hsl(223, 12%, 75%)",
"grey2": "hsl(220, 9%, 40%)",
"red3": "hsl(355, 65%, 65%)",
"red4": "hsl(5, 48%, 50%)",
},
"globals":
{
"background": "var(black_atom)",
"highlight": "var(white)",
"selection_border": "var(white2)",
},
"rules":
[
//数値色変更
{
"name": "Number",
"scope": "constant.numeric",
"foreground": "var(orange4)"
},
//CSSの単位の色変更
{
"name": "Number Suffix",
"scope": "storage.type.numeric",
"foreground": "var(orange4)",
// "font_style": "italic"
},
//CSSのカラーコードの色変更
{
"name": "User-defined constant",
"scope": "constant.character, constant.other",
"foreground": "var(orange4)"
},
//CSSの値名の色変更
{
"name": "Library constant",
"scope": "support.constant",
"foreground": "var(orange4)",
"font_style": "normal"
},
//CSSのプロパティー
{
"name": "CSS Properties",
"scope": "support.type.property-name",
"foreground": "var(white4)",
"font_style": "normal"
},
//コメントアウト色
{
"name": "Comment",
"scope": "comment, punctuation.definition.comment",
"foreground": "var(grey2)",
"font_style": "italic"
},
//js内のphp記述
{
"name": "Invalid",
"scope": "invalid",
"foreground": "var(white2)",
"background": "var(black_atom)"
},
//php tag color
{
"name": "Punctuation",
"scope": "punctuation.section",
"foreground": "var(red4)"
},
//html tag color
{
"name": "Tag name",
"scope": "entity.name.tag",
"foreground": "var(red3)"
},
]
}
[
{ "keys": ["ctrl+tab"], "command": "next_view" },
{ "keys": ["ctrl+shift+tab"], "command": "prev_view" },
{ "keys": ["ctrl+keypad_divide"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["ctrl+up"], "command": "swap_line_up" },
{ "keys": ["ctrl+down"], "command": "swap_line_down" },
]
word wrap - on
files: Exclude - add **/*.jpg
Minimap - disable
Hover: enebled
ScrollBeyondLastLine チェック外す
Editor Management > Enable Preview チェックを外す
Startup Editor - none
php.validate.enable チェックをはずす
Extensions > CSS > Empty Rules - ignore
Extension > Emmet > Exclude language - add css
| VS Code | Atom | |
| 選択した行の複製* | Alt + Shift + ↓ | Ctrl + Shift + D |
| 文字の置き換え | Ctrl + H | Ctrl + Shift + F |
| 選択行の移動 | Alt + ↑/↓ | Ctrl + ↑/↓ |
| 先に進む | Ctrl + Y | Ctrl + Y |
設定 > Keyboard shortcuts
View> command pallete >Preferences: Open Keyboard Shortcuts (JSON)
[
{
"key": "ctrl+tab",
"command": "workbench.action.nextEditor"
},
{
"key": "ctrl+shift+tab",
"command": "workbench.action.previousEditor"
}
]
+の前後はスペースなし
Extension > highlight Selections: Border Color
"highlightSelections.borderColor": "#eee"
Extension > Highlight Matching Tag config > style
"highlight-matching-tag.styles": { "opening": { "name": { "underline": "#608cf7" } } }
<div> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> </div>
div{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
div div:first-child{
grid-column:1 / 4;
}
div{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
div div:first-child{
grid-row:1 / 4;
}
$(function(){
$("a").each(function() {
var obj = $(this);
var link = obj.attr("href");
obj.attr("href",link+"?p=1")
});
});
<a href="https://fzfeed.blogspot.com/"></a>
<a href="https://fzfeed.blogspot.com/?p=1"></a>
すでにパラメーターがついてるURLには&でつなぐ
$(function(){
$('a[href*="php?"]').each(function() {
var obj = $(this);
var link = obj.attr("href");
obj.attr("href",link+"&p=1")
});
$('a:not([href*="php?"])').each(function() {
var obj2 = $(this);
var link2 = obj2.attr("href");
obj2.attr("href",link2+"?p=1")
});
});
$(document).ready(function() {
$("button").click(function() {
$('.tokuteino img').each(function() {
var obj = $(this);
var imagen = obj.attr("src");
var tiempo = Date.now();
obj.attr("src",imagen + "?" + tiempo);
});
return false;//ボタンがaの場合はこれを追加
});
});
アカウント > ユーザー情報 > アカウントの設定
アカウント > 他のユーザー > アカウントの追加 > このユーザーのサインイン情報がありません > Microsoftアカウントを持たないユーザーを追加する
ここで「ユーザー名」に入力する文字がフォルダ名になるアカウント > サインインオプション > パスワード
空欄でOKregedit
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows Photo Viewer\Capabilities\FileAssociationsPhotoViewer.FileAssoc.Tiff
タスクバーの配置：左寄せ
タスクバーのボタンをまとめラベルを非表示にする：なし
時刻と言語 > 言語と地域 > 日本語 言語のオプション > キーボード Microsoft IIME キーボードオプション
または設定の検索窓に「日本語 IME設定」を検索
> 全般 > 相互性
「以前のバージョンのMicrosoft IMEを使う」をオンにする
タスクバーのIME（［あ］または［A］の箇所）を右クリック > プロパティ > 詳細設定 > 編集操作 キー設定 変更
Google 日本語の場合は一般タブキー設定 編集入力/変換済み文字なし「IME オフ」、入力文字のみ「-」
※Google 日本語の場合はモード「入力文字なし」を「IMEを無効化」に編集またはエントリーを追加入力/変換済み文字なし「IME オン」、入力文字のみ「-」
※Google 日本語の場合はモード「直接入力」「入力文字なし」として「IMEを有効化」に編集またはエントリーを追加入力/変換済み文字なし「IME - オン/オフ」
※Google 日本語の場合はモード「直接入力」を「IMEを有効化」と編集| キー | デフォルト機能 | カスタム設定 |
|---|---|---|
| 無変換 | 日本語入力：あ ア ｱ 英数入力：N/A 日本語変換：てすと テスト ﾃｽﾄ 英数変換：N/A |
IME - オン/オフ |
| 変換 | 決定後：変換のやり直し 日本語変換：SPACE変換と同じ 英数変換：test ｔｅｓｔ ＴＥＳＴ Ｔｅｓｔ Test TEST |
日本語入力(IME オン) |
| カタカナ | 日本語入力 | |
| Shift + 無変換 | 英数サジェスト入力 | 日本語入力(IME オン) |
| Ctrl + 無変換 | N/A | 半角英数入力(IME オフ) |
| Shift + SPACE | SPACE | |
| Ctrl + SPACE | SPACE | N/A |
| モード | 入力キー | コマンド |
|---|---|---|
| 入力文字なし | Ctrl + 無変換 | IMEを無効化 |
| 直接入力 | Shift + 無変換 | IMEを有効化 |
| 入力文字なし | Shift + 無変換 | IMEを有効化 |
| 直接入力 | 無変換 | IMEを有効化 |
| 入力文字なし | 無変換 | IMEを無効化 |
| 変換前入力中 | 無変換 | IMEを無効化 |
| 変換中 | 無変換 | IMEを無効化 |
| コピー範囲 | 入力キー | 保存先 |
|---|---|---|
| 画面全体 | Windows + PrintScreen | C > ピクチャ > スクリーンショット |
| 部分選択 | Windows + Shift + S | 「切り取り＆スケッチ」を起動 |
| firefox | Ctrl + Shift + S | ダウンロードするとブラウザ指定フォルダ |
| アクション | 入力キー |
|---|---|
| 「Xbox Game Bar」を起動 | Windows + G |
| 録画開始・停止 | Windows + Alt + R |
フォルダーオプションの設定 > 「表示」タブ > 「詳細設定」欄の「常にアイコンを表示し、縮小版は表示しない」にチェックを外す
※画像ファイルをphoto veiewer で開く設定にしてもアイコンはプレビュー版にはならないレジストリ エディター > Ctrl + F Creative Cloud Files > ダブルクリック「System.IsPinnedToNameSpaceTree」 > 値のデータを「0」にしてOK
File Explore add-ons > ソースコードファイル - OFF
ネットワークとインターネット > ネットワークと共有センター > 共有の詳細設定
C > ユーザー > パブリック
p:nth-child(3)３の倍数目
p:nth-child(3n)４つ目からスタートして３の倍数目
p:nth-child(3n+4)最初の2こ
p:nth-child(-n+2)2番目以降すべて
p:nth-child(n+2)最後から2番目のp
p:nth-last-child(2)
p:nth-of-type(3)要素内最後のp。
p:last-of-type
h1~pli.activeより前の兄弟li全て（特定の要素前全て、自分含む）
li:not(li.active~li)li.activeより前の兄弟li全て（特定の要素前全て、自分含まない）
li:not(li.active~li):not(li.active)
a:has(img)a.activeを直後にもつa（a.active要素の直前のa）
.pager a:has(+ .active)
header a,footer a
:is(header,footer) a
header a,footer a
:where(header,footer) aheader,footerの部分は優先度の効力はないため優先度的には以下と同じ
a
a[title]{
color:red;
}
hrefリンク先URLにurbanを含むもの
a[href*="urban"]{
color:red;
}
hrefが.comで終わるもの
a[href$=".com"]{
color:red;
}
hrefがhttpで始まるもの
a[href^="http"]{
color:red;
}
urbanというclassがあるもの（複数クラスを指定している場合で語の完全一致させたいときに使う）class="urban dic"
a[class~="urban"]{
color:red;
}
$(document).ready(function() {
$('a[href*="urban"]').addClass('modal');
});
$id_date_array = array();
if ( have_posts() ): while ( have_posts() ) : the_post();
$id_date_array[] = array(
'id' => $get_the_ID(),
'date' => $date,
);
endwhile;endif;
var_dump($id_date_array);の結果
array(2) {
[0]=> array(2) {
["id"]=> int(399)
["date"]=> string(8) "20220804"
}
[1]=> array(2) {
["id"]=> int(64)
["date"]=> string(8) "20220714"
}date
}
<b:if cond='data:blog.url == data:blog.homepageUrl'>
//URLの状態によってプレビューもここを通る
</b:if>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'> //記事タイトル //URLの状態によってプレビューもここを通る </b:if>この条件が特にタイトル部分（class='post-title entry-title'）にデフォルトテンプレートで使われてるためプレビュー条件を入れて公開状態と同じにする必要がある。
| blog型 | view型 | ページ種類 |
|---|---|---|
| <b:if cond='data:blog.pageType == "index"'> | ホーム || ラベル || 月別 | |
| <b:if cond='data:blog.url == data:blog.homepageUrl'> | - | ホーム || プレビュー |
| - | <b:if cond='data:view.isHomepage'> | ホーム |
| <b:if cond='data:blog.pageType == "item"'> | <b:if cond='data:view.isPost'> | 投稿 |
| <b:if cond='data:blog.pageType == "static_page"'> | <b:if cond='data:view.isPage'> | ページ |
| <b:if cond='data:blog.url == data:post.url'> | <b:if cond='data:view.isSingleItem'> | 投稿 || ページ |
| <b:if cond='data:blog.searchLabel'> | <b:if cond='data:view.isLabelSearch'> | ラベル |
| <b:if cond='data:blog.searchLabel == "ラベル名"'> | <b:if cond='data:view.isLabelSearch == "ラベル名"'> | 特定のラベル |
| - | <b:if cond='data:view.isPreview'> | プレビュー |
| pageType | ページ種類 |
|---|---|
| index | ホーム/ラベル/月別 |
| item | 投稿 |
| static_page | ページ |
<body expr:class='"loading" + data:blog.mobileClass + data:blog.pageType + (data:blog.url==data:blog.homepageUrl ? " home" : "")'>
body class="index home"
※公開中の投稿プレビューにもhomeがつく
<title>
<b:if cond='data:blog.searchLabel'>
<data:blog.pageName/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<data:blog.pageName/>
<b:else/>
<data:blog.pageTitle/>
</b:if>
</b:if>
</title>
ラベルページ：ラベル名のみ<b:include data="post" name="post"/>検索するとテーマHTML内に一箇所だけある。
<a expr:href='data:post.url'><data:post.title/></a>
<b:with value='data:post.featuredImage.isResizable?resizeImage(data:post.featuredImage, 512, "3:2"): data:post.thumbnail' var='image'> <img class='featuredImage' expr:alt='data:post.title' expr:src='data:image' layout='responsive' /> </b:with>デフォルトではalt属性が「イメージ」固定のためimgタグ出力に置き換える
<meta expr:content='data:blog.pageName + "のページです"' name='description'/>
<meta content='英語のページです' name='description'/>
<b:section id='任意の名前'/></b:section>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?home=1"' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'> </b:if>
</b:loop>
</b:if>
</span>
<data:blog.pageName/>
body{
font-family:MS PGothic,sans-serif;
font-family:MS Serif,serif;
}
*::selection{
background: rgba(7,32,107,.99);
color:#fff;
}
.table-box{
border-top:1px solid #d3ccc9;border-left:1px solid #d3ccc9;
border-bottom:1px solid #808380;border-right:1px solid #808380;
position:relative;
padding:10px;
z-index:0;
background:transparent;
}
.table-box:before{
content:'';
display:block;
border-top:1px solid #808380;border-left:1px solid #808380;
border-bottom:1px solid #d3ccc9;border-right:1px solid #d3ccc9;
width:calc(100% - 6px);
height:calc(100% - 6px);
position:absolute;
top:2px;
left:2px;
z-index:-1;
}
C:\Program Files\Classic Shell\Skins
Win98Plus skin, taskbar, picture.zip
Replace Start button:Custom
Skin Vriation: Windows default
Caption: System caption
Taskbar color: BFBFBF
Taskbar text color: 000000
C:\Users\<USER NAME>\AppData\Roaming\Microsoft\Windows\Start Menu
<div class="content"> loop </div> <a rel="next" href="next page url here">VIEW MORE</a>
(function($) {
var window = this, options = {},
content, currentUrl, nextUrl,
active = false,
defaults = {
autoLoad: true,
page: 1,
content: '.content',
link: 'a[rel=next]',
insertBefore: null,
appendTo: null,
start: function() {},
load: function() {},
disabled: false
};
$.autopager = function(_options) {
var autopager = this.autopager;
if (typeof _options === 'string' && $.isFunction(autopager[_options])) {
var args = Array.prototype.slice.call(arguments, 1),
value = autopager[_options].apply(autopager, args);
return value === autopager || value === undefined ? this : value;
}
_options = $.extend({}, defaults, _options);
autopager.option(_options);
content = $(_options.content).filter(':last');
if (content.length) {
if (!_options.insertBefore && !_options.appendTo) {
var insertBefore = content.next();
if (insertBefore.length) {
set('insertBefore', insertBefore);
} else {
set('appendTo', content.parent());
}
}
}
setUrl();
return this;
};
$.extend($.autopager, {
option: function(key, value) {
var _options = key;
if (typeof key === "string") {
if (value === undefined) {
return options[key];
}
_options = {};
_options[key] = value;
}
$.each(_options, function(key, value) {
set(key, value);
});
return this;
},
enable: function() {
set('disabled', false);
return this;
},
disable: function() {
set('disabled', true);
return this;
},
destroy: function() {
this.autoLoad(false);
options = {};
content = currentUrl = nextUrl = undefined;
return this;
},
autoLoad: function(value) {
return this.option('autoLoad', value);
},
load: function() {
if (active || !nextUrl || options.disabled) {
return;
}
active = true;
options.start(currentHash(), nextHash());
$.get(nextUrl, insertContent);
return this;
}
});
function set(key, value) {
switch (key) {
case 'autoLoad':
if (value && !options.autoLoad) {
$(window).scroll(loadOnScroll);
} else if (!value && options.autoLoad) {
$(window).unbind('scroll', loadOnScroll);
}
break;
case 'insertBefore':
if (value) {
options.appendTo = null;
}
break
case 'appendTo':
if (value) {
options.insertBefore = null;
}
break
}
options[key] = value;
}
function setUrl(context) {
currentUrl = nextUrl || window.location.href;
nextUrl = $(options.link, context).attr('href');
}
function loadOnScroll() {
if (content.offset().top + content.height() < $(document).scrollTop() + $(window).height()) {
$.autopager.load();
}
}
function insertContent(res) {
var _options = options,
nextPage = $('<div/>').append(res.replace(/<script(.|\s)*?\/script>/g, "")),
nextContent = nextPage.find(_options.content);
set('page', _options.page + 1);
setUrl(nextPage);
if (nextContent.length) {
if (_options.insertBefore) {
nextContent.insertBefore(_options.insertBefore);
} else {
nextContent.appendTo(_options.appendTo);
}
_options.load.call(nextContent.get(), currentHash(), nextHash());
content = nextContent.filter(':last');
}
active = false;
}
function currentHash() {
return {
page: options.page,
url: currentUrl
};
}
function nextHash() {
return {
page: options.page + 1,
url: nextUrl
};
}
})(jQuery);
$(function() {
$.autopager({
autoLoad: true
});
$('a[rel=next]').click(function() {
$.autopager('load');
return false;
});
});
1 : boho
2 : hippie
3 : gypsy
$args = array(
'posts_per_page' => -1,
'meta_key' => 'bohemian_cat',
'meta_value' => $category_ID,
//'meta_compare' => '=',//デフォルト
);
query_posts( $args );
echo post_custom('bohemian_cat');
a:2:{i:0;s:1:"2";i:1;s:1:"3";}
$args = array( 'posts_per_page' => -1, 'meta_key' => 'bohemian_cat', 'meta_value' => ':"' . $category_ID . '";'; 'meta_compare' => 'LIKE', ); query_posts( $args );
$categoryarry = array();//初期化
$categories = get_the_category();
foreach ( $categories as $category ) {
$categoryarry[] .= $category->term_id;
}
var_dump($categoryarry);
$countvalue = array_count_values($categoryarry); echo $countvalue['値'];
$category = get_category( $category_ID ); echo $category->slug;Get category name by ID
$category = get_category( $category_ID ); echo $category->name;Get category ID by slug
$idObj = get_category_by_slug( $cateslug ); $categoryID = $idObj->term_id;Get tag name by ID
echo get_term_by('id' ,ここにタグID, 'post_tag')->name;
Get tag name by slug
$tag = get_term_by('slug', ここにタグスラッグ, 'post_tag');
echo $tag->name;
$getcategory = get_category( get_query_var( 'cat' ) ); $cateid = $getcategory->cat_ID;Get parent category ID
$cateid = get_query_var( 'cat' );//現在のカテゴリID $child = get_category($cateid); $parentID = $child->parent;//親カテゴリのIDGet category name
echo get_queried_object()->name;
single_cat_title('' , true );
$tag_id = get_query_var('tag_id');
$postid = url_to_postid( $url );
{block:Photo}{/block:Photo}
画像投稿（画像複数）
{block:Photoset}{block:Photos}{/lock:Photos}{/lock:Photoset}
カスタムページ、質問ページ（/ask）はテキスト投稿を通る
{block:Text} {/block:Text}
※カスタムページ、質問ページを判定することはできない
{Caption}
キャプション内容を<p> <br> キャンセルして出力
{PhotoAlt}
こちらも投稿タイトル（キャプション）のHTMLをキャンセルして出力
{block:PostSummary}{PostSummary}{/block:PostSummary}
複数画像をiframeで出力
{Photoset}
<meta name="if:Photoset Layout" content="0">分岐
{block:IfPhotosetLayout}1で通る{/block:IfPhotosetLayout}
{block:IfNotPhotosetLayout}0で通る{/block:IfNotPhotosetLayout}
<meta name="text:Body Font" content=""/>分岐
{block:IfBodyFont}{text:Body Font},{/block:IfBodyFont}
| Tumblr | Wordpress |
|---|---|
| {block:IndexPage}{/block:IndexPage} | is_home() || is_date() || is_tag() || is_search() |
| {block:HomePage} {/block:HomePage} |
is_home() |
| {block:TagPage} {/block:TagPage} |
is_tag() |
| {block:PermalinkPage} {/block:PermalinkPage} |
is_single() |
//管理画面の記事一覧に順序を表示
function add_posts_columns($columns) {
$columns['menu_order'] = '順序';
return $columns;
}
function add_posts_columns_row($column_name, $post_id) {
if ( 'menu_order' == $column_name ) {
$menu_order = get_post($post_id) -> menu_order;
echo $menu_order;
}
}
add_filter( 'manage_posts_columns', 'add_posts_columns' );
add_action( 'manage_posts_custom_column', 'add_posts_columns_row', 10, 2 );
投稿以外で順序を使う場合はピンクを指定のpost_typeにする（管理画面URLから判断）
//投稿編集画面で「投稿の属性」の中に「順序」を表示させる add_post_type_support( 'post', 'page-attributes' );
//管理画面の記事一覧「順序」でソートできるようにする function make_order_column_sortable( $columns ) { $columns['menu_order'] = 'menu_order'; return $columns; } add_filter( 'manage_edit-psot_sortable_columns', 'make_order_column_sortable' );
//カテゴリページだけ投稿を「順序」の順で表示 function cate_change_sort_order( $query ) { if ( is_admin() || ! $query->is_main_query() ) { return; } if($query->is_category('news') || $query->is_category('feature') ){ //特定のカテゴリページでは管理設定通り（新しい順） }else if ( $query->is_category() ) { $query->set( 'order', 'ASC' ); $query->set( 'orderby', 'menu_order' ); } } add_action( 'pre_get_posts', 'cate_change_sort_order' );
$menu_items = wp_get_nav_menu_items(21);//ナビゲーションメニューのID
foreach ( (array) $menu_items_news as $key => $menu_item ) {
$title = $menu_item->title;
$url = $menu_item->url;
echo '<li><a href="' . $url . '">' . $title . '</a></li>';
}
参考：関数リファレンス/wp get nav menu items
前：https://domain.com/news/
$wourl = str_replace("https://domain.com/","",$url);
$cate_slug = str_replace("/","",$wourl);
後：news
$categories = get_the_category();
foreach ( $categories as $category ) {
if($category->parent){
$catename = $category->name;
$childcateid = $category->cat_ID;
}
}
親子孫間での特定の子カテゴリ取得
$cat = get_the_category();
foreach ( $cat as $category ) {
$parent = $category->parent;
if( $parent == ここにID ){
$catename = $category->name;
$childcateid = $category->cat_ID;// これもID
$childcateid = $category->term_id;// これもID
}
}
//IDをループ
foreach($cats_list as $item){
$ids[] = $item['post_id'];
}
$args = array(
'posts_per_page' => -1,
'post__in' => $ids
);
query_posts($args);
$args = array(
'posts_per_page' => -1,
'post__in' => array(101,102,103),
'orderby' => 'post_in'//配列がはいってる順に表示
);
query_posts($args);
参考:How to make WP_Query 'post__in' accept an array?
$args = array(
'cat' => 1937,
'posts_per_page' => 4,
'meta_key' => 'カスタムフィールド名前',
'meta_value' => 'カスタムフィールドの値',
'meta_compare' => 'NOT EXISTS',//存在しない場合
);
query_posts( $args );
※Advanced Custom Fieldsでもこのやり方でOK
$args = array(
'cat' => 1937,
'posts_per_page' => 4,
'meta_query' => array(
array(
'key' => 'カスタムフィールド名前',
'value' => 'カスタムフィールドの値',
'compare' => '=',//イコールだったらがデフォルト値
)
),
'meta_query' => array(
array(
'key' => 'カスタムフィールド名前',
'value' => 'カスタムフィールドの値',
'compare' => '=',//イコールだったらがデフォルト値
)
),
);
query_posts( $args );
$args = array(
'cat' => 1937,
'posts_per_page' => 4,
'meta_query' => array(
array(
'key' => 'カスタムフィールド名前',
'value' => 'カスタムフィールドの値',
'compare' => '=',//イコールだったらがデフォルト値
),
array(
'key' => 'カスタムフィールド名前',
'value' => 'カスタムフィールドの値',
'compare' => '=',//イコールだったらがデフォルト値
),
),
);
query_posts( $args );
| = | 等しい |
| != | 等しくない |
| LIKE | 正規表現比較を使用したパターンマッチング |
| IN | 複数の条件一致 どれかに等しいかどうか |
// カスタムメニューの指定 $menu_items = wp_get_nav_menu_items('メニュー名'); foreach ($menu_items as $menu): //追加した投稿などのID $page_id = $menu->object_id; //ナビゲーションライベル $navlabel = $menu->title; $thumbnail_id = get_post_thumbnail_id($page_id); $image_attributes = wp_get_attachment_image_src($thumbnail_id,'medium'); $image_attributes[0]; //アイキャッチ画像URL //追加した投稿などのオリジナルタイトル $content = get_page($page_id); $content->post_title; endforeach;※なぜかアイキャッチは投稿ID（$page_id ）から直接取得しようとするとこの投稿じたいのアイキャッチしか取得できない。 なのでアイキャッチIDから取得
<!-- ハンバーガーメニュー --> <div class="hamburger"> <span class="hamburger-line hamburger-line-1"></span> <span class="hamburger-line hamburger-line-2"></span> <span class="hamburger-line hamburger-line-3"></span> </div> <!-- メニューコンテンツ --> <div class="header-nav-sp" style="display:;"> </div>
$(document).ready(function() {
$(".hamburger").click(function(){
$("body").toggleClass('nav-open');
});
});
.hamburger {
position: absolute;
right: 15px;
top: 5px;
width: 50px;
height: 50px;
z-index: 300;
}
.hamburger-line {
position: absolute;
left: 0;
width: 25px;
height: 2px;
background-color: #111;
transition: all .6s;
}
.hamburger-line-1 {
top: 26px;
}
.hamburger-line-2 {
top: 34px;
}
.hamburger-line-3 {
top: 42px;
}
.nav-open .hamburger-line-1 {
transform: rotate(45deg);
top: 30px;
}
.nav-open .hamburger-line-2 {
width: 0;
left: 50%;
}
.nav-open .hamburger-line-3 {
transform: rotate(-45deg);
top: 30px;
}
メニューコンテンツ部分
.header-nav-sp {
position: fixed;
right: -200px;/*右から*/
top: 0;
bottom: 0;
width: 200px;
padding-top: 40px;
background-color: #fff;
transition: all .6s;
z-index: 200;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.nav-open .header-nav-sp{
right: 0;/*右から*/
padding-top: 40px;
}
<div class="menu-status"></div>
.menu-status {
background: rgba(0,0,0,0);
transition: all 0.3s ease-in-out 0s;
}
.nav-open .menu-status {
background: rgba(0,0,0,.7);
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
}
.menu-status {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
height: -webkit-fill-available;
z-index: 11;
background-color: #000;
opacity: 0;
visibility: hidden;
transition: all .5s;
}
.nav-open .menu-status {
opacity: .8;
visibility: visible;
}
$(document).ready(function() {
$(".menu-status").click(function(){
$("body").toggleClass('nav-open');
});
});
$cateid = get_query_var('cat');//現在のカテゴリID
$child = get_category($cateid);
$parentID = $child->parent; //これも親ID
$parentID = $child->category_parent;//これでも親ID
$categories = get_the_category();
foreach ( $categories as $category ) {
$cat_id = $category->cat_ID;
$child = get_category($cat_id);
$parentID = $child->parent;
}
$categories = get_the_category();
foreach ( $categories as $category ) {
$cat_name = $category->name;
$catenameParent = $cat_name;
}
$imagesize = getimagesize('https://domain.com/images/sample.jpg');
$imagesize = getimagesize('var/www/domain.com/public_html/images/sample.png');
$root_path = $_SERVER['DOCUMENT_ROOT']; $pattern = '/https:\/\/domain.com/'; $root_img = preg_replace($pattern , $root_path , $eyecatchimg); $imagesize = getimagesize($root_img);
Notice: Undefined offset: 0 in [URL]functions.php on line
function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
if (preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches)){
$first_img = $matches [1] [0];
}else{
$first_img = get_stylesheet_directory_uri().'/images/noimage.jpg';
}
return $first_img;
}
参考：https://lib.ridesign.jp/php/undefined-offset-0/
require_once ('../wp-blog-header.php');
require_once ('../wp-load.php');
query_posts( array(
'tax_query' => array(
array(
'taxonomy'=>'category',
'terms'=>array( 'news','column', 'feature' ),
'field'=>'slug',
'include_children'=>true,
'operator'=>'IN'
),
array(
'taxonomy'=>'post_tag',
'terms'=>array( 'season' ),
'field'=>'slug',
'operator'=>'IN'
),
'relation' => 'OR'
),
'posts_per_page' => 36
)
);
// クエリ（メインクエリを改変） query_posts( $args ); // ループ（改変したメインクエリ） if ( have_posts() ) : while ( have_posts() ) : the_post(); the_title(); endwhile; else: // 何も取得されなかった endif; // クエリをリセット wp_reset_query();
<script>
$(function() {
var w = $(window).width();
var x = 720;// ブレイクポイント
if (w <= x) {
$('body').addClass('jssp');
}else{
$('body').addClass('jspc');
}
});
</script>
<?php date_default_timezone_set('Asia/Tokyo'); ?>
<link href="style.css?<?php echo date( "Y-m-d-H-i-s", filemtime('./style.css')); ?>" rel="stylesheet" type="text/css" />
<?php $path = $_SERVER['DOCUMENT_ROOT']; ?> <link href="/style.css?<?php echo date( "Y-m-d-H-i-s", filemtime($path.'/style.css')); ?>" rel="stylesheet" type="text/css" />
function theme_enqueue_styles() {
wp_enqueue_style( 'style', get_stylesheet_directory_uri() . '/style.css', array(), date("Y-m-d-H-i-s", filemtime( get_stylesheet_directory().'/style.css')) );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
<link href="<?php echo get_template_directory_uri().'/style.css?'; echo date( "Y-m-d-H-i-s", filemtime(get_template_directory().'/style.css')); ?>" rel="stylesheet">
Caps Lock : ⌃ Control
Control : ⌘ Command
Option(alt) : ⌥ Option
Command(Windows) : ⌃ Control
Windowsキーボードにキーの割当てるためのアプリKarabiner-Elementsをインストール
Caps Lock : left_control
left_command(Windows) : left_control
left_control(Ctrl): left_command
left_option(Alt): left_option
PCキーボードの無変換キー: F6
システム終了（⌃ Control(Windows) + ⏏）のショートカットを有効にするため⏏を右上のキーPause/Breakに割り当てるpause: eject
fn キーを右のAlt に割り当てるRight option : fn
+Add rules > Import more rules from the internet(open the browser) >
ページの最下部のother examples > input_source_if,input_source_unless example をインポート
「Toggle input sources (English or Japanese) by grave_accent_and_tilde」を+Enableにする
Mission Control > デスクトップ表示：⌥ Option + D
「コントロール間のフォーカス移動をキーボードで操作」にチェック
スクリーンショット > 画面のピクチャをクリップボードにコピー：Print Screen/SysRq (F13)
Spotlight > Finderの検索ウィンドウを表示のチェックを外す
F1、F2などのすべてのキーを標準のファンクションキーとして使用にチェックを入れる
Run HyperSwitch in the background にチェック
all windows： ⌥ Option + tab （※）
⇪ Caps Lock キー: ⌘ Command
⌃ Controlキー：⌃ Control
⌥ Optionキー：⌃ Control（好みによっては⌥ Option）
⌘ Commandキー：⌥ Option
/* * Template Name: テンプレート名 * Template Post Type: post */
/* * Template Name: テンプレート名 * Template Post Type: post,page */
if ( is_page_template( 'ファイル名.php' ) ) {
}
color: #666; text-shadow: 3px 3px 0 #eee, 5px 5px 0 #666;
color: #666;
text-shadow: 2px 2px 0 #fff,
-2px 2px 0 #fff,
2px -2px 0 #fff,
-2px -2px 0 #fff,
3px 3px 0 #666,
-3px 3px 0 #666,
3px -3px 0 #666,
-3px -3px 0 #666
;
background:#333; color:#fff; padding:20px; box-shadow:0px 6px 0px 0px #fff,0px 10px 0px 0px #333;
<input id="toggle" type="checkbox" name="whatever" /> <label for="toggle">Click me to show the freakin' content</label> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
input {
display: none;
}
input:checked + label {
color:deeppink;
}
label{
cursor: pointer;
}
input:checked + label + p{
height:auto;/*transitionを有効にするにはpxで指定*/
}
p{
height:0;
overflow: hidden;
transition: all 0.2s ease-in-out 0s;
}
*.psd,*.ai,*.pdf
Package > 検索「tree-view」 > Settings > Hide Ignored Names にチェック
Allow Pending Pange Itemsのチェックを外す
Show Indent Guide にチェック
Tab Length を3に
Soft Wrap にチェック
Preferred Line Lengthで数値設定
そこで折り返す場合はSoft Wrap at Preferred Line にチェックKeybindings > your keymap file というリンクをクリック
'body':
# ctrl-tabによるタブ順を1つづつ右へ移動させるように設定
'ctrl-tab ^ctrl': 'unset!'
'ctrl-tab': 'pane:show-next-item'
'ctrl-shift-tab ^ctrl': 'unset!'
'ctrl-shift-tab': 'pane:show-previous-item'
これでCtrl + Shift + Tab で左にひとつづつなる。
.icon-file-text {&[data-name$=".php"]:before { color:#5e8a6a; }}
.icon-file-text {&[data-name$=".html"]:before { color:#916456; }}
.icon-file-text {&[data-name$=".css"]:before { color:#fff; }}
.icon-file-text {&[data-name$=".js"]:before { color:#0865a7; }}
.icon-file-text {&[data-name$=".htaccess"]:before { color:#8a8c50; }}
highlight-selected
パッケージが保存されるフォルダEditor: Auto Indent
GitHub: Logout
Personal access tokens (classic) > repo,workflow,read:org,user:email にチェック
Package > GitHub > Toggle GitHub Tab
またはステータスバー内右下のGitHubGitHub: Logout
<ul>
<li><a href="#">Lorem ipsum dolor sit amet elit</a></li>
<li><a href="#">ipsum</a></li>
<li><a href="#">dolor</a></li>
<li><a href="#">sit</a></li>
<li><a href="#">amet</a></li>
</ul>
ul{
display:flex;
flex-wrap: wrap;
justify-content: space-around;
}
ul li{
width:50%;
padding:5px;
}
ul {
padding: 0;
display: flex;
flex-wrap: wrap;
}
ul li{
list-style: none;
width:50%;/*分割する割合*/
padding:5px;/*ボックス間marginのようなスペース*/
box-sizing: border-box;
}
ul li a{
display: block;
padding: 10px 15px;/*ボックス内の実際のpadding*/
box-sizing: border-box;
height: 100%;/*行数違い対策*/
background:#eee;
}
ul{
display:grid;
grid-template-columns: 1fr 1fr;/*repeat(2, 1fr)*/
grid-gap: 10px;
}
li{
background:#eee;
padding: 10px 15px;
}
※繰り返し回数を指定する書き方の場合repeatとカッコの間にスペースを入れると動かない
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));