直感操作でページ作成！WordPressプラグイン ページビルダー(Page Builder)
Home プラグイン, ページ作成, 機能拡張・カスタマイズ 直感操作でレスポンシブページ作成。WPプラグイン「ページビルダー(Page Builder)」 WordPress の問題点 − レイアウトのカスタマイズ性 WordPressを使い出した頃、あるいは使い慣れてきた頃、テーマやプラグインをはじめ「WordPress」そのものが持つ多くの可能性や簡便さに驚き、褒め称え満足することはあっても、不満は少ないかもしれません。 しかし、いつの間にか慣れてしまうと、もっと●●だったらいいのに、もっと●●したいのに、、なんらか不満が出てくるものです。 Webデザイナー、コーダーの方には朝飯前のことですら、Web系の知識がないことにはWordPressのカスタマイズは難しいのが実際のところです。 もちろん機能面に関してはプラグインを活用することでかなり補うことができます。ただしそれはあくまで機能
プラグイン無しで WordPress に OGP & Twitter Cards を設定する方法 - Webrawl
サイト作りに OGP 設定がほぼ必須になってきたので、通常の OGP & Twitter Cards の設定に加え WordPress 用の記述 (わりと適当) をまとめておきます。参考までにどうぞ。 1. function.php に説明文を取得する記述をするWordPress の場合、記事ごとに説明文やサムネイルを変える必要があるので functions.php に記述をしておきます。以下は本文の一部を抜粋して改行をなくした状態で表示するための設定です。サムネイルの設定はおそらく既にしていると思うので今回は省略。 // TEXT LENGTH SETTINGS function textexcerpt($length) { global $post; $content = mb_substr(strip_tags( $post -> post_content), 0, $length)
WordPressで初めてのバイラルメディアを一時間で作る方法
先日、SUPOCON という初めて作ったバイラルメディアのサイトを公開したのですが、WordPress のテーマやプラグインを存分に活用することで、とても手早く簡単に作れてしまうことが実感できました。 こんなサイトを自分でも作ってみたい！という方も中にはいるかもしれませんので、参考までに SUPOCON の作り方をざっくり紹介してみようと思います。 WordPress の基本準備や最低限のカスタマイズを行い、一時間程度でサイト公開できる状態まで仕上げることを目標にします。 WordPressインストール（10分） WordPressの詳しいインストール方法については省略します。 昨今のレンタルサーバだと標準で WordPress インストール機能が付いているものも多いので、そういうのが使えると一番手っ取り早いですね。 分からない方は「WordPress インストール」で検索するとドッと参考
メモしておきたい！サイト制作時に知っておくと「意外」と役に立つこと
作成：2014/08/4 更新：2014/11/01 Web制作 > 今回はサイト制作において毎回使うこと、意外と面倒で忘れがちなものをメモしておきます。事前に知っておくことで効率的にコーディング、納品できると思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ドメイン＋サーバ １．独自ドメインでHPとgmail を運用させるまで ２．コマンド ３．IP制限 CSS ４．画像の回り込み ５．marginの相殺 ６．ショートハンド ７．ビューポート設定 ８．IEでCSS3を再現 IE対策 ９．filter属性 １０．条件付きコメント WordPress 効率化 １１．keywordsとdescriptionを自動出力させる １２．記事中の最初の画像を自動検出して、表示 １３．タイトルの文字数を自動でカットして、語尾に「…」をつける １４．管理画面 ドメイ
Wordpressのオリジナルシェアボタン簡単作成。ソースコード有り
こんにちは、太郎です。 先日、オリジナルのシェアボタンを導入したらアクセスが2倍に増えた という記事をエントリーしたのですが、予想外にシェアをしていただきました。 はてブに関しては過去最高のシェア数でした。 なんでこんなにシェアされたのかなと思い、シェアしていただいた方に直接伺ってみると、 @okachan_man 了解です。 じゃあダウンロードできるようにして、タイトルにWordPressを入れて記事作って見ます！ — 周太郎 (@syuty) 2014, 7月 18 もっとシェアされるためのアドバイスを伺ったので、今回はソースコードを公開しようと思います。 ※初めはシェアしていただいた方だけへの特典だったのですが、その方に関しては細かい質問にも対応しますのでご了承いただけると幸いです。 html htmlのコードです。 htmlファイルの表示したい場所に追加してください。 投稿の下に差
WordPress 4.0 ファーストプレビュー
WordPress 4.0 のベータ版がリリースされました。 （もはや、日本語版は必要なのでしょうか…という気もしますが）恒例のアレいってみましょう。 インストールプロセスで言語を選択できるように 現在のところ、英語以外の言語で WordPress を使うためには、各言語のファイルやカスタマイズが同梱された各国語版（ex. 日本語）を用意する必要がありました。 WordPress 4.0 では、インストールプロセスの冒頭、具体的にはサーバーにアップロードした WordPress にアクセスしたとき（install.php が走る）に言語を選択できるようになりました。 上記のスクリーンショットは 4.0 beta 1 版（本家版）で作成したものですが、日本語を選ぶと、日本語の言語ファイルを取得し… その後は日本語で利用できるようになります。 もう日本語版のパッケージは要らない感じがヒシヒシと
Welcart対応テーマ（無料）がWordPress公式ディレクトリに登録されました - Welcart カスタマイズ
ツイート B! ブックマーク Google+ Pocket Facebook （3/12更新）WordPress4.1対応版がダウンロード出来るようになりました。ゼロから作り直したメジャーバージョンアップになります。WordPress4.1で追加された新しいコードを使っているため、WordPress4.0.xではエラーが出ます。ご注意下さい。 Welcartでオンラインショップを運営してきた経験から、多くの機能を詰め込みつつ、軽さを重視した作りになっています。 Googleの「PageSpeedInsignts」では、デモサイトのトップページはPC向けで「90」・モバイルは「77」という、まずまず？のハイスコアです。※ブラウザのキャッシュの利用・画像の最適化・圧縮を有効にする対策も行っています（これらはテーマとは全く別の設定となります）。 ライセンス・ご利用条件 Welcart用テーマ「B
オーツービジネステーマ | wordpress企業サイトテンプレート
大手企業様にもご利用いただいておりますo2 BUSINESS THEME 当サービスのWordPress（ワードプレス）テーマテンプレートは大手企業様や歯科医院、教育機関、不動産企業様など様々な分野で利用されています。Wordpress(ワードプレス)ビジネステーマテンプレートの専門サービスだからできる洗練されたデザインと優れた機能の数々。サイトの更新作業は管理画面からブログ感覚で簡単に行なえます。Web制作会社様もご購入いただけます。クライアントへ編集したものを納品することも可能です。アフィリエイトサイトとしてもご利用可能です。 よくある質問 運営会社 プライバシーポリシー 利用規約 When work is a pleasure, life is a joy! When work is a duty, life is slavery. Copyright© Cloud Nine Inc
WordPressカスタマイズの幅が劇的に広がる、フィルターフックとアクションフックの使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、日々WordPressをカスタマイズしているエンジニアのひろゆきです。 今回はWordPressのカスタマイズの際に活躍するフィルターフック、アクションフックについてまとめました。 本稿ではフックを知ってもらって、とりあえず使ってみることを目的としますので、詳しい動作原理や本来の目的などについてはCodexなどを見てくださいね！ 参考：プラグイン API – WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/プラグイン_API また、過去に弊社CTOのづやが便利なアクションフックについての記事「wordpressでよく使った管理画面用アクションフック」を書いておりますので、こちらもあわせて見てみてください！ フィルターフック、アクションフックとは まずはフィルターフックとアクションフックの違いについてですが、それぞれフックの種類
オープンソースカンファレンス北海道 2014 WordPress & baserCMS セミナー | hiromasa.another :o)
WordPress セミナー ショッピングカートのサンプルテーマを使って、カスタムフィールドやカスタム投稿、フィルターフックの使いどころなどを、スクリーンキャストで実際にカーソルを動かしながら紹介しました。 テーマの名前は wordCart。 実は baserCMS でつくった baserCart を OSC のために WordPress に移植したものです。 スクリーンキャストを使っている関係上、スライドだけだと意味不明なので、ここでは fucntions.php のコード断片を紹介しておきます。 商品の入れ物となるカスタム投稿と、カスタム分類の作成。 /** * カスタム投稿、カスタム分類タイプを追加. */ add_action('init', function () { register_taxonomy('item_tag', array('item'), array( 'lab
Bootstrap 3 を WordPress で使ってみる | Web Design Leaves
コンポーネントをカスタマイズ（色やラウンドコーナーの値を変更）してダウンロードするには、「Customize」のページでそれぞれの値をカスタマイズして、ページ最下部の「Compile and Download」をクリックする。 jQuery の読み込み Bootstrap 3 を使用するには jQuery が必要なので、 jQuery を header.php や functions.php で読み込む。WordPress はデフォルトで jQuery ライブラリが同梱されているが、以下は functions.php で CDN から読み込む場合。（同梱されている jQuery ライブラリを使っても問題はない） 訂正 この場合「add_action()」で wp_print_scripts フックを使うとバージョン 3.6 からはデバグモードでは Notice エラーが表示されるので、代わ
WordPress Gear 日本語版
ようこそ WordPress Gear日本語版は、WordPressを扱うための便利な開発ツールへのリンクを一覧にしているWPGear.orgを翻訳し、日本語版独自の情報を加えたリンク集です。 基本的なツール デバッグツール PHPのひな形 方法 WordPress-Gearはコミュニティによって運営されています。お気軽に飛び込んで、役に立つどんな情報でもGitHub経由で追加/削除してください。 参加協力するもっとも簡単な方法は、GitHubアカウントを取得し、index.mdをクリックし、editをクリックします。これにより、このプロジェクトを自分のアカウントに自動的にフォークするので、そこで変更したり、プルリクエストを送信したりできるようになります。 参加協力者の方へ 商用製品や商用テーマはどんなものでも追加しないでください。リンクはコードが閲覧できるようにしてください (githu
WordPress Gear 日本語版
ようこそ WordPress Gear日本語版は、WordPressを扱うための便利な開発ツールへのリンクを一覧にしているWPGear.orgを翻訳し、日本語版独自の情報を加えたリンク集です。 基本的なツール デバッグツール PHPのひな形 方法 WordPress-Gearはコミュニティによって運営されています。お気軽に飛び込んで、役に立つどんな情報でもGitHub経由で追加/削除してください。 参加協力するもっとも簡単な方法は、GitHubアカウントを取得し、index.mdをクリックし、editをクリックします。これにより、このプロジェクトを自分のアカウントに自動的にフォークするので、そこで変更したり、プルリクエストを送信したりできるようになります。 参加協力者の方へ 商用製品や商用テーマはどんなものでも追加しないでください。リンクはコードが閲覧できるようにしてください (githu
【最新版 ver3.9】WordPress操作マニュアル(PDF)を無料で公開！ | H2Oコラム
Warning: Parameter 1 to multibyte_patch::wplink_js() expected to be a reference, value given in /home/h2o-inc/h2o-inc.jp/public_html/column/wp-includes/plugin.php on line 546 Warning: Parameter 1 to multibyte_patch::word_count_js() expected to be a reference, value given in /home/h2o-inc/h2o-inc.jp/public_html/column/wp-includes/plugin.php on line 546 Warning: Parameter 1 to wp_default_scripts() e
WordPress初心者用 簡易マニュアル | GOLT Inc.
WordPressの基本的な使い方・コツと注意点 WordPressに記事を投稿するときの基本的な使い方や、コツ、注意点をご紹介します。 WordPress3.8 2013.12.30 目次 記事を投稿する-1 記事を投稿する-2 ビジュアルエディタの使い方 メディアを追加する 投稿のポイント・注意点 記事を投稿する-1 管理画面にログインする。 「投稿」の「新規追加」を選択する。 ※「投稿」にマウスオーバー（マウスを当てる）すると、サブメニューが表示されます。 記事を投稿する-2 タイトルを入力します。タイトルは記事を読みたくなる内容、キーワードをきちんと入れるようにします。タイトルの文字数は50文字以内程度に納めるようにします。 本文を入力します。本文はなるべく長く、キーワードをきちんと入れるようにします。本文の装飾、役割をつけるのは後述「ビジュアルエディタの使い方」に記載します。伝え
WordPressで13プラグインを減らして高速化する方法まとめ
WordPressプラグインの利用メリットとデメリット はっきり言ってメリットの方が大きいです。いろんな機能をプラグインで簡単に実装できるからこそ、WordPressを使う意義があると思っています。メリットのほんの一部だけ紹介します。 時間短縮：自作する前にすぐ実装できる。機会損失を防げる 知識補完：SEO・高速化など不慣れな人でも複雑機能を設置できる メンテが楽：WordPressバージョンアップ時も作業不要 記事に集中できる：ブログの裏方でなく本質に専念できる しかし何でもプラグインを使うクセがつくと、気づかない間に20、30ものプラグインを有効化してしまっています。簡単な機能でも数が増えれば、次のようなデメリットが生じます。 高速化の阻害：1つ1つは簡単機能でも、数が増えるとさすがに重くなる 更新停止：WordPressのバージョンアップについて来れないと問題発生もありうる 自分の好
プラグインを使わずに WordPress カテゴリーページに説明文を表示する方法 - Naifix
WordPress カテゴリーの「説明」に入力したテキストを、カテゴリーページに表示するカスタマイズ方法を解説します。 以下 2 パターンの解説です。 クラシックテーマ（ category_description() を使用 ） ブロックテーマ（ ブロックを使用 ） WordPress カテゴリーの「説明」 カテゴリーの「説明」入力欄は、投稿 > カテゴリー と進んだ先にある「新規カテゴリーを追加」の部分にあります。 追加済みカテゴリーの場合は、「編集」をクリックした先です。 テーマによっては、「説明」に入力したテキストがカテゴリーページに表示されます。以下は当サイト（Naifix）の例です。 ブログ運営に関する記事一覧 – Naifix 「説明」に入力してもどこにも表示されないテーマは、カスタマイズが必要です。 クラシックテーマの場合 従来のテーマ（クラシックテーマ）の場合、以下の手順で
[WordPress] functions.phpを編集、修正、管理しやすくする書き方
WordPressをカスタマイズする時、もっともコードを追加したり、編集したりするのはfunctions.phpになるのではないでしょうか ネット上の情報でも便利な機能を追加、拡張するために「functions.phpにこのコードを書きます。」という説明によく出会うと思います。 もちろん、それで実現したいことができるので間違いではありません。 しかし、そのままコードを追加していくと管理が難しくなります。 functions.phpに関数を増やすと管理が難しくなる？ WordPressの機能を拡張する方法には大きく分けて2つあります。 プラグインを入れる functions.phpにコードを書く プラグイン 2つを比べると分かると思いますが、1つ目のプラグインを使う方法はとても管理がしやすいです。管理しやすさには以下の点があげられます。 フォルダで管理されプラグインが何を行なう物か明白に分か
![[WordPress] functions.phpを編集、修正、管理しやすくする書き方](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9e5474958574310504f6db4f8639c1ef6a4eeff/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fmillkeyweb.com%2Fwp-content%2Fuploads%2F2014%2F05%2Fmedium_3769771267_mini.jpg%3Ffit%3D640%252C510%26ssl%3D1)
WordPressで親ページに子ページの一覧を表示する方法 - よつば手帖
<?php $child_posts = query_posts( 'numberposts=-1&order=ASC&orderby=post_title&post_type=page&post_parent=' . $post->ID ); if ( $child_posts ) { foreach ( $child_posts as $child ) { $child_posttitle = apply_filters( 'the_title', $child->post_title ); $child_permalink = apply_filters( 'the_permalink', get_permalink( $child->ID ) ); $child_excerpt = apply_filters( 'the_excerpt', $child->post_excerpt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://masablog.me/?p=95