【WordPress】ページネーション（ページャー）をプラグイン無しで設置する
プラグインをなるべく使いたくないyukipanです。WordPressの記事一覧にページネーション（ページャー）を表示させるコードのメモです。 お好きにコピペして使ってください。お役に立てたらうれしいです。 ページネーシ...
WebTipsWebTips
WebTipsWebTipsWordPressのデータを専用ディレクトリに置いてドメインURLで表示する方法。
WordPressのデータをドキュメントルートディレクトリに直に置くとバラバラになるので、サブドメインやサブディレクトリを作るときにわけわからんくなる。専用ディレクトリに設置したほうが整理しやすいんだけど、いつも方法を忘...
HTML・CSS【WordPress】画像パスをショートコードで便利に
固定ページにコーディングしたデータをカスタムHTMLにコピペする時、画像で、「サイトのURL/wp-content/themes/テーマ/画像までのディレクトリ/画像名」って入力するの、めっちゃめんどくないですか？「sr...
HTML・CSStableレイアウト（レスポンシブ対応・HTML・CSS・SCSS）
tableレイアウトを組むときにいつもどうだったっけ？ってなるので何パターンかメモしとく。とりあえずまずは1つ。 table1 サンプルはこちら HTML CSS SCSS 変更しやすいようにSCSSバージョンもアップし...
HTML・CSS【脱・jQuery】JavaScriptでシンプル上に戻るボタン(スクロールするとふわっと出てくる仕様)
シンプルな上に戻るボタンのメモ。スクロールするとふわっと表示される仕様。サンプルは「↑」のテキストを入れているけど、画像やfontawesome、CSSで作った図形など好きに変更できる。hoverするとちょっとだけ上に動...
WebTipsWeb系の書籍で気になった本まとめ
yukipanが気になった書籍をブックマーク。いっつも気になるなーって思いつつ「あの本なんて名前だっけ？」ってなっていたので、ここに記載していって、読んだらレビュー書くことにする。 あたらしい、あしらい。あしらいに着目し...
HTML・CSSグローバルナビのスマホのときだけハンバーガーメニューになるテンプレ
最近はPC表示の時でもハンバーガーメニューの表示を見かけるようになった。スマホファーストだから、デザイン自体がスマホ設計なんだね〜。 そんなyukipanも、スマホファーストでPC表示もハンバーガーメニューで良い派。 だ...
HTML・CSS【JavaScript使わない】CSSのみで画像がふわっと切り替わるシンプルなスライドショー
なるべくJS使わずCSSだけで実装したいyukipanです。今の時代、ただ画像をふわっと切り替えるだけなら、JS使わなくてもCSSたけで実装できるんですね〜。ステキ。画像だけふわっと切り替わるバージョンと、背景画像で切り...
WebTipsWordPressプラグイン「Compress JPEG & PNG images」で簡単に画像圧縮。設定と使い方
ブログを書く時、いちいち画像圧縮するのめんどくさーい！ってなりませんか？サイトの速度を早くするため画像圧縮は大事なんだけど、ついつい忘れてサイズ調整だけで画像をアップしてしまうこともあったり。。。めんどくさいので、Wor...
WebTipsWordPressはじめてのデザイン＆カスタマイズ入門 ブログ・サイトの改善方法がわかる
Amazon→WordPress はじめてのデザイン&カスタマイズ入門 ブログ・サイトの改善方法がわかる 楽天市場→◆◆WordPressはじめてのデザイン＆カスタマイズ入門 ブログ・サイトの改善方法がわかる /...