【Illustrator】これだけは必ず覚えとけ！イラレのショートカットキー50+α厳選まとめ タイトルのとおり。 初心者イラストレーターが必ず覚えておくべき、ショートカットキーをまとめて紹介します。 画面表示 手のひらツール スペースキー 100％表示 ⌘ ＋ 1 アートボード表示 ⌘ ＋ 0 アウトライン・プレビュー表示切り替え ⌘ ＋ Y ガイドを作成 ⌘ ＋ 5 ガイドを表示／非表示 ⌘ ＋ ; ガイドを... 【Illustrator】これだけは必ず覚えとけ！イラレのショートカットキー50+α厳選まとめ続きを読む →
【WordPress】日本語ファイル名でアップロードした際の文字化けを回避する方法 ワードプレスのメディア機能で日本語名のファイルをアップロードした際、たいていはファイル名が文字化けすると思います。 これは実は文字化けしているのではなく、プラグイン「WP Multibyte Patch」の働きによるもの。 日本語版のWordPressに同梱されている「WP Multibyte Patch」プラグインを... 【WordPress】日本語ファイル名でアップロードした際の文字化けを回避する方法続きを読む →
究極の在宅ワーク環境を追い求めて……【2021年度版】ウェブ制作会社の社長の作業環境を晒します 2021年2月1日。 世間はコロナ禍の真っ只中で、大手企業は社員の在宅ワークへの切り替えでオフィスを縮小する流れのこのご時世。 ウチの会社は事務所を移転し、これまでの2倍の広さになりました。 また事務所の移転に伴って自宅の作業環境も一新。 いまは究極の在宅ワーク環境を追い求めて試行錯誤の毎日です。 というワケで。 まだ... 究極の在宅ワーク環境を追い求めて……【2021年度版】ウェブ制作会社の社長の作業環境を晒します続きを読む →- 【WordPress】アーカイブページで、次のページと前のページが存在するかを判定する方法 記事の一覧ページ、例えば index.php や archive.php などで、「次のページ」や「前のページ」が存在するかを判定する方法を紹介します。 WordPress Codex で調べてみると、get_previous_posts_linkとget_next_posts_linkという便利なテンプレートタグが用... 【WordPress】アーカイブページで、次のページと前のページが存在するかを判定する方法続きを読む →
- 【HTML5 + jQuery】音声ファイルの再生／停止を制御するボタン ウェブサイトで音声ファイルを再生したい場合、HTML5で単純にaudioタグを使うだけで実現できますが、今回はさらにJQueryを利用して再生と停止をコントロールする方法を紹介します。 まずはHTMLの記述です。 <audio src="sample.mp3" id="audio" pause="pause" l... 【HTML5 + jQuery】音声ファイルの再生／停止を制御するボタン続きを読む →
- 【PHP】画像サイズを取得する［getimagesize］の使い方 画像の縦・横のサイズをループ内で動的に取得、表示する必要があり、その方法を調べたのでメモします。 PHPのgetimagesizeを使って簡単に実装できました。 基本的な使い方は以下のとおり。 <?php $file = "sample.png"; ?> <img src="<?php echo... 【PHP】画像サイズを取得する［getimagesize］の使い方続きを読む →
- 【JavaScript】非推奨の「document.write()」の代替方法 これ。 つい先日まで知らなかったんですが。 JavaScriptの「document.write()」を使うのは現在はNGとされているようですね。 W3CではHTML5でのdocument.write()の使用を非推奨としています。 またGoogleの PageSpeed Insights でも、document.wr... 【JavaScript】非推奨の「document.write()」の代替方法続きを読む →
【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応） みんな大好きインスタグラム。 今日はInstagramの投稿をウェブサイトに表示させる方法を紹介します。 前半部分では［Instagram Graph API］を使って、Instagramの投稿を表示させるのに必要な「アクセストークン」と「InstagramビジネスアカウントID」の取得方法を。 後半部分ではPHPでJ... 【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応）続きを読む →- TwitterをRSS化できるサイト［nitter］を利用して、ウェブサイトにツイートのリストを表示させる方法 ［nitter］でTwitterをRSS化する まずはnitter公式サイトへ移動しましょう。 nitter:https://nitter.net なおMacOSをお使いの場合は、後々のことを考えSafariではなくGoogle Chromeを使ったほうがいいです。 手順は以下のとおりです。 画面中央の「Enter u... TwitterをRSS化できるサイト［nitter］を利用して、ウェブサイトにツイートのリストを表示させる方法続きを読む →
- 【WordPress】カスタムメニューの［wp_nav_menu］から不要なタグを削除する方法 通常、ワードプレスのカスタムメニューを出力するときは wp_nav_menu を使います。 一例を挙げると次のように記述しますね。 <ul> <?php wp_nav_menu ( array('menu'=>'header-navi', 'container'=>false, 'item... 【WordPress】カスタムメニューの［wp_nav_menu］から不要なタグを削除する方法続きを読む →
- 【WordPress】投稿の編集画面でタブ（インデント）が使えるようになるプラグイン［Tabs in Post Editor］を紹介します WordPressで投稿（または固定ページ）を編集するとき、デフォルトではタブ（インデント）が使えません。 オンズのブログのようにコードの紹介や解説がメインのサイトでは、タブを使用する頻度が多いのでかなり不便です。 そこで登場するのが［Tabs in Post Editor］というプラグイン。 Tabs in Post... 【WordPress】投稿の編集画面でタブ（インデント）が使えるようになるプラグイン［Tabs in Post Editor］を紹介します続きを読む →
- 【jQuery】右クリックを禁止する方法 ウェブサイトで右クリックを禁止して、コンテキストメニューを表示させなくする方法を紹介します。 ウェブサイト全体で右クリックを禁止にする方法 なにがなんでも、とにかく右クリックを禁止にする方法です。 以下のコードで実装できます。 $(function(){ $(document).on("contextmenu",fun... 【jQuery】右クリックを禁止する方法続きを読む →
- 【WordPress】ウィジェットのタイトルを非表示にする方法 WordPressで構築したサイトのサイドバーなどで、設定したウィジェットを表示するとき、タイトルだけを非表示にする方法を紹介します。 ウィジェットのタイトルを非表示（出力しない）にする方法 以下のコードを［functions.php］に記述すればOKです。 add_filter( 'widget_title', 'm... 【WordPress】ウィジェットのタイトルを非表示にする方法続きを読む →
- お知らせ 11月8日： メインのサイトを非同期通信（AJAX）に対応しました。 株式会社オンズ - メインサイト：https://on-ze.com 11月5日： 制作実績のページにつくば市研究学園のレストラン「Gastro Kitchen Junboo」を追加しました。 制作実績：https://on-ze.com/works... お知らせ続きを読む →
- 【WordPress Plugin】改竄インシデント謝罪文自動生成 面白い（？）ワードプレスのプラグインを見つけてきたので紹介します。 はじめに申し上げますがこの記事は実用性ゼロですので、多くの方にとって時間の無駄です。 ほんとうに興味がある方以外はこのページを閉じるのが賢明です。 紹介するのはタイトルのとおり『改竄かいざんインシデント謝罪文自動生成』プラグインです。 配布先は以下。 ... 【WordPress Plugin】改竄インシデント謝罪文自動生成続きを読む →
- 【WordPress】検索結果ページのURLを変更する方法 WordPressで検索を行うと、通常は下記のようにURLの末尾に「?s=xxx」がつきます。 http://example.com/?s=検索キーワード この「?s=検索キーワード」のパラメーター部分を変更する方法を紹介します。 検索結果ページのURLの変更方法 使用しているWordPressのテーマファイル内、「f... 【WordPress】検索結果ページのURLを変更する方法続きを読む →