1. CSSだけでボタンデザインを作成したいときに重宝するツール。 CSSスタイルシート記述を作成してくれます。 http://generator.web-alpha.info/btn/index.php#step1 …

  2. WordPressのcontact form7プラグインで、 送信後にサンクスページに遷移させたい場合のカスタマイズを紹介。 テーマフォルダ内の「functions.php」に、以下のコードを追記する。 [crayon-5ba2601…

  3. Contact Form7を使って、お問い合わせフォームを作ったとき、 たまに宛名が文字化けすることがあります。 そんな場合は、 名前にダブルクオーテーションをつければOK! …

  4. アフィリエイト・リンクには、「nofollow」タグを挿入しましょう。 サーチエンジンにおいて検索順位が下げられる等の SEOにおけるペナルティの可能性となる要素を 回避することが可能となります。 rel="nofollow" を…

  5. アップロードしたいファイルの容量が大きい場合、直接FTPでアップロードしたほうが早い場合があります。 しかし、FTPでアップロードしたファイルはメディアライブラリに登録されていないので、記事に挿入できません。 そのようなときに、このプラ…

  6. パソコンでLINE@のログイン画面をいつも探してしまうので、リンクを貼り付けておきます。 LINE@ログイン …

  7. 通常だと [crayon-5ba260182e92b579318026/] で読み込みますが、子テーマの場合は動きません。   子テーマでは、 [crayon-5ba260182e930835756477/] と記…

  8. お客様からの要望で、 WordPressから問い合わせがあったメールを、 一覧で見られるようにしてほしいという話がありました。 最初は、フォームメーラーなどの外部のサービスを検討していましたが、 ContactForm7関連のプラグ…

  9. 常時SSL化が時代の流れになってきているので、 私が管理させていただいているドメインは、 「常時SSL」対応にさせていただいております。 しかし、先日WordPressで作成したサイトで 困ったことが起きたのでメモ。…

  10. webの仕事は、基本的にmacを使ってるので、 納品の際にはWindowsでの表示テストも行っておかなければならない。   最近はそれほどでもないけど、 Windowsだと、たまに表示がおかしいと言われることがある。   Win…

  11. ショートコードを使うと、投稿内、固定ページ内の任意の場所にテンプレートを呼び出すPHPコードを挿入することができます。 [crayon-5ba260182ef82409926893/] このテンプレートを呼び出すときには、 記…

  12. 複雑なtableを組むときには、とても便利です。 https://tabletag.net/ja/…

  13. bootstrapベースのサイト構築ツール「mobirise」のエクステンション http://users.skynet.be/fc296525/mbrext.html…

  14. WordPressの問い合わせフォームといえば、 ほぼ『ContactForm7』というプラグインを利用していると思いますが、 私もこのプラグインは活用させていただいております。 ところが、 あるサイトで突然、 送信ボタンをクリッ…

  15. 通常、WordPressのHタグでは、改行コードを入れても無視されてしまいます。 でも、どうしても見栄え上、改行を入れたいときに使えそうです。 [crayon-5ba260182f688666626621/] Hタグのタイトルは、以下…

  16. functions.phpに追記してください。 [crayon-5ba260182fdd9280069250/] 子テーマで、bootstrapを読み込ませるときは、 [crayon-5ba260182fddf067168696/] …

  17. ファイルメーカーの案件で、 「シフトキー」を押しながらボタンをクリックすると、 別ウインドウで開くようにできないか? との要望を受け、いろいろチャレンジして解決したのでメモ。 Get(アクティブ装飾キー)を使ってできそう! ファイ…

  18. 何度やっても、すぐ忘れてしまうのでメモ。 Step 1: iPhoneで「メール」アプリをタップして開く > 受信一覧が表示される > 右上にある「編集」ボタンを押します。 Step 2: メールを一件選択 > 下の「移…

  19. javascriptでカレンダーを作成した際に、 内側にborderを入れたい場面が出てきまして。 cssで対処できました。 [crayon-5ba260182fff9174703893/] 上記の記述を、該当要素のcssに追加すれ…

  20. 直感的な操作で、モバイルフレンドリーなサイトを構築できるサイトビルダー「mobirise」。 macにインストールして使っていますが、「Drag Thing」というランチャーアプリにアイコンを配置すると、そのアイコンが透過処理されているた…

  21. 私はブラウザは「Chrome」を使用してますが、 以前から、ダウンロードした後に表示される画面下の表示が 邪魔で気になってました。 ↓ こんなやつ 基本設定の中で出来ると思ってたのに、 機能拡張が必要だということを知り、 早…

  22. 最近は、chromeのWeb Makerを使って、 コーディングのストックを行っています。 こうやって日頃からコーディングのネタを作っておくと、 いざというときに ササッと作れたりするから便利です。 …

  23. 私にとってBootstrapは、ホームページをコーディングするときには欠かせないツールの一つです。 このフレームワークを使うことで、コーディングの作業時間が大幅に短縮されました。 そして、さらにこのBootstrapでコ…

  24. WordPressの記事を管理していると、 ちょっとしたメモを残して、記事を管理したいことがあります。   例えば、クライアント様から 「この記事を削除して欲しい」 と依頼があったとき、記事を削除するのは簡単ですが、 削除ではな…

  25. WordPressのプラグインには、 様々な相性の問題もあったりして、 ここ最近、ハマった事例を紹介。 HTMLタグの自動除去を停止できるプラグイン「PS Disable Auto Formatting」 このプラグインでは、HTM…

  26. WordPressの無料テンプレートで、 「テンプレートキング」があります。 最新のレスポンシブ対応テンプレートで、 ほぼ十分なデザインだと思いますが、 個人的にメニューバーが気に入りません。 左に寄ってるんだよねぇ〜。 …

  27. http://css3.under.jp/value-unit/color/rgba.html CSSで、rgbaで色指定する場合に重宝するツールです。…

  28. ワードプレスで、簡単に予約フォームを設置できるプラグイン「MTS Simple Booking」ですが、 サーバーのPHPバージョンを、php7.0.xにしたら、管理画面でエラー表示がでたので、その修正方法。 画面に表示され…

  29. アメブロの記事の一番上に、 固定で文章やバナー画像を置きたいことがあります。   その場合は 【メッセージボード】 を利用します。 この【メッセージボード】のエリアには、 普通の文章や、HTMLソースコードを書け…

  30. (1)ターミナルで実施する方法 [crayon-5ba26018301cf524204302/] [crayon-5ba26018301d3690077899/] (2)ショートカットキーで実施する方法 …

  31. ContactForm7の入力欄は、デフォルトの設定で使うと、幅、高さともに小さいので 下記のCSSを適用して調整します。 [crayon-5ba26018303a4426779781/]…

  32. ピクセルと「センチ[cm]・ミリ[mm]」を相互変換するサービスです。 【注意】DPIによって、数値が変わりますので注意が必要です。 http://www.size-info.com/pixel/…

  33. オリジナルのWordPressを作っていたところ、 ウィジェット画面でJavaScriptが動作しないという現象に まる一日やられてしまった。 そしてついに、解決! 原因は、「アクセシビリティモード」が無効になっていたということ…

  34. ワードプレスで記事を書く時、 適度に改行を入れても、表示させてみると思ったとおりに改行されていない。 これは、WordPressの自動整形機能によるものです。 今まで「brBrbr300」というプラグインを使っておりましたが、 …

  35. 店舗系のスマホサイトでは、スクロールした時に画面の下のほうに 電話をかけるボタンが表示されると便利。 ある程度スクロールしたときに、出現するようにしてみた。   wordpressのテーマに設置する手順をメモ。 (1)foot…

  36. (1)下記のURLをクリック。 https://developers.facebook.com/tools/debug/og/object/ (2)シェアしたいアメブロ記事のURLを、「URLを入力」の欄にコピペ。 (3)「新しい…

  37. サンプルコード HTMLコード [crayon-5ba2601830760947589581/] CSS [crayon-5ba2601830764030441522/] …

  38. WordPressの管理画面の上部に表示される「ツールバー」。 サイトの表示確認の際には、 とても邪魔になることがある。 そこで、ページの下に表示されるように変更。 functions.phpに追記。 [crayon-5ba260…

  39. Bootstrapのスニペットでカルーセルのサンプルコードを貼り付けても動作しない。 色々調べていたら、 Bootstrap4とBootstrap3で、記述の仕方が変わっていることを発見。 [crayon-5ba2601830b99…

  40.  おくりん坊(250MB) http://okurin.bitpark.co.jp/【推奨】 ファイリー(500MB) http://filey.jp/ データ便(100MB) https://www.datadeli…

  41. 本文中に、ショートコードやmoreタグ、特殊文字などが含まれている場合、きれいに表示されないので、独自関数で処理します。 [crayon-5ba2601830d28400611012/] …

  42. アメブロのヘッダー画像をカスタマイズした時のメモ。 (1)アメブロにログインしたら、    右上の「設定」->アメブロ設定のブログデザイン「デザインの変更」をクリック。 (2)適用中のデザインが「CSS編集…

  43. 「あなたのApple IDのセキュリティ質問を再設定してください」 という件名のメールで来るフィッシングメールが出回っている。 メール本文は以下のようなもの。 この問題を解決するには こちら の部分をクリックすると、 以下のよう…

  44. Macでは【Homebrew】というパッケージ管理ソフトを使って【ffmpeg】をインストールする。 以下のコマンドをターミナルで入力実行。 /usr/bin/ruby -e "$(curl -fsSL https://raw.gi…

  45. WordPressで一覧表示する件数は、 管理画面で変更できますが、 設定は一つしか出来ません。   例えば、トップページに表示するときには10件、 アーカイブページで表示するときには30件など のように、分けることはできません…

  46. サイトのキャプチャを撮るための、 とても使い勝手のよいプラグインを見つけましたので ご紹介を。 今までは、 サイトをキャプチャするプラグインといえば 「FireShot」を利用していましたが、 キャプ…

  47. 2017年9月12日、「WordPress」のプラグイン「Welcart(1.9.3以前)」にて 緊急性の高いセキュリティ上の問題(脆弱性)が確認され、 プラグイン提供元より脆弱性対策の施された修正版(Welcart 1.9.4…

RETURN TOP