【WordPress】titleの区切り表示を「−」から「｜」に変更する方法
WordPressのタイトル出力のデフォルトは「タイトル − サイト名」で、区切りが「−」。「｜」など、変更したい区切り文字にするため、functions.phpに下記コードを記述すると、タイトルのセパレートを変更できる...
WebTipsWebTips
WebTips
JavaScriptJavaScriptの勉強で最適なサイトを発見！「Javascript.info」
JavaScriptを独学で勉強したいなーと思ったら、いろいろな学習方法があります。有名な学習サイトやYouTubeなど、最近はググったら大量に出てくる。。。よくある「学習サイト○○選」のサイトを漁ってみたり。いっぱいあ...
WebTipsWordPressでソースコードの表示に便利なプラグイン「Highlighting Code Block」
WordPressでソースコードの記述したいなーと思ってWordPressオリジナルのコードブロックを使っていもいいけど、なんか地味。なんの言語かもよくわからない。 そんなときに便利なのがプラグイン！簡単便利な「High...
HTML・CSSSVGでクリッカブルマップ！リンクをつける方法
こんにちは、yukipanです。 サイト制作で地図やイラスト上でピンポイントにリンクを付けるとき、<map>タグと<area>タグでクリッカブルマップ〜という手法があったそうな。だけどレスポンシブ...
HTML・CSSCSSのみで実装。アコーディオンメニュー
こんにちは、yukipanです。「Q&A」や、長い項目がたくさんある時に見たいところだけ開いて見れる、ユーザーにも優しいアコーディオンメニュー。よくあるJSやjQueryでつくるアコーディオンメニューもいいけれど...
HTML・CSSswiper.js 4.3.3でトップスライドと記事一覧の調整したコードメモ。
swiper.jsでかんたんに画像のスライダーが設置できる。オプションも豊富だし、便利よね〜。ただ、Ver5はIE11で使えないんだとか。。。IE対応しなくても・・・って思うけど、まだ使ってる人もいるし、もう少しは対応し...
HTML・CSSswiper.js Ver.5.4.5で簡単にスライダー設置（ナビ・ページネーション調整済）
swiper.jsでかんたんに画像のスライダーが設置できる。オプションも豊富だし、便利よね〜。汎用的に使えるバージョンでオプションを追加したコードをメモメモ。 スライドショーのサンプルはこちら→swiperスライダー H...
WebTips【WordPress】ページネーション（ページャー）をプラグイン無しで設置する
プラグインをなるべく使いたくないyukipanです。WordPressの記事一覧にページネーション（ページャー）を表示させるコードのメモです。 お好きにコピペして使ってください。お役に立てたらうれしいです。 ページネーシ...
WebTipsWordPressのデータを専用ディレクトリに置いてドメインURLで表示する方法。
WordPressのデータをドキュメントルートディレクトリに直に置くとバラバラになるので、サブドメインやサブディレクトリを作るときにわけわからんくなる。専用ディレクトリに設置したほうが整理しやすいんだけど、いつも方法を忘...
HTML・CSS【WordPress】画像パスをショートコードで便利に
固定ページにコーディングしたデータをカスタムHTMLにコピペする時、画像で、「サイトのURL/wp-content/themes/テーマ/画像までのディレクトリ/画像名」って入力するの、めっちゃめんどくないですか？「sr...