WordPressがSQLiteをサポートし、その後PHP WASM（PHPのWebAssembly実装）を利用したWordPress Playgroundが誕生、ブラウザでWordPressが動作するようになった。ではこれを何に使ったらよいのかと不思議に思っていた方も多いだろうが、さっそくその実例であるwp-now が誕生した。WordPress Playgroundリポジトリの中にあるので、派生プロジェクトの一つだろう。例によってnodeプログラムである。 コントリビューターであるAutomatticのブログによると、wp-nowはブロックテーマの開発に最適化されているようで、テーマディレクトリ内で実行するとWordPressが実行できる。 実行するためのコードは以下の通り。なお、nodeは18系で行った。 # wp-nowをインストール npm i -g @wp-now/wp-now

WordPressにはおしゃれなテーマがたくさんあります。「これが無料！？」と思うようなハイクオリティなものが無料配布されていることもあります。 全てレスポンシブ対応 今回はおしゃれなWordPressテーマをまとめて紹介します。どれもレスポンシブ対応（スマホ表示にも最適化）です。海外製のものが多めですが、どれも日本語で使うことができます。ジャンル別に紹介していくので、必要に応じて読み飛ばして頂ければと思います。 いきなり手前味噌で恐縮なのですが、当サイトが制作・配布しているWordPressテーマです。開設1年で200万ページビュー/月を超えたサルワカのノウハウを、余すことなく詰め込んでいます。 デザインはモバイルファーストで、細部までこだわり抜いています。見出し、ボックスなどの装飾が多数用意されており、専門知識なしで簡単に記事に挿入できます。内部SEOもバッチリ最適化済み。有料ですが、

Please have a look at our free WordPress themes. We have ensured that these responsive themes are highly customizable and have a premium look and feel. These themes are not just to be showcased, you can also download them and use them for your free and commercial websites.  We don’t charge for these themes, but we would appreciate it if you would link us to our website. This is not asking a lot, a

2015/04/27 (更新日: 2018/01/20) 『プラグインなし』で人気記事一覧を出力する方法【WordPress】 PROGRAMMING WordPress WordPressで人気記事を出力するといったらwordpress-popular-postsのプラグインが有名です。しかし、「プラグインに頼りすぎてはいけない」ということで人気記事一覧が出力できるコードを書きました。 たったの2ステップで完成します。 完成イメージは以下のような感じです( ◜◡‾) さっそくまとめ開始。 STEP1：functions.phpを編集する // 人気記事出力用 function getPostViews($postID){ $count_key = 'post_views_count'; $count = get_post_meta($postID, $count_key, true);

WordPressはカレンダー系のプラグインも豊富ですが、中でも人気の高いのが「Event Organiser」です。機能が豊富な上カスタマイズの自由度が高く、プラグインには珍しく専用のCodexまで用意されているスグレモノです。 Event Organiserはイベントをカテゴリーに分け、しかもカテゴリーごとにカラーピッカーで色設定も出来るので、普通のクライアントさんでも簡単に設定できて評判いいです。 が、「カテゴリーの一覧を色つきで表示させて」と言われてハタと困ってしまいました。頼りのCodexにもそれらしき記述は見当たらず・・・何とか自力解決したのでメモしておきます。 まずはカテゴリー一覧の表示ですが、Codexにはそれらしきものが見当たりませんでした。「イベントのカテゴリーを表示」や「イベントのカテゴリーの色を表示」はあったんですが、カレンダーの下部にカテゴリーだけの一覧を色つきで

WordPressで使えるポートフォリオサイト用のテーマを紹介。初心者でも使えるおすすめのテンプレートをまとめています。自分の実績を示すようなオリジナルのポートフォリオサイトを作ってみましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査 最近はフリーランスとして働く人が増えてきています。 とはいえ、フリーで働くためには自分の実績を示すようなポートフォリオが必要になってきますよね。 今回はそんなポートフォリオサイトを作成するのに便利なテ

WordPressには世界中の開発者が制作した機能を自由に組み込むことができる「プラグイン」が存在します。プラグインを上手く活用することが、WordPressの魅力を最大限に引き出すポイントです。 そこで今回は、私がWordPressで様々な種類のWebサイトを制作してきた経験から、役立つプラグインを厳選してご紹介します。いずれも無料でも使用できるので、ぜひ活用してみてください。 WordPressプラグインとは WordPressプラグインとは、WordPressの機能を拡張させるための仕組み（ツール、モジュール、パーツのようなもの）です。 WordPressの本体は、ユーザーの様々なニーズに柔軟に対応できるように基本的でコアな部分のみで設計されています。WordPressプラグインを使うことで、ニーズに合わせた様々な機能を持ったサイトを構築することができます。 参考：WordPress

Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置Hover.cssを呼び出すHover.css用のタグを記入する利用するファイルも、hover.css（縮小版はhover-min.css）の1つの

10/11（土）に東京で開催される WordCamp Tokyo 2014 が開催されます。WordCamp Tokyo への参加は２回目になります。（参照：WordCamp Tokyo 2012に参加してきました！ | THE HAM MEDIA BLOG）昨年も参加しようと考えていたものの、オープンソースカンファレンス北海道の開催と重なってしまい、残念ながら参加できなかったので、２年ぶりの参加です。 ついでに今回はリレーブログにも参加しようとエントリーをしたため、簡易な記事ではありますが、スタート位置に立ったつもりで、オリジナルテーマを作成する流れについて書いてみようと思います。 オリジナルのテーマを作成するときに、すでにテーマ作成を覚えた方はイチからすでに作っていると思いますが、初心者だとどのような構成でどう作って良いのか戸惑うことのほうが多いのではないでしょうか？ デザイナーさんで

ポケモンオメガルビー・アルファサファイア攻略DE.com ポケットモンスターORASの攻略、収集、効率プレイに役立つような情報を掲載。XY・ORAS向けPGLは終了済み

Wordpressの標準ギャラリーを拡張できる良いプラグインが無いかな～と探していたところ、 Photospaceというプラグインに辿り着きました。開発元のサイトを見ると、GallerifficというjQueryPluginを元に作られているようです。 見た目がカッコ良いのはもちろんですが、 キャプションや説明文をギャラリー上で簡単に表示できる点がナイスです。 キャプション表示については、ソースを編集して表示するという方法もありますが、 やはりプラグインで対応出来たほうが楽ですね。 他にもスライドショーやサムネイル画像のコントロールを細かく設定できる上、 レスポンシブに画像サイズを自動調整して表示することも可能となってます。 以下、Photospaceの紹介と導入した際の手順を書いてみました。 導入準備(Wordpressのメディア設定) AjaxThumbnailRebuildなどの自動

この記事を三行にまとめると 所有者がapache先輩のファイルを上書きしたい 先輩のグループに入って書き込み権限をもらおう 人の女にはむやみに手を出しちゃダメ FTPでファイルを上げたり落としたりしていますと、ときどき「パーミッションがないからそのファイルは操作できないよ〜」的なことを言われることがあります。 よくあるのが、SSHで接続してスーパーユーザーで作成したファイルとか、ウェブサービス経由でアップロードしたファイルとかですかね。rootで作成した場合、当然ながらファイルの所有者はrootですし、ウェブからアップした場合は、設定を自分でいじったりしていなければ、まずapacheになりますね。 例えば今、これらのファイルを上書きしたい。編集したものをFTP経由で上書きしたい。下っ端のしがないFTPユーザーごときわたくしが、root部長やapache先輩が所有しているファイルを上書きした

WordPress は世界のブロガーたちに愛される、最も人気のあるプラットフォームだ。日本でも「正解のブログ」を作ろうとする人たちの間で一気に人気が高まっており、ビジネススキルとしても活かせる WordPress を独学で勉強する人は益々増えてきている。 WordPress についての情報は日本語でも十分に出回っているが、それでも「はじめの失敗」は付きもの。そこで今回は WordPress 独学者に良くある９つの致命的な失敗をご紹介しよう。これから WordPress を勉強していこうという初心者の方は、ぜひ目を通して欲しい。 WordPress の使い方が 30 分から学べる！WordPress オンライン講座 １. 間違えて WordPress.com の方を選ぶ実は WordPress をはじめるには２つ方法がある。１つは、WordPress.com にユーザー登録をして今スグに W

WordBench Nagoya 11月勉強会の最後にアンカンファレンス（班別質問タイム的な感じの）をやった時、「Kさんが毎回必ず入れるプラグインを教えてほしい」という質問をいただいたのですが、残念ながらタイムアップとなったため、ブログにまとめることとなりました。 前提として サイトの用途によって必要なプラグインも変わってきますが、スタンスとしては クライアントワークで、企業サイトを作るというケースを想定 公式ディレクトリ登録プラグイン なるべく高機能ではない（負担の低そうな）もの 迷った時は国産（知人作） という感じです。 基本的なWordPress関数で済むような処理は原則として自分で書きますので、なるべくコードを書かずに表示をいじったり機能を追加したい、という方向けではないと思います。 ですので、よくある「使えるプラグイン○個まとめ」的なエントリーとはまた違ったプラグイン選定になって