はにわまん

WordPress

WordPressのGutenberg(グーテンベルク)をより使いやすく方法!

「Gutenbergをより使いやすくしよう!」ということで、標準のGutenbergの機能からさらに上乗せして、ページを作成する時のポイントをまとめました。 Gutenbergとは、WordPress…

はにわまん
環境

【すぐできる】Wimax(モバイルWi-Fi)を固定IPにする方法

わたしはメイン回線をWimaxにしている(→ ノマドにおすすめ!通信制限なしのWiMAXで外でも家でも快適なインターネット環境を)のですが、1つ不便なことがあって、「IPが固定されずに変わってしまう」…

はにわまん
JavaScript

超シンプルなコードからReactの動きとJSX、Babelの関係を理解しよう

ReactはFacebook社が開発したjavaScripのフレームワークです。WordPressのGutenbergで使われている技術として個人的には馴染みがあります。 公式は以下です。丁寧すぎるく…

はにわまん
WordPress

WordPressで会員サイトを作成する方法!「WP-Members」プラグインが簡単です

WordPressで会員サイトを簡単に作成できるプラグイン「WP-Members」の紹介です。WordPressは管理画面でユーザーをデータベースで管理しているので、こういった実装も簡単にできるんです…

はにわまん
WordPress

WordPressを静的HTMLサイトに部分的に組み込む方法

「ブログ部分だけをWordPressで実装したい・・・」 「お問い合わせフォームだけをWordPressで実装したい・・・」 っていう時の、WordPressを静的HTMLサイトに部分的に組み込む方法…

はにわまん
WordPress

Gutenbergでオリジナルなブロックを作成するには「Block Lab」が簡単すぎる件

Gutenbergでオリジナルなブロックを作成するのに「Block Lab」プラグインが簡単すぎるので紹介します! JavaScriptでのGutenbergのブロック作成の知識がなくても「Block…

はにわまん
WordPress

WordPressで無限スクロールで記事を読み込む方法!【プラグインなし編】

WordPressで無限スクロールを実装する方法です!無限スクロールの実装を理解できているとカスタマイズもしやく、かつWordPressの動きもちょっとだけ深く理解できるようになります。 前提として、…

はにわまん
JavaScript

スクロールが特定のエリアに入ったかどうかを検知するjQuery

スクロール時に特定のエリアに入ったかどうかを検知するためのjQueryの書き方です。 背景色とのコントラスト比で色を追従するアイテムの色を変更したい場合や、特定のエリアのみ表示するようなアイテムを作る…

はにわまん
HTML

インラインSVGを使えば画像の色変更をCSSから楽にできる!

HTMLの画像部分を(たとえばホバー時)に色を変えたい場合は、CSSかJavaScriptで画像を切り替えるといった対応しかありませんでした。 しかし、インラインSVGを使えば、画像もHTMLのように…

はにわまん
コーダー

WordPressの保守費用っていくらくらい?22社から相場から分かる保守代行の探し方

WordPressの保守代行の相場をまとめてみました!22社の相場から各社で価格幅は異なるものの大枠の金額感は見えてきました。 保守に関しては、Web制作の延長線上で「そういうもんだから」って月額を支…

はにわまん
1 2 30