本日の勉強リクエスト(シンタックスハイライターとWPに動画を貼りつける)

■①シンタックスハイライトされたソースコードを手軽に実装できるWebサービス・syntaxhighlight.inの使い方がいまいちわかりません。
参考サイトhttp://kachibito.net/web-service/syntaxhighlight-in.html

一応やってみました。デザインを選んで、それのcssもダウンロードしてリンクさせたのに効いていない。?!
http://nobu-69.com/study/css_packman/css-packman.html

■■②youtubeをwpに貼りつける。http://kuulei90.com/?page_id=20
 5枚貼りつけてます。上の3つはプラグインで下の2つはプラグインではなく、youtubeのサービスの埋め込みコードをコピペ。
プラグインはPCで問題なしですが、スマホ(iphone4s)で縦長の変な表示になる。これを解消したい!
youtubeのサービスの埋め込みコードをコピペの方はpcで再生&表示、問題なしですが、スマホ(iphone4s)の表示は縦長にならないでちゃんとしてるけど、
再生が出来ない。

ちゃんと表示させて再生するようにしたいです。

—-↓—↓—-↓——勉強会で解決しました。——-↓—–↓—–↓—–

■シンタックスハイライターについて。

①自動で生成されたhtmlのコードをコピーしてhtmlのbodyの中に貼り付けます。
②自動で生成されたjqueryとcssをコピーして自分で作ったファイルに貼り①のhtmlファイルにリンクさせます。
注)jQuery本体を忘れずに!

以上です。

それと、左横の行数を示す番号が必要でなければ、表示させたいコードをpreタグで囲むのが一番簡単です。
preタグはコードを書いたとおりに表示してくれるのでbrとかいりません。
こんな感じ↓。これはpreで囲んだだけです。

■■youtubeをwpに貼りつけたい!について。
wpのプラグインを使ったりyoutubeのサービスの埋め込みコードを使ったりと試してみましたが、どちらも多少の不具合があるので、一番いいのが
シンプルに動画のアドレス(動画観覧の際に表示されてるアドレス↓)をコピーしてテキストに貼り付ければOKという事になりました。
zz

注)動画のアドレスは独立した行に貼りつけて下さい。

と、ここまで議事録を書いてびっくり!確認の為、僕のiphone4sで貼りつけた動画を見ようとしたら、見れません!(デスクトップでは問題ないです)
プラグインで貼りつけたやつはみれるのに。
なぜだ~!アンテナも最高状態です。はあ~。みなさんのスマホで上記の画像再生できますか?

本日の勉強リクエスト(シンタックスハイライターとWPに動画を貼りつける)」への6件のフィードバック

  1. タカハシ先生タカハシ先生

    >それのcssもダウンロードしてリンクさせたのに効いていない
    Firebugではacid.cssは適用されているように見えますが、
    それ以外にもcssがあるのかな?

    >youtubeをwpに貼りつける
    スマホで…というと見ている人の参考にならないから、
    iPhone、Android、機種名、osバージョン、ブラウザ名も添えて下さい。
    それと、YouTubeのサムネ画像は動画のIDから引っ張ってこれるようです。
    http://memocarilog.info/wordpress/theme-custom/5189
    WPのfunctions.phpにショートコードを作れそうですね。

    返信
  2. タカハシ先生タカハシ先生

    >preタグはコードを書いたとおりに表示してくれるのでbrとかいりません。
    >こんな感じ↓。これはpreで囲んだだけです。
    このブログでは、preタグを書いただけで、 Crayon Syntax Highlighterプラグインが動作してしまいますよ。

    >みなさんのスマホで上記の画像再生できますか?
    iPod touch (iOS6.1.3)のモバイルSafariではYouTubeアプリが開く形で再生できますよ。

    返信
  3. ジェイ子ジェイ子

    >みなさんのスマホで上記の画像再生できますか?
    >iPod touch (iOS6.1.3)のモバイルSafariではYouTubeアプリが開く形で再生できますよ。
    私のiphone4s iOS 6.1.3(10B329) のモバイルSafariでも同じくYouTubeを見る事ができましたよ。

    返信
  4. ピンバック: 2013-6-7 勉強会 | パソコン倶楽部りんご

  5. 真中のぶ真中のぶ 投稿作成者

    タカハシ先生、ジェイコさん、kanedaさん、
    報告ありがとうございます!みなさん、見れるんですね!
    僕のiphoneの設定がおかしい気がしてきました。
    調べてみます。

    返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA