MapPress Easy Google Maps が表示されないときの対処法

, ,
Pocket

結構お世話になっている、MapPress Easy Google Maps。Pro版も何度か使いましたが、あるサイトでmapが表示されず焦ったので備忘録。

現象

枠だけでて表示されない。↓こんな感じです。

mappressが表示されない

確認事項

まず、確認ですがgoogle mapを表示させるためには、API登録が必要になってます。サイトの登録ミスやキーのミスがないか確認します。まぁ、ここにミスがあると記事へ挿入段階でうまくいきませんが・・。

やったこと

googlemapの呼び出しだけうまくいってないようでしたので、googlemapそのものはjavascriptで呼び出しているので、その確認をします。

MapPressの設定画面を見てみると、ありました。「Output scripts in footer」と。scriptをヘッダーではなくfooterで呼び出しているんですね。

Output scripts in footer

スクリプトの順番のせいかな~。これで解決とチェックを外して確認すると、まだ表示されない・・どうしましょ。

 

あれこれやる前に基本に戻ってちょっと考えます。

プラグインが正しく動かない場合は・・・他のプラグインを止めてみます。

MapPress Easy Google Mapsと相性の悪いプラグイン

僕の場合は以下でした。

  • Head Cleaner

とりあえず、停止で対応しちゃいました。

慌てる前に冷静に基本的なことを考えないとですね。

他にもあったら教えてください。

Pocket

slick.jsがタブ切り替えやモーダルで不具合

,
Pocket

Pocket

マウスオーバーした画像をメインの画像と差し替えて大きく表示

, ,
Pocket

画像がたくさん並んでいると、クリックして拡大するのは面倒だし、ぱっと大きい画像を表示したいことってよくありますよね。

色々な方法があるのですが、シンプルな方法がみつかりましたので、備忘録です。

jqueryを使うので読み込み忘れないようにしてください。

準備(HTMLとCSS)

メイン画像とサムネイル画像を表示します。

#mainImage の中に画像をメイン画像を設定します。

サムネイル画像は #imageList の中です。

HTML

 
<div id="mainImage">
<img src="sample1.jpg" />
</div>

<div id="imageList">
<ul>
<li><img src="sample1.jpg"></li>
<li><img src="sample2.jpg"></li>
<li><img src="sample3.jpg"></li>
<li><img src="sample4.jpg"></li>
<li><img src="sample5.jpg"></li>

</ul>

</div>

CSS

画像を差し替えるって所がポイントなので、メインの画像と同じサイズの画像をサムネイル画像にセットします。

どんなサイズでもいいんですが、


#imageList img { width:サムネイルの大きさ; height: サムネイルの大きさ; object-fit: cover;}

なんて感じで設定すると、比率が変わらず小さくなるので、便利かと思います。

javascript


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
 
    // 「imageList」内の「img」をマウスオーバーした場合
    $('#imageList img').hover(function(){
 
        // マウスオーバーしている画像をメインの画像に反映
        $('#mainImage img').attr('src', $(this).attr('src'));
 
    });
 
});
</script>

これで、サムネイル画像をマウスオーバーするとメイン画像が切り替わります。

Pocket

管理者権限ユーザーをphpmayadminから追加

Pocket

Pocket

wordpressのPOTファイルが更新された場合

Pocket

テーマのアップデートなどで、既に言語ファイルがあるが、元のPOTファイルが更新された場合の対応方法です。

  1. Poeditを起動して、メニュー[ファイル]-[開く]を選択。
  2. 翻訳済みのPOファイル(旧バージョン)を選択して「開く」を押す。
  3. [カタログ]-[POTファイルを元に更新します]を選択。
  4. 新しくなったPOTファイルを選択して「OK」を押下。

以上で完了。

簡単でよかった。

Pocket

Contact Form7 404エラー

,
Pocket

いままで諸問題でCGIのフォーム+wordpressで運用していたサイトを、余計な管理が増えないように、

WordPressだけで完結するよう、CGIのフォームをContact Form7に移行することにしました。

なぜかContact Form7が404エラー

既存のフォームをContact Form7にし、送信すると404エラーとなってしまいました。

試しにデフォルトの状態のフォームを作り、テストページに設置すると、きちんと動きます。

?なんだろう??

原因と解決方法

解決方法は単純で、入力項目に[name]を使っていたことでした。

nameはwordpressのクエリーに使用されているので使ってはいけないとのことです。

皆様気を付けましょう

オフィシャルのFAQ

Pocket

wordpress php 動かない

Pocket

お客様からのご依頼で、heteml(ヘテムル)からさくらインターネットにwordpressの移行を行っていたのですが、

なぜか、移行したwordpressが動かない・・・

ソースが表示されてしまう。

試しにクイックインストールや、手動でもほかのディレクトリにインストールすると動く・・

試しにwordpressがあるディレクトリにアップしてみたphpinfo();も動かない・・?

なんだなんだ~?って慌ててたら単純なことでした・・

wordpressがあるディレクトリ内の.htaccessに、

AddHandler php5.4-script .php

の記載があり、これを削除(コメントアウトでも可)してあげればよかっただけでした。

無駄に慌てて損したので、皆様同じようにハマらないように記載しておきます。

 

Pocket

GmailにCPIで取得した独自ドメインメールを設定する方法

,
Pocket

Pocket

Multi Plugin Installer – 複数のプラグインを一括してインストールできるwordpressプラグイン

,
Pocket

Multi Plugin Installerは、複数のWordpressプラグインを一括してインストールできるプラグインです。

新規サイトを立ち上げたときなど、いつも同じようなプラグインをインストールするので、こちらのプラグインを利用するとウェブサイトの構築がだいぶ捗ります。

しかも、このプラグインは設定データをインポート&エクスポートできるし、テキストでプラグイン名を入れるだけでもインストールできるの非常に便利なプラグインです。

活用して時短を図りましょう!

はじめに

このプラグインの良いところ

  1. 複数のWordPressプラグインを同時に一括してインストールできる。
  2. プラグインの一括インストール方法は4パターンある。
    プラグインの名前、ZIPファイルのURL、自分のPC上のデータ、設定データを登録してインストールします。
  3. 設定ファイルをインポート&エクスポートできる。
  4. プラグインのデータのバックアップ機能がある。

インストール方法

管理画面から検索してインストールして下さい。または、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「Multi Plugin Installer」で検索する。
  2. WordPress.org からダウンロード

プラグインの使い方

管理画面から一括してプラグインをインストールできます。

管理画面

プラグインの管理画面はダッシュボード左のメニューバーにあります。

WordPress管理画面 > Multi Plugin Installer

プラグイン一括インストール画面

Multi Plugin Installerの、プラグイン一括インストール方法は4パターンあります。ほとんどの場合、プラグインの名前でインストールされるかと思います。

下記画像の通り、一番大きいスペースに、インストールしたいプラグインのリストを入力し、「Install&Activate Plugins」をクリックすると、インストールして有効化してくれます。

20150527-02

 

インストールの進行状況と結果

通常のプラグインのインストールとほぼ同じ画面が表示されます。既にインストールされているプラグインがある場合はエラーになり、重複してインストールされることはありません。

また、キチンと調べた訳ではありませんが、Wordpressの公式Plugin Directoryにないプラグインは、名前ではインストールできないようです。

まとめ

Multi Plugin Installerは、複数のWordpressプラグインを一括してインストールできる非常に便利なプラグインです。

新規サイトを立ち上げたときなど、いつも同じようなプラグインをインストールするので、こちらのプラグインを利用するとウェブサイトの構築がだいぶ捗ります。

ただ、一回利用したら、継続して使うことはないかと思いますので、利用後は停止、できれば削除しておきましょう!

最後までお読み頂き、ありがとうございます。

もし役に立ったなーと思われたら、ソーシャルメディアでこの記事を共有してください!

Pocket

WordPressの「Contact Form 7」プラグインの特別なメールタグ

,
Pocket

wordpressでのウェブサイト構築時にほぼ100%と言っていいくらい、フォームには「Contact Form7」というプラグインを利用させていただいてます。

今回、ページごとに問い合わせフォームを設置し、件名を「【ページタイトル】についてのお問い合わせ」という形で送信したくて、調べてみました。

特別なメールタグ

公式サイトのTipsの項目に用意されていました。

コチラはメールタグなので、メールでのみ表示されます。

タグ 説明
[_remote_ip] このタグは送信者の IP アドレスで置換されます。
[_user_agent] このタグは送信者のユーザーエージェント情報で置換されます。
[_url] このタグはコンタクトフォームの URL で置換されます。
[_date] このタグは送信された日付で置換されます。
[_time] このタグは送信された時刻で置換されます。
[_post_id] このタグはコンタクトフォームを含んだ投稿の ID で置換されます。
[_post_name] このタグはコンタクトフォームを含んだ投稿の名前(スラッグ)で置換されます。
[_post_title] このタグはコンタクトフォームを含んだ投稿のタイトルで置換されます。
[_post_url] このタグはコンタクトフォームを含んだ投稿のパーマリンクで置換されます。
[_post_author] このタグはコンタクトフォームを含んだ投稿の作成者の名前で置換されます。
[_post_author_email] このタグはコンタクトフォームを含んだ投稿の作成者のメールアドレスで置換されます。

上記のタグをメール本文に貼り付けます。

20150312-02

メールが送信されると、メール本文に情報が表示されます。

特別メールタグの利用時の注意点と問題

特別なメールタグは、Contact Form 7 が「投稿」または「ページ」の本文で設置される場合でのみ有効で、ウィジェットの中に設置された Contact Form 7 のフォームでは利用できない、という点で注意が必要です。また、カスタム投稿タイプでも利用できませんでした。

実は、今回のこのサイトの事例ページで利用したかったのですが、まだ実装できてません。時間が取れたときに再チャレンジしようと思います。

Pocket

ショップサーブのwordpress home url 編

,
Pocket

自社で運営している「香水専門店コスメ百貨」はEストアーショップサーブという通販システムを利用しています。

コンテンツを拡充させるためにwordpressオプションサービスを利用することにしました。

管理画面の通知をもらい、ログインしいつも利用しているテーマをインストールしてパーマリンク設定をすると、ホームへのリンクが「http://cosmehyakka.com/info/vol1/HTTP/c/cosmehyakka.com/docs/info」となってしまう。

次の事を試してみました。

  1. 設定>一般設定 より、サイトアドレスの変更
    変更が反映されず、改善せず。
  2. .htaccessの設定
    パーマリンクを設定変更するとwordpress内に.htaccessを生成されるはずだが、生成されず、FTPでアップしても消えてしまう。
  3. サポートに電話
    サポートに電話したが、wordpressには詳しくないし、サービスの内容はwordpressをインストールして利用できるようにするだけだから、と一蹴。
    (だったら自由に設置できるようにさせてくれればいいのにと思うが・・)

諸々調べてみると、ショップデータがあるディレクトリに新たに「info」というディレクトリがあり、その中に.htaccessを置いていてリダイレクトするようになっていました。

.htaccessの設定を追加・編集すれば現在のままでも解決できたと思いますが、デフォルトテーマに切り替えてみたところ、問題なく表示されたので、その差を調べると、トップページへのリンクが利用しているテーマが「home_url();」となっておりデフォルトのテーマは「home_url(‘/’);」とパスを追加してありました。

利用するテーマも「home_url(‘/’);」に変更したところ、無事解決。

今回のまとめ

たしか「/」は省略可能だと思ったけど、とりあえずショップサーブでのwordpress運用では、home_url(‘/’);と記載すること。

 

 

 

 

Pocket

moファイルからpoファイルを作る

Pocket

通常はpoファイルから「Poedit」を使ってwordpressの翻訳をしているのだけれど、今回moファイルからpoファイルをつくりたかったので、調べてみました。

簡単にコンバートできるサービスがあったので備忘録として記載しておきます。

Online Tools for WordPress Developers

ほかにも、png やjpegを最適化してくれるようです。

 

 

Pocket