如何在 WordPress 中使用 PDF 編輯器 [設計您的 PDF!]

已發表: 2023-03-15

想直接從您的 WordPress 儀表板創建和編輯 PDF 表單嗎? 這篇文章將向您展示如何使用 Formidable Forms 在 WordPress 中使用 PDF 編輯器。

如何在 WordPress 中使用 PDF 編輯器

大約閱讀時間:6 分鐘

在 WordPress 中尋找 PDF 編輯器?

無論是創建證書、顯示菜單還是自定義 PDF 發票裝箱單,WordPress 中的可編輯 PDF 都可以節省您的時間。

這篇文章將向您展示如何使用適用於您的 WordPress 網站的最佳 PDF 編輯器 WordPress 插件Formidable Forms來設計您的 PDF。 您將學習如何創建表單以輸入您需要的信息並將其顯示在您設計的 PDF 中。

Formidable Forms 是最好的 WordPress 表單生成器插件。 免費獲取!

那麼,讓我們開始吧。

  • 為什麼要在 WordPress 中使用 PDF 編輯器?
  • 如何在 WordPress 中使用 PDF 編輯器
    • 1. 安裝 Views and PDF 插件
    • 2. 創建你的表格
    • 3.創建視圖
    • 4.自定義PDF
    • 5. 發布PDF下載鏈接

    為什麼要在 WordPress 中使用 PDF 編輯器

    使用 WordPress PDF 編輯器插件的理由有很多。

    無論您是想創建漂亮的 PDF 模板,讓人們更輕鬆地在您的網站上查看 PDF,還是讓人們必須註冊才能訪問門控內容。

    無論哪種方式,控制 PDF 的設計和發布都意味著您可以決定網站上的內容。

    並且有一些不同的人會發現這很有用。 這裡有一些:

    1. 業務專業人員- 如果您定期創建 PDF 供客戶下載,那麼擁有創建自己的 PDF 的方法會讓您的生活更輕鬆。
    2. 營銷人員- PDF 是發佈內容或營銷材料的最常見方式之一。 有辦法自己設計它們意味著您可以完全控制。
    3. 自由職業者- 您是否通過 PDF 發送發票? 然後拋棄您的 PDF 軟件並創建您自己的 PDF 軟件!
    4. 教師- 您甚至可以使用自己的 PDF 編輯器創建課程計劃和其他教育材料!
    5. 餐廳- 想要定制您自己的菜單並將其顯示在您的網站上嗎? PDF 編輯器非常適合。
    示例菜單 PDF

    現在,有很多編輯 PDF 的 WordPress 插件(如 Gravity Forms 和 Gravity PDF),但它們不提供我們推薦的選項的靈活性和功能。

    那就是Formidable Forms

    如何在 WordPress 中使用 PDF 編輯器

    首先,您需要下載Formidable Forms才能開始生成 PDF。

    Formidable 是最先進用戶友好的 WordPress 表單插件,還可以嵌入 PDF 文檔以供下載。

    通過本教程,您還需要訪問 Formidable Views 和 PDF 插件,這將幫助您設計和發布 PDF。

    如果您不知道 Formidable Views 是什麼,請不要擔心。 它只是一種獲取表單條目並以您想要的任何方式顯示它們的強大方式——PDF、作為它們自己的頁面,甚至作為類似 Instagram 的提要!

    您可以使用 Formidable Forms 的免費版本來測試該插件,但是這兩個附加組件都包含在 Formidable Forms 的商業計劃的高級版本中。

    立即獲取您的 PDF 編輯器!!

    因此,為所有插件提供許可證,安裝並激活它,然後是五個簡單的步驟:

    1. 安裝視圖和 PDF 附加組件
    2. 創建您的表格並提交測試條目
    3. 創建視圖
    4. 自定義 PDF 設計
    5. 發布PDF下載鏈接

    對於我們的示例,我們將向您展示如何自定義證書 PDF,非常適合任何課程創建者或教育企業。

    1 步:安裝視圖和 PDF 附加組件

    在您的 WordPress 儀表板中,轉到Formidable → Add-Ons

    強大的附加組件

    我們必須安裝並激活兩個插件: Visual ViewsPDFs

    您可以滾動查找它們或使用搜索欄搜索它們。

    一旦它們被激活,我們將創建表單來輸入要在 PDF 上顯示的信息。

    第 2 步:創建表單

    首先,轉到Formidable → Forms並單擊Add New創建一個新表單。

    通過 Formidable 的商業計劃,您可以訪問許多不同的預建模板。 因此,如果您知道自己在尋找什麼,請嘗試搜索與之匹配的模板。

    如果沒有,您可以選擇空白表單,使用 Formidable 的拖放生成器從頭開始創建一個。

    選擇表單類型後,單擊創建

    使用 Formidable 的表單生成器,您可以根據需要收集的信息添加任何需要的字段。 例如,我們正在為完成我們其中一門課程的任何人創建 PDF 證書。

    Formidable 的拖放生成器

    因此,我們將添加一個NameDateDropdownParagraph字段來自定義證書上的一些文本。

    隨意根據您需要顯示的內容自定義您自己的內容。

    完成後,單擊更新以保存更改。

    如果我們在設計視圖時有一個測試入口,那麼下一步會更容易。 因此,單擊頁面頂部的條目添加新條目以提交測試條目。

    示例表單條目

    它還會讓您了解您的表格對於填寫表格的任何人來說是什麼樣子的。 只需輸入您想要的任何名稱,然後點擊提交,您就可以為下一步準備好條目了。

    現在,我們將創建一個視圖來顯示我們想要的信息。

    第 3 步:創建視圖

    在您的表單生成器中,選擇“視圖”選項卡,然後單擊“添加新項”開始。

    您可以選擇所需的任何視圖類型,但我們將在示例中使用網格類型。

    網格視圖類型

    接下來,為您的視圖命名並單擊創建視圖

    您將從列表頁面開始。 這是您可以顯示條目集合(如菜單項、名稱等)的地方。

    您還有詳細信息頁面。 這是為了更詳細地查看特定條目。

    對於我們的示例,我們將使列表頁面保持簡單,僅包含人員姓名和指向詳細信息頁面的鏈接。

    詳細信息頁面將顯示我們提供的自定義 PDF。

    然後,單擊Layout Builder按鈕,開始設計您的佈局。 與表單生成器一樣,佈局生成器也是拖放式的。

    拖放佈局構建器

    我們將使用 Layout Builder 拖動單個塊。 接下來,單擊該列,它會向您顯示可視化/文本生成器。 在這裡,您可以按照自己的喜好自定義列表頁面。

    對於我們的示例,我們將通過在一段鏈接 HTML 中包含 [detaillink] 來保持簡單,我們還將添加用戶名的簡碼以便於識別。 所以,它會看起來像這樣:

    列表頁面的示例 HTML

    這將顯示名稱,因此我們將在單擊鏈接時看到 PDF。

    4 步:自定義 PDF

    接下來,我們將單擊詳細信息頁面並自定義我們的 PDF。

    與列表頁面一樣,我們將單擊詳細信息頁面的佈局生成器。

    對於我們的示例,我們將拖動一列三列,在其下方有一列,然後在該列下方拖動另外三列。

    佈局構建器視圖

    您可以隨心所欲地設計自己的佈局,但完成後單擊“保存佈局”

    現在我們可以開始自定義不同的列了。 所以,我們希望我們的視圖看起來像您看到的證書。

    我們將單擊每一列並使用文本編輯器添加代碼以完全按照我們的需要對其進行自定義。 您不必使用代碼來製作漂亮的東西。 只需單擊要編輯的列並選擇可視化編輯器。

    您甚至可以使用 WordPress 的媒體庫添加圖片。

    您會注意到在編輯視圖時可以使用不同的簡碼。 如果將這些放入編輯器中,該字段中的信息將自動插入到該區域中。

    例如,使用我們之前的測試條目和我們設計的證書,我們的看起來像這樣:

    示例證書

    所以,玩玩你自己的 View,看看你能開發出什麼!

    如果您想開始使用模板,那麼您一定會喜歡我們的證書模板!

    但是您將大致了解您的 PDF 在此處的外觀。

    現在我們想在發布鏈接之前獲取您的視圖的 ID。 因此,在視圖的左側,找到簡碼. ID 後面的數字是您的表單 ID。

    保留它以備下一步使用。

    5 步:發布 PDF 下載鏈接

    我們需要將簡碼添加到您的頁面或發布以將 PDF 上傳到您的站點。

    因此,前往您想要鏈接的帖子或頁面,然後鍵入以下代碼:

     [frm-pdf view=”*YOUR VIEW ID*” entry="*ENTRY NUMBER OF DETAIL*" public=”1”]

    接下來,更新您的頁面,單擊預覽,您將看到下載鏈接。

    示例 PDF 視圖

    當您單擊下載按鈕時,您將看到您的 PDF 文件在 PDF 閱讀器或 PDF 查看器的新窗口中打開!

    由於它是證書,我們希望它以橫向模式顯示。 因此,我們所要做的就是將orientation="landscape"添加到短代碼中。

    所以它看起來像這樣:

    [frm-pdf view="119" entry="10" orientation="landscape" public="1"]

    119是我們視圖的 ID, 10是我們想要的條目詳細信息, orientation幫助我們正確顯示它, public確保它可見。

    然後,就像下載 PDF 一樣簡單!

    立即獲取您的 PDF 編輯器!

    準備好在 WordPress 中製作可編輯的 PDF 了嗎?

    就這樣,您擁有一個表單生成器、PDF 生成器和一個 PDF 嵌入器。

    這篇文章展示瞭如何使用 Formidable Forms 作為 WordPress 可編輯 PDF 插件來自定義您的 PDF 需求。 使用一個插件,您可以將聯繫表、訂單表等中的信息轉換為您設計的適用於任何主題(包括 WordPress Elementor)的 PDF 表單。

    所以,不要再等了! 立即開始使用 Formidable Forms 自定義您的 PDF。

    在 Facebook、Twitter 和 YouTube 上關注我們,了解更多提示和技巧。

    閱讀有關使用 Formidable 將表格轉為 PDF 的更多信息!


    您是否知道 Formidable Forms 是當今可用的最快的 WordPress 表單構建器插件之一? 如果您還沒有使用它,請開始使用我們的免費插件或功能齊全的專業版!