無料WordPressテーマ「Cocoon（コクーン）」を公開しました
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
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-
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つの特徴をまとめてみました。 ① ロゴの背景に写真を挿入している② ドロップシャドウのかけすぎ（なぜかポップな書体とセットが多い）③ 背景を透明にすることができず枠が浮いている④ サイト全体とミスマッチな色とマークを採用↓ 画像を
ディレクターがワイヤーを書く直前にやるべき超細かい事あれこれ
ども。ナカムラです。 今回はいつもの「やたら上位に食い込みたがるディレクターズマニュアルの記事」と比べるとかなり粒度細かめ。 実際の現場でディレクターがワイヤーを書くその前に「やらなければいけないこと」とその理由について解説してみたいと思います。 ちなみに、お題は「既存コンテンツありのリニューアル with Word Press 案件」と仮定してみます。 さて、ワイヤー書く前にディレクターって何やればいいんでしょうね？ とりあえずサーバー周りの情報整理 WordPressに限らず、どんな案件でもまぁ必須。なんかしらCMSを乗せる場合であれば間違いなく事前に確認しておかないと大怪我するアレですね。 とりあえずLAMP動くかどうか？とセキュリティ系の情報くらいは整理しときます。 この辺の情報は1枚のドキュメントにまとめといたほうが後で楽かもですね。 既存のページ調査 リニューアルであれば、まず
WordPressテーマを作成するのに役立つサイト・ツール・サービスまとめ
テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollow、nofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi
子テーマをつくる方法CSS篇
ちょっと前の話題になりますが、WordPress が 3.4 にバージョンアップしてまして、デフォルトで入っているテーマ、Twenty Eleven もバージョンアップしたようです。 で、Twenty Eleven を 1.4 へとバージョンアップしようと思ったのですが、なんか怪しい・・・。そう、今まで Twenty Eleven を直接いじっていたものだから、バージョンアップすると上書きされてカスタマイズした内容が全て消えてしまうのです。 じゃあバックアップ取ってから、アップグレードした後にスタイルシートだけもう一度上書きすればいいか〜とも思えるのですが、実はもっとスマートな方法があるようです。WordPress のテーマをカスタマイズする際は本来こうしておくのが定石、基本だという方法があるのです。 それが、 子テーマを作る という方法。 これ、基本。常識だそうですね。。。今まで Twe
日本人だけが知らない、欧米スタートアップにおけるWebサイト構築サービスの台頭（小川浩） - エキスパート - Yahoo!ニュース
Webサイト構築サービスベンチャーに注目しよう 国内ではほとんど知られていないが、実は欧米では、Webサイト構築サービスを主力にするスタートアップの躍進が注目されている。 彼らの多くは、HTMLやCSSの知識を必要とせず、WYSIWYG型のWeb制作ツールと運営用のサーバ・ネットワークも同時に提供するという統合型のサービスだ。もちろん昨今のサービスであればモバイル対応もなされている。昨年には代表的なWebサイト構築企業であるWixがNASDAQに上場をはたしているし、2014年に入って大型増資に成功したスタートアップのニュースも続いている。もはやWordPressやMovableTypeでWebサイトを制作している場合ではないのかもしれない、とまで思ってしまう。 まずプレイヤーの紹介をしよう。 Wix.com イスラエルのベンチャーであるWixは、2013年11月にIPOをはたした。1.2
Drag & Drop WordPress Themes • Themify
Premium WordPress Themes & Plugins Since 2010, Themify themes and plugins have been helping 120,686+ customers make beautifully responsive WordPress sites, faster and easier than ever. Master Club Get the 'all-in-one' WordPress toolkit that includes ALL Themify themes and plugins, empowering you to build any WordPress site you can imagine. Get Master Club $89 30-day risk free money back guarantee!
最近知ったHTML5で作られたWordPressテーマいろいろ | Web活メモ帳
最近知ったHTML5で作られたWordPressテーマをを備忘録的にまとめておきます。 デザイン済みテーマ、カスタマイズ用のシンプルテーマ、IE6でもデザインが崩れないテーマなど色々ありました。 Constellation Theme iPhoneやiPad用に表示が最適化されているHTML5製のWordPressテーマ HTML5Press おすすめ投稿をスライダで表示する事が出来ます。 画面を下にスクロールさせると、ページTOPへ戻るがフェードインしながら表示されるテーマです。 Free Dream HTML5 WordPress Theme IE６でも表示可能なテーマ。 960 pxのワイドレイアウトです。 TwentyTen Five WordPress3のデフォルトテーマである「Twenty Ten」をHTML5に対応させたテーマです。 デザインやスタイルは「Twenty Ten
グリッドベースのクールなWordPressテーマ「GRID wordpress theme」:phpspot開発日誌
GRID wordpress theme ? straightline グリッドベースのクールなWordPressテーマ「GRID wordpress theme」 次のような、シンプルだけどカッコいいWordPressのテーマが公開されています。 テーマのプレビューはこちら デザインというと派手なものを想像しがちですが、こういうのもカッコいいですね。 幅を縮めると、ちゃんと折り返されてレイアウトが変わるところもカッコいい。 関連エントリ 印象的でカッコいいWordPressテーマいろいろ すっきりまとまった雑誌スタイルのフリーWordPressテーマ集 5月リリースのクールなWordPressテーマ集 2009年リリースの綺麗なWordPressテーマ集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
着実に進化している！無料で利用できるWordPressのテーマのまとめ
新着記事
ウェブサイト作成の勉強になった日本語スライドのまとめ
Themes – Themify
css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろ
https://quarter4.info/create/22-wordpress-customize-hack.html