カテゴリー:制作編

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

    • 子テーマ内のphpのincludeについて はコメントを受け付けていません。
  2. お客様からの要望で、 WordPressから問い合わせがあったメールを、 一覧で見られるようにしてほしいという話がありました。 最初は、フォームメーラーなどの外部のサービスを検討していましたが、 ContactForm7関連のプラグ…

    • ContactForm7のメールをデータベースで管理したい はコメントを受け付けていません。
  3. 常時SSL化が時代の流れになってきているので、 私が管理させていただいているドメインは、 「常時SSL」対応にさせていただいております。 しかし、先日WordPressで作成したサイトで 困ったことが起きたのでメモ。…

    • Really Simple SSLで困ったこと はコメントを受け付けていません。
  4. ショートコードを使うと、投稿内、固定ページ内の任意の場所にテンプレートを呼び出すPHPコードを挿入することができます。 [crayon-5b75a528273ed364323223/] このテンプレートを呼び出すときには、 記…

    • WordPressのショートコードで任意のテンプレートを呼び出す はコメントを受け付けていません。
  5. 複雑なtableを組むときには、とても便利です。 https://tabletag.net/ja/…

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

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

    • ContactForm7でぐるぐるが止まらない件 はコメントを受け付けていません。
  8. 通常、WordPressのHタグでは、改行コードを入れても無視されてしまいます。 でも、どうしても見栄え上、改行を入れたいときに使えそうです。 [crayon-5b75a528275b5478191562/] Hタグのタイトルは、以下…

    • Hタグのタイトルを改行したい はコメントを受け付けていません。
  9. javascriptでカレンダーを作成した際に、 内側にborderを入れたい場面が出てきまして。 cssで対処できました。 [crayon-5b75a528277bc741481559/] 上記の記述を、該当要素のcssに追加すれ…

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

    • WordPressの記事内にメモできるプラグイン「Simple Post Notes」 はコメントを受け付けていません。
  11. WordPressのプラグインには、 様々な相性の問題もあったりして、 ここ最近、ハマった事例を紹介。 HTMLタグの自動除去を停止できるプラグイン「PS Disable Auto Formatting」 このプラグインでは、HTM…

    • プラグイン「PS Disable Auto Formatting」で、ビジュアルモードが使えなくなる件 はコメントを受け付けていません。
  12. WordPressの無料テンプレートで、 「テンプレートキング」があります。 最新のレスポンシブ対応テンプレートで、 ほぼ十分なデザインだと思いますが、 個人的にメニューバーが気に入りません。 左に寄ってるんだよねぇ〜。 …

    • メニューバーを均等にするWordPressカスタマイズ はコメントを受け付けていません。
  13. ワードプレスで、簡単に予約フォームを設置できるプラグイン「MTS Simple Booking」ですが、 サーバーのPHPバージョンを、php7.0.xにしたら、管理画面でエラー表示がでたので、その修正方法。 画面に表示され…

    • MTS Simple Bookingプラグインでphp7.0.xだと管理画面にエラーが出る件 はコメントを受け付けていません。
  14. ContactForm7の入力欄は、デフォルトの設定で使うと、幅、高さともに小さいので 下記のCSSを適用して調整します。 [crayon-5b75a5282799c905950180/]…

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

    • WordPressのアクセシビリティモードとは? はコメントを受け付けていません。
  16. ワードプレスで記事を書く時、 適度に改行を入れても、表示させてみると思ったとおりに改行されていない。 これは、WordPressの自動整形機能によるものです。 今まで「brBrbr300」というプラグインを使っておりましたが、 …

    • ワードプレスの改行問題、プラグインで解決と思いきや!! はコメントを受け付けていません。
  17. 店舗系のスマホサイトでは、スクロールした時に画面の下のほうに 電話をかけるボタンが表示されると便利。 ある程度スクロールしたときに、出現するようにしてみた。   wordpressのテーマに設置する手順をメモ。 (1)f…

    • スマホで表示した時にフッターに電話をかけるボタンを表示させたい はコメントを受け付けていません。
  18. (1)下記のURLをクリック。 https://developers.facebook.com/tools/debug/og/object/ (2)シェアしたいアメブロ記事のURLを、「URLを入力」の欄にコピペ。 (3)「新しい…

    • Facebookでアメブロの記事をシェアした時に、プロフィール写真になってしまう はコメントを受け付けていません。
  19. サンプルコード HTMLコード [crayon-5b75a52827db4727361192/] CSS [crayon-5b75a52827db9107861233/] …

    • リストdl,dt,ddで、table表組みをcssで実現する はコメントを受け付けていません。
  20. WordPressの管理画面の上部に表示される「ツールバー」。 サイトの表示確認の際には、 とても邪魔になることがある。 そこで、ページの下に表示されるように変更。 functions.phpに追記。 [crayon-5b75a5…

    • WordPressのツールバーは、下に表示してスッキリ! はコメントを受け付けていません。
  21. Bootstrapのスニペットでカルーセルのサンプルコードを貼り付けても動作しない。 色々調べていたら、 Bootstrap4とBootstrap3で、記述の仕方が変わっていることを発見。 [crayon-5b75a5282812c…

    • Bootstrap4でcarouselが動かない原因 はコメントを受け付けていません。
  22. 本文中に、ショートコードやmoreタグ、特殊文字などが含まれている場合、きれいに表示されないので、独自関数で処理します。 [crayon-5b75a528282a8819072511/] …

    • WordPressの本文抜粋を整形するオリジナル関数 はコメントを受け付けていません。
  23. アメブロのヘッダー画像をカスタマイズした時のメモ。 (1)アメブロにログインしたら、    右上の「設定」->アメブロ設定のブログデザイン「デザインの変更」をクリック。 (2)適用中のデザインが「CSS編集…

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

    • 一覧ページの表示件数を、ページによって個別に設定する はコメントを受け付けていません。
  25. 2017年9月12日、「WordPress」のプラグイン「Welcart(1.9.3以前)」にて 緊急性の高いセキュリティ上の問題(脆弱性)が確認され、 プラグイン提供元より脆弱性対策の施された修正版(Welcart 1.9.4…

    • 【重要】WordPressのプラグイン「Welcart(1.9.3以前)」における緊急性の高い脆弱性について はコメントを受け付けていません。
  26. Facebookの動画をパソコンに保存しておきたい場合があります。 そんな時は、以下のサービスを使うと可能です。 ただし、公式のサービスではないため、いつ終了するかわかりませんのであしからず。 http://www.downloa…

  27. 自分のサイトに、 Facebookのコメントをコンテンツとして埋め込みたい場合に 「コメントプラグイン」を使います。   使い方は、こちらのリンクで確認することができます。 手順はとても簡単。コピペでいけます。 &nb…

  28. ウェブサイトの動作確認テストを行っていたところ、 「このwebサイトから自動的に電話をかけることは禁止されています。」 という表示が出ました。 (さらに…)…

    • [iPhone]このwebサイトから自動的に電話をかけることは禁止されています。 はコメントを受け付けていません。
  29. WordPressの問合せフォームを作成する上で欠かせないのが、 「Contact Form 7」。 このプラグインで、メール送信した際に 送信元の名前が文字化けしてしまう件があったのでメモ。 送信元は、 [your-nam…

    • Contact Form 7で送信元名が文字化け はコメントを受け付けていません。
  30. このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード …

    • 保護中: full calendar メモ はコメントを受け付けていません。
  31. youtube動画の埋め込みを、レスポンシブ対応させる場合のCSSです。 [crayon-5b75a528287c0425529843/] 埋め込むyoutubeのコードは、 [crayon-5b75a528287c4…

    • Youtubeの埋め込みをレスポンシブ対応するCSS はコメントを受け付けていません。
  32. プラグイン「TinyMCE Advanced」を使うと、 編集が楽になるので、私も愛用しております。 フォントサイズも 「8px 10px 12px 14px 16px 20px 24px 28px 32px 36px 48p…

    • STINGERを使っていると、TinyMCE Advancedのフォントサイズが反映されない はコメントを受け付けていません。
  33. ワードプレスの編集画面では、 文章中の連続改行が自動整形されるので、 思うどおりに表示できないことがあります。 (改行がなくなる) そのような時には、 プラグイン「TinyMCE Advanced」を導入します。 プラグ…

    • WordPressで改行がうまく表示できない場合 はコメントを受け付けていません。
  34. 現在、PHPプログラムで、日本語PDFを出力するライブラリを作成中。 日本語処理で必要だったので、以下にメモ。 【手順】 (1)TCPDFをダウンロードする(⇒ http://sourceforge.net/projects/tc…

    • PHPで日本語PDFを出力するプログラム はコメントを受け付けていません。
  35. http://blog.re-sta.com/?p=292 [crayon-5b75a52828a25004608896/] …

    • CSS3で斜線・ストライプで背景装飾 はコメントを受け付けていません。
  36. ゴシック系 [crayon-5b75a52828e93016519212/] 明朝系 [crayon-5b75a52828e98091709512/] …

    • おすすめフォントファミリー はコメントを受け付けていません。
  37. WordPressの記事内に、PDFファイルを埋め込み閲覧も可能にするというプラグインです。 記事編集の画面で、「メディアを追加」ボタンを押し、挿入したいPDFファイルを選択すると、 簡単に貼り付けることができます。 ビュワーも付いて…

    • 記事内にPDFを表示するプラグイン「PDF Embedder」 はコメントを受け付けていません。
  38. WordPressには、 「wp-config.php」という超重要なファイルがあります。 データベースの接続設定などが記載されているので、 このファイルは外部から見られない、変更させないことが絶対必要です。 その方法は2つ…

    • WordPressの超重要ファイルのアクセス権限を変更して、web改ざんに備える はコメントを受け付けていません。
  39. <子テーマの作成手順> (1)新しいフォルダ「twentyfifteen-child」を作成。 (2)フォルダ内似、以下の2つのファイルを作成。 style.css functions.php (3)style.cssの編集 …

    • WordPressで子テーマを作る手順(twentyfifteen テーマを例に) はコメントを受け付けていません。
  40. ビジュアルエディターをカスタマイズされている方は多いと思いますが、 テーマ直下に、functions.phpとeditor-style.cssを置くのがよく知られています。 しかし、この方法だと、テーマが変わるとfunctions.…

    • ビジュアルエディターをパワーアップ!オリジナルCSSをボタンで はコメントを受け付けていません。
  41. 以下をfunctions.phpに記述します。 [php] if (!current_user_can('edit_users')) { function remove_extra_meta_boxes() { …

    • 投稿画面の要らないボックスを消す はコメントを受け付けていません。
  42. WordPressのサイトで、サイドバーに以下のようなリンクをよく見かけます。 その貼り付け方を紹介。 「ページプラグイン」を利用する facebookの ページプラグイン というサイトで、自分が表示させたいページのソースコー…

    • facebookをWordPressのサイドバーに表示させたい はコメントを受け付けていません。
  43. Facebookで相手とお友達のまま、 自分の投稿を閲覧させない方法です。 <手順> (1)Facebookの「設定」から、「ブロック」を選び、 「ブロックリストを管理」のページに移動して、 「制限リスト」の欄の「リストを編集…

    • FB友達のまま、自分の投稿を閲覧させない方法 はコメントを受け付けていません。
  44. mp4の動画をyoutubeを使わず、 自分のサーバーに直接アップロードしたい場合があったので、 そういうWordPressのプラグインを探していました。 「FLV Embed」プラグインを使うと、 簡単に実現できましたので、 …

    • youtubeを使わず、mp4ファイルをWordPressに埋め込む方法 はコメントを受け付けていません。
  45. WordPressで、月が変わったら自動でバナー画像を切り替えるプログラムがあったら楽だなと思い、 プログラムも簡単なので作成しました。 準備として、あらかじめ1月から12月までの12個のバナーを作成しておきます。 画像フ…

    • 月が変わったら、自動でバナーの画像を切り替えるショートコード はコメントを受け付けていません。
  46. パソコンとスマホの画面では、 表示幅が異なるので、 パソコンで改行したい箇所が スマホでは改行したくないことが あります。 そのような場合の対処法について。 cssで「display:none」を設定します。 HTML…

    • レスポンシヴwebデザインでの改行位置を変更したい場合 はコメントを受け付けていません。
  47. 古いバージョンのjQueryでないと動作しないプラグインなどがある場合、 WordPress内のjQueryを読み込んでしまうと、 動作しない場合があります。 このような場合、 header.phpに以下のコードを追加してみまし…

    • wp_head でjQueryを読み込ませないようにする方法 はコメントを受け付けていません。
  48. WordPressの記事で、 1ページがすごく長い時に分割して表示すると、 ページの読み込み時間が短縮できて、 閲覧者のストレスを軽減できます。 使い方は、 <!--more-->  と同じように、 分割したい…

    • 投稿記事を複数ページに分割する はコメントを受け付けていません。
RETURN TOP

記事の編集ページから「おすすめ記事」を複数選択してください。