無料WordPressテーマ「Cocoon（コクーン）」を公開しました
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
この美しさに震えろ！スマホ対策完備のWordPressテーマ「アルバトロス」堂々リリース！
どうも、ブログマーケッターJUNICHIです。 やっと発表できました！ ちょくちょくお問合せを受けていたんですが、僕が今使っているWordPressのテーマ『ALBATROS（アルバトロス）』が本日リリースされました！！ 全てはブログマーケティングの為に作られたといってもいいこのテーマ。 ただ、初めに言っておきます。このテーマは「有料」です。 でも、絶対に有料の価値があるテーマです。 デザイン・機能・扱いやすさ、どれを取っても最高レベルのワードプレステーマのALBATROS（アルバトロス）。 今回は、その魅力をたっぷりお伝えします。 あなたも、今すぐこのテーマを使いたくなること間違いなし！ なぜ、WEBサイトのスマホ対策が必要なのか？ なぜ、WEBサイトのスマホ対策（スマホビューの最適化）がそれほどにまで重要か知っていますか？ 2015年4月21日、Googleがウェブサイトがモバイルフレ
[WordPress] 爆速でブログを書くために必要なプラグイン3つ * prasm（プラズム）
ブラウザの拡張を充実させたり、ブックマークレットを使ったり、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] 爆速でブログを書くために必要なプラグイン3つ * prasm（プラズム）](https://cdn-ak-scissors.b.st-hatena.com/image/square/c53cb7d1f0be75f11957c677eddda43571059e27/height=288;version=1;width=512/https%3A%2F%2Fprasm.blog%2Fwp-content%2Fuploads%2F2015%2F06%2Feye016.png)
WordPressが超高速で動く仮想マシン「KUSANAGI」登場、パブリッククラウド版は7/1から無償提供 | はじめてWEBニュース
世界最高速クラスのWordPress実行環境（仮想マシン）「KUSANAGI（くさなぎ）」を、プライム・ストラテジーが6月16日に発表した。あわせて、「KUSANAGI」を活用した超高速WordPressサーバーの構築と運用アウトソーシングサービスの販売を開始した。 「KUSANAGI」マスコットキャラクター（草薙沙耶）とロゴマーク 「KUSANAGI」は、仮想環境による超高速WordPress実行マシンとそのイメージ。標準的なパフォーマンス計測コマンド「ab（Apache Bench）」を使って同社が測定したテストでは、秒間1,000リクエストを処理できている（4コアの仮想マシン、ページキャッシュなし）。 「KUSANAGI」パフォーマンスの測定結果 「KUSANAGI」は、同社の提供する「WordPressフルマネージドホスティング」において利用できるほか、主要なパブリッククラウドで利
WordPress でオリジナルの SNS シェアボタンを実装する方法 | WP-E (仮)
2015年12月1日追記 : Twitter のツイート数取得 API count.json の提供終了に伴い、内容を修正しています。 EXP では以前まで WP Social Bookmarking Light を使っていましたが、つい最近オリジナルのシェアボタンに切り替えました。ただし、pocket は公式の API が公開されていないので公式ボタンを採用しています。この記事では Facebook、はてブ、Twitter のオリジナルシェアボタンの実装方法を紹介していきます。 目次 Facebook 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 はてなブックマーク 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 Twitter 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 pocket さいごに PHP JavaScript Faceboo
Google公式のWordPress用AdSenseプラグイン(Google AdSense) – ねんでぶろぐ
WordPressで制作したサイトに広告をいれる方法はいろいろありますが Google公式の「WordPress用AdSenseプラグイン」がベータ版 (Google Publisher Plugin) から正式版 (Google AdSense) になってましたのでさっそくこのサイトで使ってみました。 このプラグインはWordPressのトップ、アーカイブ、投稿/固定ページ等でそれぞれ設置場所を指定するだけの簡単なもので、テンプレートや投稿記事にわざわざでAdSenseコードを入れる事なく簡単に設定できます。 モバイルにも対応してくれますのでレスポンシブなサイトには最適です。また広告ユニットも勝手に作ってくれますので ほとんどなにもしなくても AdSense を設置できます。 インストールや設定方法は「WordPress 用 AdSense プラグインについて」で詳しく日本語で載っていま
WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法
主な手順 主な作成手順は、こんな感じです。 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-
ブログの完全HTTPS化を完了、HTTPからHTTPSへの移行プロセスを共有
[対象: 上級] 気付いている人もいるかと思いますが、このブログ全体をHTTPSにしました。 この記事では、備忘録を兼ねて、完全HTTPSへの移行を検討しているサイトの参考になるように僕が実行してきたプロセスをまとめます。 実行した主な作業は次のとおりです。 サーバー証明書の取得 HTTPSへのリダイレクト 内部リンクの修正 各種ツール・パーツのHTTPS動作確認 すべてのコンテンツがHTTPSでダウンロードされているかを確認 WordPressの設定変更 rel=”canonical”の更新 ウェブマスターツールへの登録 サイトマップの更新 ソーシャルシェアの引き継ぎ HSTSの設定 外部リンクの更新 高速化 順に説明します。 1. サーバー証明書の取得 サーバー証明書をまず取得します。 手順は利用しているサーバー会社によって変わってきます。 詳しくはお使いのサーバー会社のヘルプを参照し
少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
WordPressで管理画面以外から投稿させる機能を作る | 高橋文樹.com | プログラミング
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 「wp_insert_postという関数でユーザーに投稿させることができるらしいですが、どうすればいいですか」という質問を受けたのですが、その関数だけでは投稿することができません。質問者さんはおそらくWordPress でゲストに記事投稿させるフォームが作れる wp_insert_post() 関数が便利すぎてぎっくり腰になる件とかを見て「へー、そんなに簡単に作れるんだ」と思ったんでしょうが、この記事の作者さんはCakePHPとかでWebサイトを作ったりしているスキルセットの持ち主なので、「便利」とか「簡単」とか思うポイントがちょっと違うと思います。「SQL書かないで関数一発で保存できるなんて超便利」というぐらいじゃないでしょうか。「何も考えずコピペしたらSNS作れた嬉しい
WordPressテーマ制作チュートリアル
この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら（あるいは作りこみながら）読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない
テーマの作成 - WordPress Codex 日本語版
WordPress テーマは、WordPress のテーマディレクトリ (デフォルトでは wp-content/themes/) の中のサブディレクトリに存在します。themes ディレクトリの場所は wp-config.phpを使って移動することはできません/en)。サブディレクトリ (テーマフォルダ) には、スタイルシートファイル、テンプレートファイル、オプションの関数ファイル (functions.php)、JavaScript ファイル画像といったものが含まれています。例えば、「test」というテーマは、wp-content/themes/test/ ディレクトリにあります。テーマ名に数字を入れるとテーマ管理画面の利用可能なテーマ一覧に表示されないので避けましょう。 新しくインストールされた WordPress にはデフォルトテーマが同梱されています。デフォルトテーマのファイルを詳
WordPressテーマユニットテストデータ日本語版を更新したよ！
WordPressのテーマを開発する際に、テーマの表示を確認するための「テーマユニットテストデータ」というものがあります。 投稿や固定ページやコメント、メニュー等で崩れがないか確認できるダミーデータです。 様々な場合を想定した（投稿タイトルが長い短い、各種タグ、画像の回り込み、特殊文字、カテゴリー、階層の深いコメント、等）データとなっています。 WordPressの公式ディレクトリに掲載する場合はこのデータの英語版を使ってテストします。 今回はそのテーマユニットテストデータを有志が集まってみんなで日本語に翻訳しました。 WordPressテーマユニットテストデータ使い方 日本語版データはこちら→https://github.com/jawordpressorg/theme-test-data-ja (英語版はこちら→https://wpcom-themes.svn.automattic.c
記事の投稿作業をしやすくする投稿画面のカスタマイズ方法いろいろ - MdN Design Interactive
今回は記事の投稿時にHTMLなどを記述する必要がある際でも、だれでも簡単にできるように投稿作業を便利にするカスタマイズ方法をいくつか紹介していきたいと思います。投稿画面内にもスタイルを適用される「editor-style.css」の設定方法や投稿時の自由に入力したい情報をボタンとして投稿できる「AddQuicktag」やビジュアルエディタのボタンを拡張する「TinyMCE Advanced」の使い方を見ていきます。 解説：（有）ムーニーワークス ハヤシユタカ WordPressではスタイルシートは基本は「style.css」に記述して作業していきます。記事を投稿する画面上では、何もしないとそのまま原稿や画像がそのまま表示されてしまいます。 Webデザイナーの人達はそれで全く問題ないですが、運用を担当されるWeb系以外の方ですと単純な文章だけの日記的なページ以外に、少し複雑なコードになると投
素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。
HOME ブログ GIMP , webデザイン , WordPress , YOUTUBE , 【PR】 , フォトショップ 素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。 素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。2014.10.15 ウェブサイトやブログなどでデザインクオリティの高いテンプレートを使用しているのにも関わらず、ロゴを自作しているために素人っぽく見えてしまうサイトを良く見かけます。ここではその4つの特徴をまとめてみました。 ① ロゴの背景に写真を挿入している② ドロップシャドウのかけすぎ（なぜかポップな書体とセットが多い）③ 背景を透明にすることができず枠が浮いている④ サイト全体とミスマッチな色とマークを採用↓ 画像を
WordPress の安全性を高める - WordPress Codex 日本語版
WordPress ではセキュリティを非常に重要なものと考えています。しかし、他のどんなシステムでも同様ですが、基本的なセキュリティ対策がなされていない場合には問題が発生する可能性はあります。このページでは、よくある脆弱性について、そして WordPress を安全に保つためにできることを紹介します。 このページはセキュリティに対する心配を一掃するその場限りの応急措置とは違います。特定のセキュリティ問題や不明な点を抱えている場合は、コンピューターセキュリティの知識を十分に持っている信頼のおける人ときちんと話し合うべきです。 セキュリティとは 基本的には、セキュリティとは「完璧に安全なシステム」のことではありません。そのようなものは実用的ではないか、見つけたり運用したりするのは不可能といえるでしょう。セキュアなサーバーは、サーバー管理者のコントロールのもとに、リソースのプライバシー・整合性・
ディレクターがワイヤーを書く直前にやるべき超細かい事あれこれ
ども。ナカムラです。 今回はいつもの「やたら上位に食い込みたがるディレクターズマニュアルの記事」と比べるとかなり粒度細かめ。 実際の現場でディレクターがワイヤーを書くその前に「やらなければいけないこと」とその理由について解説してみたいと思います。 ちなみに、お題は「既存コンテンツありのリニューアル with Word Press 案件」と仮定してみます。 さて、ワイヤー書く前にディレクターって何やればいいんでしょうね？ とりあえずサーバー周りの情報整理 WordPressに限らず、どんな案件でもまぁ必須。なんかしらCMSを乗せる場合であれば間違いなく事前に確認しておかないと大怪我するアレですね。 とりあえずLAMP動くかどうか？とセキュリティ系の情報くらいは整理しときます。 この辺の情報は1枚のドキュメントにまとめといたほうが後で楽かもですね。 既存のページ調査 リニューアルであれば、まず
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リレーションデザイン研究所
着実に進化している！無料で利用できるWordPressのテーマのまとめ
http://koreyomo.com/archives/230
