【WordPress】ブックマークレットをリンクとして追加する方法(JavaScript を a タグの href に追加する方法)

スポンサードリンク


ポイント

  • JavaScript を a タグの href 部分に入れたいときは、エディターは「テキスト」で編集する。
  • エディターは「テキスト」から「ビジュアル」へ切り替えてはいけない

事の発端。あらあらまあまあ。どうしたのかしら?ブックマークレットが消えてしまいますの。。。

“【WordPress】ブックマークレットをリンクとして追加する方法(JavaScript を a タグの href に追加する方法)” の続きを読む

iPhone Safari に簡単導入♪新しいタブで開く Topsy のブックマークレットメモ

iPhone の Safari で表示しているウェブページが、どれくらい Twitter でつぶやかれているかを Topsy サイトを新しいタブで開いて確認できるブックマークレットの導入手順♪

以下、すべて iPhone の Safari での操作となります。

  1. このページをブックマークする(別にどのページでもよい。ブックマークがひとつ作られることが大事)
  2. 「Topsyで開く」←カッコ内のテキストをコピー
  3. ブックマークの編集でブックマークしたページを選択し、タイトル部分を削除してペースト
  4. 「javascript:window.open(‘http://topsy.com/trackback?url=’+encodeURIComponent(location.href));void(0);」←カッコ内のテキストをコピー
  5. ブックマークの編集で URL 部分を削除してペースト
  6. もう一度ブックマークの編集で URL 部分に入り、「%E2%80%99」を半角シングルクォーテーション「’」に置換する
  7. Topsy のスマートフォンサイトへ移動し、View Full Site をタップ

これで完了です。実際に開いているページでこのブックマークレットを試してみますと、背後で新しいタブが開かれますのでその新しいタブに移動することで Twitter でのコメントが確認できますわ♪

“iPhone Safari に簡単導入♪新しいタブで開く Topsy のブックマークレットメモ” の続きを読む

【HTML】WordPress 投稿内でページ内リンクを付ける方法メモ

WordPress 投稿内でページ内リンクを付ける手順

記事は書き上がって残りはリンクを貼る、貼られるのみを残した状態といたします。

  1. テキストエディタへ切り替える。
  2. リンクを貼られるタグに id を挿入する。
    例「<h3>見出し3</h3>」→「<h3 id=”a03″>見出し3</h3>」
  3. リンクを貼るテキストを a タグを囲み、リンクとして先ほどの id を先頭に「#」を付けて指定する。
    「見出し3」→「<a href=”#a03″>見出し3</a>」または絶対パス指定で「<a href=”https://oki2a24.com/2014/06/17/add-a-tag-in-same-html-page/#a03″>見出し3</a>」

リンク URL で「/」の後に「#」と記号が連続するのがなんとなく馴染めませんけれども、これで正しいですの♪

HTML で同じページにリンクを貼る方法

今回の方法は、なにも WordPress 独自で WordPress でしか使えない方法ではありません。広く HTML で使用することができます。

となりますと、ポイントは次の 2 点です。

  • リンク貼られる箇所をタグで囲んで id を指定する。
  • リンク貼る箇所を「#指定した id」をリンク先にして a タグで囲む。

是非覚えておきますの♪

“【HTML】WordPress 投稿内でページ内リンクを付ける方法メモ” の続きを読む

【nginx】【超高速】 WordPress のウェブサーバーを nginx にして、プロキシキャッシュを使ってパフォーマンスをとても向上させるまでの試行錯誤です!【Apache からの卒業】

はじめに。本投稿を読むと役に立つであろう方

  • VPS で WordPress サイトを運営している
  • ウェブサーバは Apache だが、nginx が速いと聞いて乗り換えたいと思っている
  • サーバーは新しく立てず、今の使用しているサーバを継続したい
  • nginx は初めてで設定の意味も多少知りたい

本ブログを運用しております WordPress のウェブサーバーは現在 Apache を使用しています。ですが nginx と PHP-FPM とキャッシュで WordPress を動かすようにして、「爆速」にしたいですの!

でも難しいですわ><。だってわたくし、nginx ってなに?という状態ですもの。でもやってみますわ!

なお、現在のウェブサーバ、Apache の設定は今まで次のようにいじりましたわ。

また、現在の WordPress を動かしているサーバの状態をまとめます。この中の、Apache が使われなくなる予定ですの。

  • CentOS 5.10
  • Apache 2.2.3
  • MySQL 5.5.38
  • PHP 5.4.29

では、はじめましょう。次の順番で作業しましたの。WordPress が動いている状態で作業を進め、Apache から nginx へ切替(このとき数秒 WordPress が停止)、そしてプロキシキャッシュを導入、結果として超高速にできましたの!

まずは、目次をお見せしますわね。

“【nginx】【超高速】 WordPress のウェブサーバーを nginx にして、プロキシキャッシュを使ってパフォーマンスをとても向上させるまでの試行錯誤です!【Apache からの卒業】” の続きを読む

【札幌観光名所】【6月はじめ】生のローズヒップの贅沢な香りを嗅げる隠れたスポット

IMG_1499.jpg

ハマナスの香りでほっと一息。JR札幌駅すぐそこの、隠れた名所

  • JR札幌駅北口広場の植え込みのハマナス
  • 6月1日〜10日くらいまで限定
  • ハマナスの花の香がとてもいい匂い
  • 丁度「YOSAKOIソーラン祭り」、「北大祭」などと重なるのでついでに立ち寄るのに最適
  • バラと違ってハマナスには細い針のような棘がびっしり。気をつけて
  • ハマナスといえばローズヒップ。ローズヒップティーの香りはハマナスの香り。
  • ハマナスと言えば雅子様(皇太子徳仁親王妃雅子)のお印がハマナス
  • ハマナスと言えば「北海道の花」がハマナス

“【札幌観光名所】【6月はじめ】生のローズヒップの贅沢な香りを嗅げる隠れたスポット” の続きを読む

【Wi-Fi ルーター】ネットカフェで確実に無線LANを使用する方法とポイント

IMG_1501.jpg

ポイント

  • 無線 LAN ルーターを自分で用意する。
  • ネットカフェの席の PC の有線 LAN ケーブルを引っこ抜いて手持ちの無線 LAN ルーターに繋いで Wi-Fi を利用できるようにする。
    IMG_1500.jpg
  • 元の状態に戻す時に PC の裏側にある有線 LAN 端子を探り当てるのが大変。事故の無いように焦らず時間をかけて PC そのものを回転させたほうがいい。

“【Wi-Fi ルーター】ネットカフェで確実に無線LANを使用する方法とポイント” の続きを読む

【ダークソウル2】2週目を楽しむ♪その4。毒のセスタスで宮廷魔術師ナヴァーラン、リンデルドのリーシュを簡単攻略【思い出メモ】

準備のポイント

  • 誓約「覇者」にすれば「力石」ゲット可能
  • 毒のセスタスを作っておく。セスタスはマデューラにいる行商メレンティラから購入。毒への変質強化は忘却の牢にいる熟練のマックダフで行う。

攻略のポイント

  • 毒のセスタスを装備して、スタミナに少し気をつけながら R1 で攻撃するだけ。
  • こちらの攻撃後、敵の詠唱モーション中にセスタスでの攻撃分のスタミナを回復し、それから攻撃することができるため、ハメ倒す事ができる。
  • 宮廷魔術師ナヴァーランは闇術のみの使用のため、詠唱モーション中に攻撃すれば良い。
  • リンデルドのリーシュは奇跡以外に、モーションの早い通常攻撃も行ってくるため注意が必要。

“【ダークソウル2】2週目を楽しむ♪その4。毒のセスタスで宮廷魔術師ナヴァーラン、リンデルドのリーシュを簡単攻略【思い出メモ】” の続きを読む

【Linux コマンド】ファイルのコメント行、空行を除いて表示

ファイルのコメント行、空行を除いて表示するコマンド

コメント行は先頭が「;」とします。

grep -v -e ';' -e '^$' /tmp/test.conf
  • grep → 文字列を検索する
  • -v → マッチしない行を検索結果として表示する
  • -e pattern → 検索条件を指定する
  • pattern → 検索条件は「’」で囲む
  • ^ → 行の先頭を表す
  • $ → 行の末尾を表す

“【Linux コマンド】ファイルのコメント行、空行を除いて表示” の続きを読む

【iPhone5s】comico アプリの上下メニューを確実に消して快適にマンガを読む方法♪

IMG_1493.PNG

iPhone の comico アプリでマンガを読む基本操作。

  • 画面の真ん中以上をタップ → 上下のメニュー表示
  • 画面の下1/3位をタップ → マンガを下にスクロール

読んでいる時に気になってしまうこと。上下メニューを確実に消す方法が大事。

上下メニュー表示されたまま漫画がずっと進み、タップでスクロールしても漫画の一部分がメニュー部分で隠れてしまうことがございます。

“【iPhone5s】comico アプリの上下メニューを確実に消して快適にマンガを読む方法♪” の続きを読む

【Google ドライブのスプレッドシート】★SUMIF★作業リストがあって、項目・担当・かかる時間、がある。担当ごとにかかる時間の合計を見たい!技【エクセルでももちろんできる】

スクリーンショット 2014-06-07 6.59.45.png

作業リストがあって、項目・担当・かかる時間、がございます。担当ごとにかかる時間の合計を確かめたいのですけれども。。。

スプレッドシートの別の場所に各担当ごとのかかる時間の合計を表示するようにできましたのでメモいたします。

ポイント

  • SUMIF ← 合計対象に条件を含ませることができる
  • SUMIF(検索範囲, 検索キーワード, 合計範囲)
  • 条件にはワイルドカードを指定することができる。これにより、セルに検索キーワードが含まれていれば合計範囲の数字を使用するようにできる。たとえば検索範囲に「担当者A、担当者B」というセルがある場合、検索キーワード「担当者A」ではヒットしないが、「*担当者A*」ならヒットする
  • エクセルでもまったく同じように実現可能

練習用データ

作業 担当 かかる時間
おたま用意 ミリベス 1
ため息用意 ソダン、レニガッツ 1
扉の前で途方に暮れる レニガッツ 5
カバ(オーガ)監視 ミリベス 8
おたま渡す ミリベス 1
自分の心折る ソダン 9
緑色になる レニガッツ 3
名所を説明する ソダン 4
青教に勧誘する ソダン 8

実際にやってみましたの♪

具体的なセルの指定はいたしません。手順と、投稿最初の画像を参考に実際に手を動かしてくださいまし。練習用データはすでにスプレッドシートに入力済みといたします。

  1. どこか任意の場所に「担当」「かかる時間の合計」の表を作成する。「担当」は「ミリベス」「ソダン」「レニガッツ」、「かかる時間の合計」は空白となる。
  2. 「担当」のセルの担当者は「*」で囲む。たとえば「ミリベス」なら「*ミリベス*」とする。
  3. 「*ミリベス*」の「かかる時間の合計」を算出していく。「*ミリベス*」の「かかる時間の合計」を表示するセルで、 =SUMIF(練習用データの担当の範囲, *ミリベス*のセル, 練習用データのかかる時間の範囲) の内容を入力する。

以上でミリベスのかかる時間が表示できました。残りの各担当を簡単に表示できるようにするために、ミリベスの計算式にさらに手を加えます。絶対参照にする部分がございます。この一手間で、残りの作業がずいぶんと楽になりますの!

やっていることは、「練習用データの担当の範囲」「練習用データのかかる時間の範囲」を絶対参照に変更し、オートフィルした時もこれらの範囲が変わらないようにする、ですの♪

  1. =SUMIF(練習用データの担当の範囲, *ミリベス*のセル, 練習用データのかかる時間の範囲) の「練習用データの担当の範囲」のどこかにカーソルを合わせる。
  2. 「F4」をタイプ。
  3. 「練習用データの担当の範囲」の最初のセル、最後のセルの列と行の前に「$」が付く事を確認する。
  4. オートフィル(セル右下の「■」をドラッグ)して残りの担当者の合計が出る。

なお、絶対参照について復習したいのでしたら、以前のこの投稿が参考になりますの。

おわりに

SUMIF 関数の説明の本家本元はこちらでございますの♪しっかりと理解いたしましょう!

ちなみに、「エクセル 合計 条件 含む」などと検索いたしますと、同じことがエクセルでもできることが分かりますの♪

エクセルでもできる、、、と言いますよりも、Google ドライブのスプレッドシートでも同じことができるように関数を実装した、ということなのだと思いますけれども♪

以上です。