グラビカ学習帳～新宿のホームページ制作会社 gravity works（グラビティ・ワークス）備忘録と知識の共有と蓄積

ある条件でaタグを無効にする必要がありまして、
JavaScriptで出来そうだけど、さてどのようにしようかな・・

と考えつつ検索していたところ、なんとCSSで実現できるとの記事を発見。

YoheiM .NET
[CSS] CSSでJavaScriptのClickイベントやリンククリック時の動作などを禁止する方法

---------------------------

pointer-events : none;

---------------------------

上記のスタイルを指定することで、
aタグの動作や JavaScript の onClick 等のイベントを無効にすることができます。

今回はレスポンシブなサイトで、

・大画面の時はサムネ + LightBox
・スマホ等の小画面では画像100%表示でクリックなし

という用途で使いました。
レスポンシブ案件が今後増えれば、さらに使いどころが出てくるかもしれません。

しかもIE7以上で動くそうなので安心です！
2016.12.15
盛大に間違えていたようで、IEでは11以上から対応でした。
とても便利なスタイルですが、使用する場合は対応ブラウザと相談になりそうです。

ご指摘があり修正しました。
誤った情報を掲載してしまい申し訳ありませんでした。

Skypeをインストールしていると電話番号の部分のアイコンがついたり、
表示が変わってしまうブラウザがあります。
アイコンに幅をとられて予定していた横幅に収まりきらなかったりして
困るんですよねー。
ということで検索してみるとこんな記事が！！

Webサイト内の電話番号が勝手にSkypeの番号ボタンに置換されるのをmetaタグで制御する

下記のmetaタグをhead内に記述するだけで消せました。

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

すばらしい！

MTのカスタムフィールド「チェックボックス」では、1フィールドに対して1つのチェックボックスしか作れません。
「ラジオボタン」のように複数項目を用意したい場合は、「MoreCustomFields」プラグインを利用しています。

※ダウンロードリンクが切れているみたい？
　こちらからは出来ます。

・・で、複数チェックボックス（checkbox Group）でチェックした項目を書き出す場合なのですが、最初の項目がチェックされていないと出力の先頭にカンマが挿入されてしまうようです。

それについて、こちらのページのコメントで壱さんが対処法を書かれていました。
http://www.h-fj.com/blog/archives/2011/05/04-180314.php

テンプレートタグに「regex_replace="/^,\s*/",""」を追加して、

<$mt:hogehoge regex_replace="/^,\s*/",""$>

とすると解決できます。

あるブログAを更新したとき、別のブログBも再構築するマルチブログ系のプラグインはたくさんありますが、記事削除をトリガーにできるものは案外見つからなかったりします。

そんな中、こちらの「RebuildAnyTemplate」プラグインがとても良い感じでした。MT5対応。


使い方は簡単で、上記の例の場合はブログAのメインページテンプレートに

<$mt:RebuildAnyTemplate archive_type="Category" template_id="10" category_id="20"$>

を仕込むだけ。

template_id は再構築したいテンプレートのID、
category_id はカテゴリーも指定したいときにカテゴリーのIDを入れます。

記事を編集・保存してメインページが再構築されると、
このタグが実行されてブログBに再構築がかかるという仕組み。


・メインページを出力する必要がある
・テンプレート単位で指定する必要がある（元々そういう用途を想定しているため）

と多少不便な点はあるものの、
基本的にどんな操作をしても再構築されるメインページがトリガーになっているため
確実性はとても高いです。

記事一覧からの公開・非公開でも、記事削除でも実行されます。
未確認ですが指定日公開でもいけるんじゃないでしょうか。

以前LightBoxのタイトルを<br />なしで改行する方法を書きましたが、
現在のv2.6ではソースが変わっているため、改めまして。

ちなみにv2.0の場合はこちらでご紹介されています。
LightBoxの使い方とカスタマイズ方法


■v2.6の場合
lightbox-2.6.min.js 内を次のように書き換えてください。


html(this.album[this.currentImageIndex].title)

この部分を

html(this.album[this.currentImageIndex].title.replace(/\r\n/g, "<br />").replace(/(\n|\r)/g, "<br />"))

このように書き換え。
1箇所しかないので置換えで大丈夫です。


これで title 内の改行が有効になります。

できるだけ簡単にできるアコーディオンメニューをさがしていて
下記の記事を見つけました。

jQuery アコーディオンメニュー
http://php.o0o0.jp/article/4138817358715040

もーすばらしく簡単で便利です。
デフォルトで空けておきたい部分も指定できます。
自分で作ってみたサンプル


【javascript】
----------------------------------------------

$(function () {
  // デフォルト開く部分を指定
  $('ul').eq(0).show();
  $('span').click(function() {
    // メニュー表示/非表示
    $(this).next('ul').slideToggle('fast');
  });
});

【CSS】
----------------------------------------------

ul {
  display: none;
}
span {
  cursor: pointer;
}

【HTML】
----------------------------------------------

<span>メニュー 1</span>
<ul>
<li><a href="#">メニュー 1-1</a></li>
<li><a href="#">メニュー 1-2</a></li>
<li><a href="#">メニュー 1-3</a></li>
</ul>
<span>メニュー 2</span>
<ul>
<li><a href="#">メニュー 2-1</a></li>
<li><a href="#">メニュー 2-2</a></li>
<li><a href="#">メニュー 2-3</a></li>
</ul>
<span>メニュー 3</span>
<ul>
<li><a href="#">メニュー 3-1</a></li>
<li><a href="#">メニュー 3-2</a></li>
<li><a href="#">メニュー 3-3</a></li>
</ul>

Windowsを使っていると、あるとき突然デスクトップに「ホームグループ」のアイコンが現れることがあります（おそらく7のみ？）。



本来非表示になっているものらしく、ショートカットではないので削除もできません。
とても邪魔・・。

このアイコンは次の手順で消すことができるようです。


1. スタートボタン ＞ プログラムとファイルの検索 に「regedit」と入力。

2.「regedit.exe」をクリックしてレジストリ エディターを開き、下記の階層を探す。
HKEY_LOCAL_MACHINE／SOFTWARE／Microsoft／Windows／CurrentVersion／Explorer／Desktop／NameSpace

3. {B4FB3F98-C1EA-428d-A78A-D1F5659CBA93} というフォルダがあるはずなので、
　後で戻せるような形で名前を変更。（頭に _ や # をつけるなど）




4. デスクトップでF5キーを押して表示を更新。

5. ホームグループのアイコンが消えたことを確認し、3 のフォルダ名を元に戻す。

以上です。
これで再度更新してもアイコンがでなければ成功です。


こちらのサイトを参考にしました。

Windows 7 のデスクトップのホームグループのアイコンを消したい
http://pasofaq.jp/windows/desktop/namespacehomegroup.htm

エントリー同士を関連付けるプラグインです。

エントリーを作成する際に関連エントリーを設定しておくと、
記事テンプレートでその一覧を扱うことができます。

少し躓いた箇所があったのでメモ。


ダウンロードはこちらのサイトから。
エントリーの関連付けを行うプラグイン(MT4専用版・その1)

■使い方
その2
その3

MT4となっていますがMT5でも使用できます。
ただしすべての動作は確認していないのでご注意。

また作者様もMT5に対応させる予定はないとのことなので、
動作する範囲で利用しましょう。


■注意点
プラグインのパーミッションを変える必要があるようです。
アップロードする際、「mt-related-entries.cgi」のパーミッションを変えておきましょう。

MTのCGIファイルと同様にすれば動くと思います。

外部から読み込んだPSDの更新ができればと思うことは多々ありましたが、Photoshop CCの直近のアップデートで『スマートオブジェクトのリンク（Linked Smart Objects）』が搭載されました。

http://www.youtube.com/watch?v=H6AIgoFDwlk

手元のphotoshopはまだCS6なので残念！なのですが、同様の機能をもたせるエクステンションがずいぶん以前から存在していたようです。不勉強でした...。

http://www.canlinkit.com/

このエクステンションをPhotoshopにインストールすると「CantLinkItパネル」から外部PSDの配置と更新の操作が可能になります。
更新時の挙動に特に違和感はなく、修正を素直に反映します。

• 外部PSDをメインPSDに配置後、拡大縮小回転させた上で更新しても当然その状態は保たれる。
• 外部PSDのサイズを変更した場合、オブジェクトの中心を起点に拡大縮小が反映される。

純正で搭載された今となってはCCで作業した方がいろいろ安心でしょうけど、CS6でこの手の作業がほしいときには良いかもですね。