富山市議会議員しきだ博紀 の個人的な、ウェブデザインに関する技術的覚書きです。

重なり合うボックスのリンクやテキストが選択できないという事態が発生。 原因は、ネガティブマージン（marginにマイナス値を設定したり、positionプロパティでマイナス値を設定したりしてボックスを配置する手法）でした。 その場合は、リンクやテキストが選択できないボック...

背景画像のスライドアニメーションのため、Vegas2を導入してみました。 このブログではなく、富山市議会議員 しきだ博紀 公式ウェブサイトで導入しています。 必要なファイルは、次の通りです。 vegas.min.css vegas.min.js overlays...

Lightbox系プラグインについてはSlimbox2をBoxerに変更という記事を書きましたが、fancyBox3プラグインに再度変更しました。 特徴としては、モバイルファーストをうたっていて、スマートフォンでの戻る操作に対応しているので、うっかり戻る操作をしても、モーダ...

トップページで、いわゆるアイキャッチ画像と記事の概要を並べて表示させるには、MTAssetThumbnailURLタグで画像を。MTEntryExcerptタグで記事の概要を出力しますが、記事本文の中に <figure><a href="/img...

投稿画面で、タグの挿入などをサポートするCEB2_plusUtilityプラグインをカスタマイズしてみます。 Googleのシンタックスハイライトgoogle-code-prettifyに対応するため、<code>タグにクラスを付与することができます。 なお、...

ページ先頭に戻るナビゲーションリンクを、jQueryでページ下にボタンを固定する方法に変更しました。 参考リンク jQueryでスクロールすると表示する系いろいろ | webOpixel jQueryとcssで作る、フッター手前で止まる「トップへ戻るボタン」の制作手順...

モーダルウィンドウを作成するLightbox系のjQueryプラグインを、Slimbox2から、Boxerに変更しました。

Movable Type で投稿時に画像リサイズを自動で行えたら。と、思っていたら、いまや標準プラグインとして提供されていた(^_^;) 関連リンク ImageUploadUtility - Movable Type用画像アップロード機能補助プラグイン

WordPressで年度別アーカイブを作成 光陽マーリンズのサイトを、MovableTypeからWordPressへ移行したのですが、記事を年度別に表示するにあたり、MovableTypeのようにMTタグで簡単に作れないのでプラグインを探したが見つからず。 ということで、ネッ...

Facebookページをウェブサイトに埋め込むこともできます。 詳しくは、ソーシャルプラグイン（Facebook公式）をご覧ください。