WEB Drawer | web制作に関するネタの引き出しサイト。
WordPress

WordPressで記事ページのURLを日付にする際に気をつけること

WordPressのパーマリンクで記事を日付のみにしようとすると躓く箇所があったので対策メモですテンプレートが反映されないパーマリンクを日付に設定(yyyy-mm-dd)して、記事ページを修正しようとするとなぜかsingle.phpではなく...
HTML

サイト全体から特定の単語を検索して、単語があるページのURLを一覧にする方法

サイトの更新で、「〇〇」という単語を全部修正するみたいな作業が発生する場合があるのですがその際対象ページのURLを出したい場合の方法です。DreamWeaverで検索してxmlとして出力するまずDreamWeaverでサイト全体を検索します...
その他

Google Apps Scriptでライブラリの関数を使う

GoogleスプレッドシートでGoogle Apps Script(GAS)を使うにあたり、複数のシートで使う事が想定される場合1つ1つのシートにGASを書いていたのでは修正があった場合とても大変です。ですので共通スクリプトファイルを用意し...
スポンサーリンク
CSS

サイト上の画像を安易に保存させない方法・コピーガード対応

よく芸能人の写真等を保存させないためにいわるゆるコピーガード対応をしますが、スマホ対応も含め今回色々調べたのでまとめておきます。サイトの作りに詳しい人には無力ですが、安易には保存できなくする方法です。サイト全体で右クリック禁止+ドラックアン...
HTML

さくらサーバーでPHPをHTMLファイルで使う方法を試したらXHTMLは表示されなかった件

ニッチな話題だと思いますが、こんなことがありました。htaccessでPHPをHTMLファイルで使えるように設定さくらのサーバーでPHPをHTMLファイルで使おうと思い、htaccessに以下を記述しました。AddType applicat...
CSS

CSS Grid Layout(グリッドレイアウト)を使ってみた(サンプルつき)

2022年6月16日、ついにInternet Explorer(IE)のサポートが終了となり、(私の中では)切るに切れなかった対応ブラウザから堂々と外すことができるようになりました。 その影響でなんとなくIEでも崩れないようなCSSを今まで...
HTML

検索結果が豊かになる、構造化マークアップについて調べてみた

構造化マークアップとはGoogleのクローラーにテキスト情報やコンテンツ内容を適切に理解してもらう記述方法のことで、検索結果画面上でユーザーに情報を届けるためにGoogleが提供しているもので、検索結果に表示される情報が増やせます。(リッチ...
WordPress

【WordPress】ブロックエディタにオリジナルのブロックを追加する方法

オリジナルのブロックを追加する方法WordPressのブロックエディタにオリジナルのカスタムブロックを追加する方法です。方法はいくつかありますが、今回はfunctions.phpとカスタム用のCSSとJSを記述するやり方になります。テーマフ...
ツール

Gmailで多数のメールを一気にラベルへ整理する

Gmailを使っていて受信トレイにメールがかなり貯まってしまったので、まとめてラベルを設定し設定したメールは受信トレイからは消す方法です。
MovableType

Movable Typeを自動で再構築させる

さくらインターネットのサーバーでMovable Typeを自動で再構築させるのに色々調べたのでそのメモになります。記事のみ公開さくらインターネットのコントロールパネルでcron設定に以下を設定します。cd /home/~パス~/mt; ./...
ツール

EJSでサイトの共通部分を静的にジェネレートする

以前にも共通部分の作り方を色々紹介したのですが、今回はEJSでの作成方法を紹介します。
Javascript

Reactの初歩・はじめ方と書き出し

Reactの勉強でひとつサイトを作成したのですが、手順を忘れても見返せるようにサイトの作成までと書き出し方法のメモです。作成したサイト作成したサイトは数字を入力したら、その確率でいつ当たりを引けるか試せるサイトです。事前準備(初回のみ)No...
スポンサーリンク