WP Google Mapsのproとbootstrap3の不具合

地図に使うワードプレスのプラグインWP Google MapsのPro add-onとbootstrap3を両方を一緒に使うと不具合があることが分かった。
bootstrapでサイトを作り、固定ページでWP Google MapsのPro add-onを使うと、
地図にadd makerのマーカーが表示されない。
原因は、jquery.min.js。
bootstrap3で使用するjquery.min.jsは1.11.3で、これが邪魔してしまうようだ。
なので、jquery-migrate-1.2.1.min.jsも一緒に付け加えること。

get_comment_metaの使用法

get_comment_meta の使用法。


get_comment_meta( int $comment_id, string $key = '  ', bool $single = true or false )

第一引数でコメントIDを指定。
第二引数でコメントメタ情報のキー名を指定。
第三引数で同じキー名がある場合、最初に見つかった値を取得する場合はtrue、すべての値を配列で取得する場合はfalseを指定(省略時はfalse)

上記の図のget_comment_metaで下記の図のように出力する。

【参考サイト】
http://elearn.jp/wpman/function/get_comment_meta.html

wordpressコメント項目の追加の仕方

wordpressコメント項目の追加の仕方。

【参考サイト】
http://satohmsys.info/wp_list_comments_custom/

上記の真似をすればよいが一点違ってた。

入力してくれた値を表示する際、


  $age = get_comment_meta( get_comment_ID(), 'commenterAge');

となっているのを


  $age = get_comment_meta( get_comment_ID(), 'commenterAge', true);

とすること。trueを入れる。

【参考サイト】
http://elearn.jp/wpman/function/get_comment_meta.html

上記も参照のこと。

android5.1でchromeを使うときに出るエラー表示

yahoo

グーグルタブレット、nexus7でヤフースポーツのサッカーを見ていたら、得点の部分がいつもとなんか違う表示。
本来なら消えているリストが表示されているんです。
解決方法として、font-familyにarialを入れるとリストが消えてくれます。

でも、android携帯では出力しないエラーなんですね。
os、android4.2だとリストが消え、android5.1だとリストが出力するけど、
chromeが悪さをしている可能性があり、詳しい原因は分かりませんでした。

WordPressツールバーを非表示にする

WordPressツールバーを非表示にする方法を忘れていたので、メモ書き。

【参考サイト】
http://www.02320.net/wp_admin_bar_to_the_bottom/

上記サイトに書かれているとおり。

  1. ユーザーからあなたのプロフィールをクリック。
  2. ツールバーのサイトを見るときにツールバーを表示するのチェックを外す

簡単なことだからこそ、忘れてました。。。

簡単にカルーセルが設置できるbxSliderの使い方

サイトにスライドショーを簡単に設置できるjQueryのカルーセルはないか、探してみました。
そして、見つけたのが、bxSlider。

【参考にしたサイト】
bxSliderの本家サイト、ダウンロードしてくるのに必要。
http://bxslider.com/

jQuery.min.jsの最新版が必要なので、下記サイトで確かめる。
https://developers.google.com/speed/libraries/devguide#jquery

bxSliderの使い方が書いてあるサイト。
http://edge.sincar.jp/web/jquery%E3%82%AB%E3%83%AB%E3%83%BC%E3%82%BB%E3%83%ABbxslider/

但し、bxSliderを使うと画像がずれることが分かった。
右にずれるのを修正するには、


.bx-wrapper .bx-viewport {
    left: 0px;
}

だけでよかった。

XAMPPでwordpress、二個目の環境を作る

windowsでxamppのソフトを入れ、wordpressのローカル環境を作っているが、
二個目の環境を作るときの流れ。

  1. Mysqlのデータベースを新規に作る
  2. wp-config.php内のwordpressのためのデータベース名を変更する

これで新しいデータベースに接続できる。
wp-config内のwordpressのためのデータベース名を変えることによって、
元のwordpressに繋ぐこともできるし、新規のwordpressに繋ぐこともできる。
しかし、元のwordpressに繋ぐとobject not foundのエラーが出力。

【参考サイト】
http://webshufu.com/object-not-found-after-setting-wordpress-on-xampp/

その場合の解決法として、

  • パーマネントリンクの「変更を保存」ボタンをクリックする

特にパーマネントリンクを変更する必要はなく、
「変更を保存」ボタンをクリックするだけでよかった。
私の開発環境では.htaccessを使ってないので、ありません。

wordpressのタグフォントの大きさを一律にする方法

worpressのタグのフォントは使えば使うほど大きく表示されるが、
それが嫌だったので、一律の大きさになる方法。

function.phpに


add_filter('widget_tag_cloud_args','set_tag_cloud_sizes');
function set_tag_cloud_sizes($args) {
$args['smallest'] = 12;
$args['largest'] = 19;
return $args; }

を記述すること。
smallestとlargestの数字を同じにすると、フォントの大きさも同じになる。

詳しくは下記リンク先参照のこと。
http://wordpress.org/support/topic/how-to-change-tag-cloud-font-size-in-twenty-twelve-theme