SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理

どうも、ブログマーケッターJUNICHIです。 やっと発表できました！ ちょくちょくお問合せを受けていたんですが、僕が今使っているWordPressのテーマ『ALBATROS（アルバトロス）』が本日リリースされました！！ 全てはブログマーケティングの為に作られたといってもいいこのテーマ。 ただ、初めに言っておきます。このテーマは「有料」です。 でも、絶対に有料の価値があるテーマです。 デザイン・機能・扱いやすさ、どれを取っても最高レベルのワードプレステーマのALBATROS（アルバトロス）。 今回は、その魅力をたっぷりお伝えします。 あなたも、今すぐこのテーマを使いたくなること間違いなし！ なぜ、WEBサイトのスマホ対策が必要なのか？ なぜ、WEBサイトのスマホ対策（スマホビューの最適化）がそれほどにまで重要か知っていますか？ 2015年4月21日、Googleがウェブサイトがモバイルフレ

ブログやポートフォリオ、フォトグラファーのギャラリー、プロダクトやアプリのランディングページなど、最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマは全部無料で利用でき、カスタマイズ性にも優れたものばかりです。 Themify Flow (demo) 個人・商用利用、無料。 モジュール式のレイアウトで、ヘッダ・フッタ・サイドバー・コンテンツなどをドラッグ&ドロップでさまざまなデザインを構築できるテーマファイル。テンプレートは無制限で、カスタマイズも可能です。

ブラウザの拡張を充実させたり、ブックマークレットを使ったり、DashやAlfredを導入したりと、快適なブログ執筆に向けていろんな施策を試しております。 が、 正直、ストレスを減らして気持ち良くブログを書くために必要なプラグインは下の3つ。 「Jetpack」、「WP Emmet」、「Drag & Drop Featured Image」。 詳しくは折り込みます。 マークダウン & Emmet is 最強h2やh3のヘッドラインの装飾にDashやTextExpanderのスニペットツールを導入している人もいると思いますが、ブログで楽にhtmlを書くならばマークダウンが最強です。 良く使うh2や ul li のマークアップは一瞬で終わります。 ## シャープ2つがh2に <h2>シャープ2つがh2に</h2> ### 3つだとh3に <h3>3つだとh3に</h3> - りすとの - マーク

世界最高速クラスのWordPress実行環境（仮想マシン）「KUSANAGI（くさなぎ）」を、プライム・ストラテジーが6月16日に発表した。あわせて、「KUSANAGI」を活用した超高速WordPressサーバーの構築と運用アウトソーシングサービスの販売を開始した。 「KUSANAGI」マスコットキャラクター（草薙沙耶）とロゴマーク 「KUSANAGI」は、仮想環境による超高速WordPress実行マシンとそのイメージ。標準的なパフォーマンス計測コマンド「ab（Apache Bench）」を使って同社が測定したテストでは、秒間1,000リクエストを処理できている（4コアの仮想マシン、ページキャッシュなし）。 「KUSANAGI」パフォーマンスの測定結果 「KUSANAGI」は、同社の提供する「WordPressフルマネージドホスティング」において利用できるほか、主要なパブリッククラウドで利

2015年12月1日追記 : Twitter のツイート数取得 API count.json の提供終了に伴い、内容を修正しています。 EXP では以前まで WP Social Bookmarking Light を使っていましたが、つい最近オリジナルのシェアボタンに切り替えました。ただし、pocket は公式の API が公開されていないので公式ボタンを採用しています。この記事では Facebook、はてブ、Twitter のオリジナルシェアボタンの実装方法を紹介していきます。 目次 Facebook 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 はてなブックマーク 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 Twitter 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 pocket さいごに PHP JavaScript Faceboo

WordPressで制作したサイトに広告をいれる方法はいろいろありますが Google公式の「WordPress用AdSenseプラグイン」がベータ版 (Google Publisher Plugin) から正式版 (Google AdSense) になってましたのでさっそくこのサイトで使ってみました。 このプラグインはWordPressのトップ、アーカイブ、投稿/固定ページ等でそれぞれ設置場所を指定するだけの簡単なもので、テンプレートや投稿記事にわざわざでAdSenseコードを入れる事なく簡単に設定できます。 モバイルにも対応してくれますのでレスポンシブなサイトには最適です。また広告ユニットも勝手に作ってくれますので ほとんどなにもしなくても AdSense を設置できます。 インストールや設定方法は「WordPress 用 AdSense プラグインについて」で詳しく日本語で載っていま

主な手順主な作成手順は、こんな感じです。 CSSをstyle.cssなどに貼り付けるCSSのclassを用いて文章を書くCSSさえ貼り付けてしまえば、あとは「吹き出しクラスを適用したpタグ」などで、書き込むだけです。それほど手間もかからないと思います。 作成方法作成方法は以下です。 style.cssに貼り付ける以下のCSSをstyle.cssにコピペします。 /******************************* * 左からの吹き出し ********************************/ .left_balloon { position: relative; background: #fff; border: 1px solid #777; margin: 10px; padding: 10px; border-radius: 15px; margin-right

[対象: 上級] 気付いている人もいるかと思いますが、このブログ全体をHTTPSにしました。 この記事では、備忘録を兼ねて、完全HTTPSへの移行を検討しているサイトの参考になるように僕が実行してきたプロセスをまとめます。 実行した主な作業は次のとおりです。 サーバー証明書の取得 HTTPSへのリダイレクト 内部リンクの修正 各種ツール・パーツのHTTPS動作確認 すべてのコンテンツがHTTPSでダウンロードされているかを確認 WordPressの設定変更 rel=”canonical”の更新 ウェブマスターツールへの登録 サイトマップの更新 ソーシャルシェアの引き継ぎ HSTSの設定 外部リンクの更新 高速化 順に説明します。 1. サーバー証明書の取得 サーバー証明書をまず取得します。 手順は利用しているサーバー会社によって変わってきます。 詳しくはお使いのサーバー会社のヘルプを参照し

2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ

この投稿は 12年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 「wp_insert_postという関数でユーザーに投稿させることができるらしいですが、どうすればいいですか」という質問を受けたのですが、その関数だけでは投稿することができません。質問者さんはおそらくWordPress でゲストに記事投稿させるフォームが作れる wp_insert_post() 関数が便利すぎてぎっくり腰になる件とかを見て「へー、そんなに簡単に作れるんだ」と思ったんでしょうが、この記事の作者さんはCakePHPとかでWebサイトを作ったりしているスキルセットの持ち主なので、「便利」とか「簡単」とか思うポイントがちょっと違うと思います。「SQL書かないで関数一発で保存できるなんて超便利」というぐらいじゃないでしょうか。「何も考えずコピペしたらSNS作れた嬉しい」

この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら（あるいは作りこみながら）読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない

WordPressのテーマを開発する際に、テーマの表示を確認するための「テーマユニットテストデータ」というものがあります。 投稿や固定ページやコメント、メニュー等で崩れがないか確認できるダミーデータです。 様々な場合を想定した（投稿タイトルが長い短い、各種タグ、画像の回り込み、特殊文字、カテゴリー、階層の深いコメント、等）データとなっています。 WordPressの公式ディレクトリに掲載する場合はこのデータの英語版を使ってテストします。 今回はそのテーマユニットテストデータを有志が集まってみんなで日本語に翻訳しました。 WordPressテーマユニットテストデータ使い方 日本語版データはこちら→https://github.com/jawordpressorg/theme-test-data-ja (英語版はこちら→https://wpcom-themes.svn.automattic.c

今回は記事の投稿時にHTMLなどを記述する必要がある際でも、だれでも簡単にできるように投稿作業を便利にするカスタマイズ方法をいくつか紹介していきたいと思います。投稿画面内にもスタイルを適用される「editor-style.css」の設定方法や投稿時の自由に入力したい情報をボタンとして投稿できる「AddQuicktag」やビジュアルエディタのボタンを拡張する「TinyMCE Advanced」の使い方を見ていきます。 解説：（有）ムーニーワークス　ハヤシユタカ WordPressではスタイルシートは基本は「style.css」に記述して作業していきます。記事を投稿する画面上では、何もしないとそのまま原稿や画像がそのまま表示されてしまいます。 Webデザイナーの人達はそれで全く問題ないですが、運用を担当されるWeb系以外の方ですと単純な文章だけの日記的なページ以外に、少し複雑なコードになると投

HOME ブログ GIMP , webデザイン , WordPress , YOUTUBE , 【PR】 , フォトショップ 素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。 素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。2014.10.15 ウェブサイトやブログなどでデザインクオリティの高いテンプレートを使用しているのにも関わらず、ロゴを自作しているために素人っぽく見えてしまうサイトを良く見かけます。ここではその4つの特徴をまとめてみました。 ① ロゴの背景に写真を挿入している② ドロップシャドウのかけすぎ（なぜかポップな書体とセットが多い）③ 背景を透明にすることができず枠が浮いている④ サイト全体とミスマッチな色とマークを採用↓ 画像を

ども。ナカムラです。 今回はいつもの「やたら上位に食い込みたがるディレクターズマニュアルの記事」と比べるとかなり粒度細かめ。 実際の現場でディレクターがワイヤーを書くその前に「やらなければいけないこと」とその理由について解説してみたいと思います。 ちなみに、お題は「既存コンテンツありのリニューアル with Word Press 案件」と仮定してみます。 さて、ワイヤー書く前にディレクターって何やればいいんでしょうね？ とりあえずサーバー周りの情報整理 WordPressに限らず、どんな案件でもまぁ必須。なんかしらCMSを乗せる場合であれば間違いなく事前に確認しておかないと大怪我するアレですね。 とりあえずLAMP動くかどうか？とセキュリティ系の情報くらいは整理しときます。 この辺の情報は1枚のドキュメントにまとめといたほうが後で楽かもですね。 既存のページ調査 リニューアルであれば、まず