スポンサーリンク
javaScript

URLとタイトルをクリップボードにコピーする

ウェブサイトで特定の情報(例えば、記事のタイトルやURL)をクリップボードにコピーする機能は、ユーザーが情報を簡単に共有できるようにする便利な機能です。 今回はJavaScriptとHTMLを用いて実装します。 必要なツール HTML...
PHP

wordpressでRSSを使って複数のブログをまとめて時系列に一覧表示する方法

WordPressでRSSを利用し、複数のブログを時系列で一覧表示する方法は非常に便利な機能です。 以下にステップバイステップでの実装方法を説明します。 プラグインを使って簡単にこの機能を実装する方法も存在しますが、ここではより自由度の高い...
Bootstrap

Bootstrap4のmodalでYouTubeの動画を表示、ついでに閉じたら停止、modalのセンター表示も

Bootstrap4のmodalでYouTubeの動画を表示 Bootstrapでサイトを作ってて「BootstrapのモーダルウィンドウでYouTube表示できたら便利じゃね?」ということで調べてみました 処理的にはモーダル表示ボタンのク...
スポンサーリンク
WordPress

WP_Queryで最初の記事と最後の記事に違う処理をしたい

WP_Queryを使用して記事一覧などを作成する際に、最初の記事と最後の記事だけ違う処理をする方法ですclassを適用してデザインを変えたり2件目以降からだけ表示したい等という時に便利です 最初だけ違う処理をする 最初の記事かどうか...
WordPress

wordpressのGutenberg(グーテンベルク)って何?

WordPressが4.9.8が公開されましたが、アップデートすると管理画面のダッシュボードに「あたらしいエディターを試してみませんか?」とか出てくるのですが これがどうやらwordpress5.0から標準搭載されるGutenberg(グーテンベルク)というエディターのようですのでインストールして調べてみました
WordPress

WordPressのよく使う条件分岐まとめ

wordpressでよく使う条件分岐のまとめです 投稿タイプ・カスタム投稿・カテゴリ・タクソノミー毎にデザインを変更する時などに使います ■投稿タイプで条件分岐(アーカイブページの時) <?php if (( get_post_type...
javaScript

wordpressに「barba.js」を導入して非同期通信でページを切り替えを高速化したい

barba.js 公式DEMO1 公式DEMO2 非同期通信でページを切り替えって? そもそも通常の画面遷移をする場合、新しいページを1から読み込んで表示すると思います この場合まず画面を遷移し、(ほとんどの場合は気になりませんが)新し...
javaScript

画面に要素が現れたら発火する「in-view.js」

in-view.js 以前に仕事で使用したのですが、結構便利だったのでご紹介です 指定した要素が画面内に表示されたら設定した動作をさせるJSライブラリです 似たようなもので「inview.js」というのもあるのですが、「in-view...
Apache

.htaccessでgzip圧縮させてサイトの表示速度を速くしたい

PageSpeed Insightsとかで推奨されてるgzipを.htaccessで設定するやり方です gzipとは? gzip(ジー・ジップ)は、データ圧縮プログラムのひとつ、およびその圧縮データのフォーマットである。「GNU zip」の...
jQuery

jQueryで計算シミュレーターを作る

※2017年11月30日に追記しました少し前に仕事で作ったものですが、それなりに汎用性が高いので紹介させていただきますクリエイターズシップさんの見積作成ページのように選択項目から選ぶと料金を計算して表示するといった感じです単一選択と複数選択...
スポンサーリンク