studio doli @studiodoli - Tumblr Blog

wp-cliで「検索エンジンがサイトをインデックスしないようにする」にチェックを入れる

$ wp option update blog_public [0 or 1]

0:インデックスしない（チェック入れる）

1: 公開（チェックはずす）

確認するなら…

$ wp option get blog_public

MariaDBの文字エンコードについて色々

MariaDB の文字コードを UTF-8 から EUC-JP に変更する方法です。 RaspberryPi と Ubuntu 20.04 で確認しました。次の３つの設定ファイルを編集します。 /etc/mysql/mariadb.conf.d/50-client.cn...

平田直毅さんのスクラップ

株式会社TECH LUCKという会社で代表兼エンジニアをしている齊藤です。 DXプロジェクト、開発プロジェクト、Rails開発などでお困りごとがありましたら弊社HPからご相談をいただけますと幸いです。以下のような問題に対応することが可能です。プロジェクトでRailsエ...

#mariadb #エンコード #collation

WordPressの公開終了日を設定する手法を紹介します。プラグイン「post-expirator」を使用せず、カスタムフィールドを活用して公開終了日を実装する方法を解説します。必要なのは「公開終了」項目を持つカスタムフィールドの追加と、その条件を満たす場合にコンテンツを表示する

#wordpress

Boost up your workflow, reduce development time and generate high quality code. GenerateWP makes your development experience much faster usi

Wordpressのコードジェネレーター

#wordpress #コード生成

Webpackで階層を維持してファイルをコピーするプラグイン。なかなか見つからなかった… こちらも参考に…

WordPressエンジニア歴12年のうーまーが、使ってきたWordPressのローカル制作環境と、これからのデファクトスタンダードになりそうなwp-envの実際の使い方をご紹介します。

webpack: 5~ htmlとか画像とかwebpackでビルドするときについでにコピーしたい。必要なものの追加 code:sh npm i -D copy-webpack-plugin @types/copy-webpack-plugin TS環境じゃなければ@types/

#webpack #copy-webpack-plugin

CSSの縦書きで文字の中心がずれる

font-feature-settings: initial;

OpenTypeフォントの文字詰めを行う機能

#css #縦書き #font-feature-settings

要点Windowsで解凍しても文字化けしない.DS_Store 等の不要な隠しファイルを含まない^1上記2点を満たしたZIPファイルをコマンドラインシェル（zsh）から作成します．きっかけ…

--- 7z a -tzip -scsWIN 出力ファイル名圧縮するファイル・ディレクトリ

---

Windowsで文字化けしないようにするには -scsWINオプションが重要

#7zip #zip #文字化け

WebpackでHTML

[jin_icon_check color="#e9546b" size="18px"]html-webpack-plu

#webpack #HTML

webpackとLinterとFormatter

自動でできるものは任せたいのでlintやformatterを活用したいと思いつつ、これまでできていなかったのでwebpack5にアップデートしたのを機会にlintやformatterを見直すことにし…

#webpack #lint #format

webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。

いい加減、webpack導入を考えなければ…。

#webpack

はじめにいつもはes6のモジュール管理方式であるimport/export(ES modules)を使って、npmで手に入れたライブラリや自分で作成したモジュールをロードしているが、たまに思った挙…

importとrequireの対比表がわかりやすくて良いです。

#javascript #CommonJS #ES6 #import #require

iOS13以降でもスクロールバー表示させるのって、結構面倒なんですね。 ★CDNから以下を取得

★HTMLで対象タグの属性に以下の記述追加

data-simplebar data-simplebar-auto-hide="false"

★CSSで以下の設定

// スクロールバー本体の例 .simplebar-scrollbar::before { background: #28385E; border-radius: 4px; width: 4px; margin-left: 2px; margin-top: 2px; } // スクロールバー本体の透明度（デフォルトは透明なので） .simplebar-scrollbar.simplebar-visible::before { opacity: 1; } // スクロールバーの背景部分の例 .simplebar-track { background-color: #FFBC61; }

#iOS #iPhone #スクロールバー

こんにちは、Maromaroの松橋です。 WordPressでサイトを構築する際に、ユーザーを作成したり、決ま

よく使いそうなwp-cliコマンド

#wp-cli #コマンド

これまでコーディング規約とは無縁のぐちゃぐちゃコードを書いて生きてきましたが、「いい加減ちゃんとするか...」と思い、Prettier（プリティア）・ESLint・Stylelint を導入することを決意。今回は、これら3つのツールをVS

#eslint #stylelint #prettier

イマドキJavaScriptの機能や書き方とは？最近のJavaScriptの使い方とは？本記事ではこのような疑問を解決します。 Web開発になくてはならないプログラミング言語がJavaScriptです。そんなJavaScriptは、2

日々、頭をアップデート。

#javascript

2023 Wordpress開発

Docker + Gulp + browser-sync + wp-env + wp-cli

--

★wp-envの使い方

npm run wp-env [option] npx wp-env [option]

★wp-cliの使い方（wp-envにインストールされているwp-cli）

npm run wp-env run cli wp [option]

npx wp-env run cli wp [option]

ローカルのテーマ用のディレクトリ(wp-content/themes/minimal_wordpress/)を編集するとテーマとしてwp-env環境のWPに即時反映されるのを見て、「browser-syncを使ってブラウザの自動リロードができれば捗るのではないか？」と思った次第で

WordPressエンジニア歴12年のうーまーが、使ってきたWordPressのローカル制作環境と、これからのデファクトスタンダードになりそうなwp-envの実際の使い方をご紹介します。

#wordpress #docker #wp-env #wp-cli

Letsencrypt certbot 更新

$ cd [docker-compose] $ docker-compose run --rm certbot renew //動作確認だけなら docker-compose run --rm certbot renew --dry-run

Trending Blogs

Recently Viewed Blogs

studio doli