AddQuicktagとWP SyntaxHighlighterの共存をあきらめ、AddQuicktagとSyntaxHighlighter Evolvedを使う事にした

 WordPressのプラグインのお話です。

 プラグイン「WP SyntaxHighlighter」を有効化していると、記事作成時に便利な「AddQuicktag」が表示されない…(>_<)

 あんまりソースコードが多くないので、泣く泣く「WP SyntaxHighlighter」をずいぶん前に無効化してました。

 そろそろ、なんとかしないとなぁ〜と思っていた時に、「SyntaxHighlighter Evolved」を見つけ、早速インストールし有効化してみました。

 すると…

どっちも、ちゃんと動作してるよ!

 というわけで、「SyntaxHighlighter Evolved」を使う事にしました。

【参考サイト】
これは便利!「AddQuicktag」で WordPress の更新作を効率化!【使い方】 | MD.WEBLOG |

AddQuicktag « WordPress Plugins

SyntaxHighlighter Evolved « WordPress Plugins

WordPress 3.5.2にアップデートしたら、WP To Topが動いていない模様?

 昨夜、WordPress 3.5.2にアップデートした所、プラグイン「WP To Top」が動作していない模様です。

 と思ったのですが、どうもiPhone5で表示されていないようです。
 Mac OSX 10.7.5 Safari 6.0.5においては、表示されます。他の環境ではわかりかねますが、どうもiPhone5だけの問題のようです。
 iOS6.1.4では、SafariとChromeともに表示されてません。

 とりあえず、このまま様子を見ます。

《6/25追記》
 iOS版Chromeでは、表示されました。

《6/26追記》
 iOS版Safariでも、表示を確認しました。
 あれ?いったいなんだったんだろう?読み込むタイミングによるのかな?

WPtouchにFacebookコメントを表示させたいんだけど…

 調子に乗って「WPtouch」のテーマに、Facebookコメント欄を表示させてしまおうと、Facebookコメント作成手順に従いコードをそれぞれ適切な場所にコピペしていざ、表示をされてるかな?と、見てみると…

対策前
なんじゃこりゃ?ってな具合に、延々と余白が…(>_<)。

 こりゃ、なんとかしなきゃと、ソースとにらめっこ。
 ところが、まったくもってうまくいかない。

 というわけで、Google先生に聞いてみよう。

 というわけで、次のサイトを発見!

ブログに設置したFacebookコメントをスマホで見るとやたら余白が発生する問題に対応する方法 | jMatsuzaki

サイトに設置したFacebookのコメント欄をPCの時だけ表示してスマートフォンでは出さないJavaScriptのコード – 頭ん中

 どうやら、Facebook側のバグっぽいですね…。

 そして、Facebook側が対応したときの為に簡単に戻せるようにと、 jMatsuzakiさんの方法で対応することにしました。
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="300" data-num-posts="5"></div>

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="600" data-num-posts="5" mobile="false"></div>
…とこのように mobile=”false”を付け加えるだけなんですよ(爆)。

 そして、表示を確認してみると…
対策後
 無事に表示された!
 けど、PCの表示とちと違うな…。でも、まぁ無駄な余白が無くなったからこれで良いか(笑)。
 あと、欲を言えばSNSボタンをスマートフォンで押しやすいようにしたいなぁ…。

※ 5/18日現在、PCの表示とほぼ同じになってました。

WPtouchのカスタマイズ(僕流(笑))

※ 追記しました。

 ワードプレスのプラグイン[WPtouch]を使用しているのですが、デフォルトの表示がいまいちなんでちょこっとカスタマイズしてます。
 具体的には…

  1. 各ページの日付書式
  2. シングルページのSNSボタン追加
  3. メニューボタンの表示
  4. 関連記事 (YARPP) を表示
  5. Amazonを表示
 …の2つ5つです。

 以後もっと増えるかもしれませんけど、現状ではこんな感じ。
続きを読む

SNSボタンとOGP

 今まで、SNSボタンとOGPはプラグインで対応していましたが、どうもうまくないみたいなので、本格ビジネスサイトを作りながら学ぶ WordPressの教科書を参考に、プラグインに頼らない方法に変更。

 SNSボタンとOGPのテンプレートを作り、各ページテンプレートから読み込ませるといった方法です。
 ですので、テーマを変更した際は、これらのテンプレートを読み込ませるように追記しないとなりません(この辺り、自分へのメモ)。

…と、書くとあまり苦労しないで設置出来たかのようですが、本格ビジネスサイトを作りながら学ぶ WordPressの教科書単体では、解決出来ない問題もあり、Googleで検索して解決しました。
 何処のページだか失念してしまいましたが、「ワードプレス OGP」とかで検索すれば、わんさかと出てきます。
 プラグインを使う方法もたくさん出てきますが…。

 というわけで、プラグイン[WP Social Bookmarking Light]と[WP-OGP]を使用しないで良くなりました。
 ついでに、アイコン類も変えてます(笑)。ま、自己満足ですが…(^ー^;A

 ま、なにはともあれうまく設置出来て良かった、良かった。

続きを読む

iPhone 4でのLightbox表示不具合

 iPhone 4で下の様な表示不具合が発生。
表示不具合

表示不具合

←こんな感じで、いつまでも読み込み中みたいな感じになる。


 原因は、恐らくiPhone等のスマートフォン表示に使用しているプラグイン[WPtouch]と、ライトボックスプラグイン[wp-jquery-lightbox]との相性の問題であろうと推測。

 プラグイン[wp-jquery-lightbox]の使用を停止し、替わりにプラグイン[Simple Lightbox]をインストールし有効化してみたところ、表示不具合は改善したが、画像が画面をはみ出してしまう…(>_<)。

 プラグイン[wp-jquery-lightbox]は画面サイズに合わせて表示してくれるので、iPhone 4で見ても見やすかったのに…(>_<)。

 ま、とりあえずはこんなところで原因究明は、終わりにして様子を見ようかと…。

Amazonで[ワードプレス プラグイン]で検索

ワードプレスのプラグイン

 現在使用中&保留中のプラグイン。自分用にメモφ(.. )。

AddQuicktag

 投稿編集画面のエディタに、任意のボタンを増やすプラグイン。
 何気に便利♪

Akismet

 ワードプレス標準のスパム対策プラグイン。

Auto Post Thumbnail

 記事のサムネイル画像を自動で挿入してくれるプラグイン。
 現在、保留中

brBrbr

 改行分だけスペースを空けるプラグイン。
 現在、保留中

Breadcrumb NavXT

 パンくずリストを表示するためのプラグイン

Broken Link Checker

 サイト内のリンクが切れていることを通知してくれるプラグイン
 現在、保留中

Custom-More-Link-Complete

 ワードプレスで記事にを記述した際に表示されるmoreリンク・・・「続きを読む」のリンクをカスタマイズできるプラグイン。
 現在、保留中。

Exec-PHP

 投稿記事内で PHP を実行させるプラグイン。

External Links

 外部リンクの右側に、外部リンクを表す画像を自動で入れてくれるプラグイン。

Google XML Sitemaps with Multisite support

 検索エンジン用サイトマップの sitemap.xml を作成するプラグイン。

Hot Linked Image Cacher

 画像をキャッシュして直リンクを防止してくれるプラグイン。

Ktai Style

 日本の携帯電話対応 (5キャリアおよびスマートフォン対応) にするプラグイン

My Category Order

 カテゴリーの順序を入れ替えるプラグイン。

PS Auto Sitemap

 WordPressで作成したサイトのサイトマップを自動表示させるためのプラグイン。

PS Disable Auto Formatting

 WordPressのエディタの「ビジュアルモード」と「HTMLモード」の切り替えの自動整形を無効にしてくれるプラグイン。

Revision Control

 リビジョンをコントロールできるようにするプラグイン。

Simple Tags

 タグ管理・タグ活用など、タグ機能を強化するプラグイン。

Smart Update Pinger

 Pingの処理をカスタマイズできるプラグイン。

Thesography

 EXIF データを表示するプラグイン。

Twitter Digest

 TwitterでTweetしたもののまとめをエントリーとして表示するプラグイン。

WordPress Popular Posts

 人気記事を表示してくれるプラグイン。

WordTwit

 ワードプレスに投稿した際に自動でツイートしてくれるプラグイン。

WP-DBManager

 WordPressで使用するデータベースを簡単にバックアップしてくれるプラグイン。

wp-jquery-lightbox

 画像をライトボックス表示にするプラグイン。

WP-OGP

 WordPressでOGPを実装させるプラグイン。

WP-PageNavi

 ページナビゲーションを拡張してくれるプラグイン。

WP Multibyte Patch

  WordPress のマルチバイト文字の取り扱いに関する不具合の累積的修正と強化を行うプラグイン。

WP Social Bookmarking Light

 Wordpressに各種のソーシャルボタンを一括で設置できるプラグイン。

WP SyntaxHighlighter

 ソースコードをそのまま表示させるためのプラグイン。

WP To Top

 「上に戻る」ボタンをつけるプラグイン。

WPtouch

 iPhone,Androidに最適表示できるプラグイン。

Yet Another Related Posts Plugin

 関連記事を表示させるプラグイン。

Yoast Breadcrumbs

 パンクズリストを追加するプラグイン。
 現在、保留中

WP SyntaxHighlighter表示不具合の原因

 昨日、導入したプラグインWP SyntaxHighlighterですが、導入直後、うまく表示されない不具合が発生しました。んで、昨日は諦めて寝たのですが改めてソースを眺めていると…
<pre class=\\"brush: php; gutter: false; first-line: 293; highlight: []; html-script: false\\">
…となってました。

 試しに吐き出されたソースをコピペして、htmlとしてアップロードし2箇所の\\を削除してブラウザで見てみたら…ちゃんとCSSを読めた様です♪



 んで、なんで\\が入るんだろう?疑わしいのは、プラグインbrBRbrかな?と思い停止してみたら、ビンゴ!

 さてプラグインbrBRbrが原因とわかったところで、問題がプラグインbrBRbr自体なのか、先日オラがいじったのが悪いのかは、これから検証します。



【検証途中ですが、報告です】

 どうやら、オラがいじった部分が悪さをしているようです。
 ですが、素のプラグインbrBRbrも違った不具合が出てしまいました…(>_<)。

 とりあえず、解決策が見つかるまでプラグインbrBRbrは停止します…(>_<)。

停止前

停止前


停止前

停止後

停止後


停止後

WP SyntaxHighlighter導入

 プラグインWP SyntaxHighlighterをインストールしてみたが、色がつかない…(>_<)。

 どうも、テーマの選択が反映されてない様な…。

このページ。
Twitter Digest & brBrbrの変更

 まぁ、ソースコードの記述が、そんなに多くないだろうから問題はないとは思うが…腑に落ちない…。

 とりあえず、一旦原因究明は休止。

Twitter Digest & brBrbrの変更

 WordPressでプラグインTwitter Digestの表示が気に入らないので、変更。

 まず、何が気に入らないのかというと…
  1. 表示順が、「つぶやき」「投稿時間」「投稿日」となっている。
  2. 改行がやたらと入る。
 以上の2点。

 まず、1.の表示順が、「つぶやき」「投稿時間」「投稿日」となっている。から。

 まぁ、気にしなければ何の問題も無いし、”Twitter Digest”の設定で”1week”にしないで”1day”にして、”Time”を非表示にしちゃえば問題ないんだろうけど、1日でそんなにつぶやかないし、日付が頭に来るべきだろうと思ったので、変更してみる。

 ちなみにオラはPHPに関しての知識はほぼ無いに等しい。
 一応、解説本は持っているが、全ての内容を把握してるかというとほぼ全く頭の中に入っていない(笑)。
 つまり、ほぼ素人です。

続きを読む
Copyright©2000-2019 KIYOS LOG.All Rights Reserved.